@zgfe/business-lib 1.2.25 → 1.2.27

package/es/chart/demo/data/data5 copy.d.ts

@@ -0,0 +1,44 @@
+declare const _default: {
+    series: ({
+        names: string[];
+        index: string;
+        type: string;
+        itemStyle: {
+            normal: {
+                color: string;
+            };
+        };
+        values: number[];
+        stack?: undefined;
+        duration?: undefined;
+    } | {
+        names: string[];
+        index: string;
+        type: string;
+        stack: string;
+        itemStyle: {
+            normal: {
+                color: string;
+            };
+        };
+        values: number[];
+        duration?: undefined;
+    } | {
+        duration: never[];
+        type: string;
+        index: string;
+        names: string[];
+        values: number[];
+        itemStyle?: undefined;
+        stack?: undefined;
+    })[];
+    xAxis: string[];
+};
+export default _default;
+export declare const barData: {
+    xAxis: string[];
+    series: {
+        names: string[];
+        values: number[];
+    }[];
+};

package/es/chart/demo/data/data5 copy.js

@@ -0,0 +1,143 @@
+export default {
+  series: [{
+    names: ['Direct'],
+    index: '人数',
+    type: 'bar',
+    itemStyle: {
+      normal: {
+        color: '#457DFF'
+      }
+    },
+    values: [490, 540, 490, 510, 570, 890, 930]
+  }, {
+    names: ['Email'],
+    index: '人数',
+    type: 'bar',
+    stack: 'Ad',
+    itemStyle: {
+      normal: {
+        color: '#5888F4'
+      }
+    },
+    values: [120, 130, 100, 130, 90, 230, 210]
+  }, {
+    names: ['Union Ads'],
+    index: '人数',
+    type: 'bar',
+    stack: 'Ad',
+    itemStyle: {
+      normal: {
+        color: '#457DFF'
+      }
+    },
+    values: [220, 180, 190, 230, 290, 330, 310]
+  }, {
+    names: ['Video Ads'],
+    index: '人数',
+    type: 'bar',
+    stack: 'Ad',
+    itemStyle: {
+      normal: {
+        color: '#3F72EA'
+      }
+    },
+    values: [150, 230, 200, 150, 190, 330, 410]
+  }, {
+    names: ['Search1'],
+    type: 'bar',
+    index: '人数',
+    values: [86, 118, 664, 626, 169, 600, 570],
+    itemStyle: {
+      normal: {
+        color: '#80E1D9'
+      }
+    }
+  }, {
+    names: ['Search3'],
+    type: 'bar',
+    index: '人数',
+    values: [862, 1018, 964, 1026, 1679, 1600, 1570],
+    itemStyle: {
+      normal: {
+        color: '#65789B'
+      }
+    }
+  }, {
+    names: ['Baidu'],
+    type: 'bar',
+    index: '人数',
+    stack: 'Search Engine',
+    itemStyle: {
+      normal: {
+        color: '#A0BEF6'
+      }
+    },
+    values: [620, 732, 701, 734, 1090, 1130, 1120]
+  }, {
+    names: ['Google'],
+    type: 'bar',
+    index: '人数',
+    stack: 'Search Engine',
+    itemStyle: {
+      normal: {
+        color: '#92ADE0'
+      }
+    },
+    values: [120, 132, 101, 134, 290, 230, 220]
+  }, {
+    names: ['Bing'],
+    index: '人数',
+    type: 'bar',
+    stack: 'Search Engine',
+    itemStyle: {
+      normal: {
+        color: '#869FCD'
+      }
+    },
+    values: [60, 72, 71, 74, 190, 130, 110]
+  }, {
+    names: ['Others'],
+    type: 'bar',
+    index: '人数',
+    stack: 'Search Engine',
+    itemStyle: {
+      normal: {
+        color: '#7990BB'
+      }
+    },
+    values: [62, 82, 91, 84, 109, 110, 120]
+  }, {
+    names: ['Search2'],
+    type: 'bar',
+    index: '人数',
+    values: [86, 118, 664, 626, 169, 600, 570],
+    itemStyle: {
+      normal: {
+        color: '#F8BC3B'
+      }
+    }
+  }, {
+    duration: [],
+    type: 'line',
+    index: '额度',
+    names: ['lineChartFirstNv'],
+    values: [1280, 2560, 5120, 10240, 20480, 40960, 81920]
+  }, {
+    duration: [],
+    type: 'line',
+    index: '额度',
+    names: ['lineChartSecondNv'],
+    values: [10, 20, 30, 40, 50, 60, 70]
+  }],
+  xAxis: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+};
+export var barData = {
+  xAxis: ['2022-08-23|2022-08-30'],
+  series: [{
+    names: ['北京市', '所有用户', '查看商品'],
+    values: [1560]
+  }, {
+    names: ['北京市', '最近7天活跃用户', '查看商品'],
+    values: [1560]
+  }]
+};

package/es/chart/demo/data/data5.d.ts

@@ -0,0 +1,33 @@
+declare const _default: {
+    series: ({
+        type: string;
+        names: string[];
+        stack: string;
+        values: number[];
+        duration?: undefined;
+        index?: undefined;
+    } | {
+        duration: never[];
+        type: string;
+        index: string;
+        names: string[];
+        stack: string;
+        values: number[];
+    } | {
+        duration: never[];
+        type: string;
+        index: string;
+        names: string[];
+        values: number[];
+        stack?: undefined;
+    })[];
+    xAxis: string[];
+};
+export default _default;
+export declare const barData: {
+    xAxis: string[];
+    series: {
+        names: string[];
+        values: number[];
+    }[];
+};

package/es/chart/demo/data/data5.js

@@ -0,0 +1,64 @@
+export default {
+  series: [{
+    type: 'bar',
+    names: ['histogramFirstUv'],
+    stack: 'uv',
+    values: [0, 0, 1, 0, 0, 10, 0, 0, 13, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
+  }, {
+    duration: [],
+    type: 'bar',
+    index: '人数',
+    names: ['histogramSecondUv'],
+    stack: 'uv',
+    values: [0, 0, 0, 0, 0, 0, 10, 0, 5, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
+  }, {
+    duration: [],
+    type: 'bar',
+    index: '人数',
+    stack: 'uv',
+    names: ['lineChartFirstUv'],
+    values: [0, 0, 0, 0, 0, 0, 0, 10, 5, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
+  }, {
+    duration: [],
+    type: 'bar',
+    index: '人数',
+    stack: 'uv',
+    names: ['lineChartSecondUv'],
+    values: [0, 0, 0, 0, 0, 0, 0, 10, 5, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
+  }, {
+    duration: [],
+    type: 'line',
+    index: '额度',
+    names: ['histogramFirstNv'],
+    values: [0, 0, 1, 0, 0, 0, 0, 0, 13, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
+  }, {
+    duration: [],
+    type: 'line',
+    index: '额度',
+    names: ['histogramSecondNv'],
+    values: [0, 0, 0, 0, 0, 0, 0, 0, 5, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
+  }, {
+    duration: [],
+    type: 'line',
+    index: '额度',
+    names: ['lineChartFirstNv'],
+    values: [0, 0, 0, 0, 0, 0, 0, 0, 5, 5, 10, 20, 40, 80, 160, 320, 640, 1280, 2560, 5120, 10240, 20480, 40960, 81920]
+  }, {
+    duration: [],
+    type: 'line',
+    index: '额度',
+    names: ['lineChartSecondNv'],
+    values: [0, 0, 0, 0, 0, 0, 0, 0, 5, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
+  }],
+  xAxis: ['2023-10-25 00:00:00', '2023-10-25 01:00:00', '2023-10-25 02:00:00', '2023-10-25 03:00:00', '2023-10-25 04:00:00', '2023-10-25 05:00:00', '2023-10-25 06:00:00', '2023-10-25 07:00:00', '2023-10-25 08:00:00', '2023-10-25 09:00:00', '2023-10-25 10:00:00', '2023-10-25 11:00:00', '2023-10-25 12:00:00', '2023-10-25 13:00:00', '2023-10-25 14:00:00', '2023-10-25 15:00:00', '2023-10-25 16:00:00', '2023-10-25 17:00:00', '2023-10-25 18:00:00', '2023-10-25 19:00:00', '2023-10-25 20:00:00', '2023-10-25 21:00:00', '2023-10-25 22:00:00', '2023-10-25 23:00:00']
+};
+export var barData = {
+  xAxis: ['2022-08-23|2022-08-30'],
+  series: [{
+    names: ['北京市', '所有用户', '查看商品'],
+    values: [1560]
+  }, {
+    names: ['北京市', '最近7天活跃用户', '查看商品'],
+    values: [1560]
+  }]
+};

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

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

package/es/chart/demo/line_bar_stack.js

@@ -0,0 +1,204 @@
+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); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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, { useEffect, useState } from 'react';
+import { BizChart } from '@zgfe/business-lib';
+import data from './data/data5';
+var color = ['#457DFF', '#80E1D9', '#65789B', '#F8BC3B', '#6F66ED', '#66AFED'];
+var colorKeyList = {
+  '#457DFF': ['#5888F4', '#457DFF', '#3F72EA', '#3A69D8', '#3560C5', '#3057B3', '#2B4EA0', '#26458D', '#213C7B', '#1C3368'],
+  '#80E1D9': ['#80E1D9', '#74CCC4', '#69B9B2', '#5FA6A0', '#54948F', '#4A817D', '#3F6F6B', '#355C59', '#2A4A47', '#1F3735'],
+  '#65789B': ['#A0BEF6', '#92ADE0', '#869FCD', '#7990BB', '#65789B', '#586887', '#4B5A74', '#3F4B62', '#333D4F', '#272F3D'],
+  '#F8BC3B': ['#F8BC3B', '#E2AC36', '#D09E32', '#BD902D', '#AB8229', '#987425', '#866620', '#73571C', '#614917', '#4E3B13'],
+  '#6F66ED': ['#6F66ED', '#655DD8', '#5D55C6', '#544DB3', '#4B45A1', '#433D8E', '#3A357C', '#312D69', '#282556', '#201D44'],
+  '#66AFED': ['#66AFED', '#5D9FD8', '#5591C6', '#4D84B3', '#4576A1', '#3D688E', '#355B7C', '#2D4D69', '#253F56', '#1D3244']
+};
+export default (function () {
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    legendObj = _useState2[0],
+    setLegendObj = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showList = _useState4[0],
+    setShowList = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    colorList = _useState6[0],
+    setColorList = _useState6[1];
+  var _useState7 = useState({}),
+    _useState8 = _slicedToArray(_useState7, 2),
+    legendToType = _useState8[0],
+    setLegendToType = _useState8[1];
+  var _useState9 = useState({}),
+    _useState10 = _slicedToArray(_useState9, 2),
+    legendToColor = _useState10[0],
+    setLegendToColor = _useState10[1];
+  var _useState11 = useState([]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    selectLegendArr = _useState12[0],
+    setSelectLegendArr = _useState12[1];
+  useEffect(function () {
+    setSelectLegendArr(Object.keys(legendObj).filter(function (item) {
+      return !legendObj[item].isHide;
+    }));
+  }, [legendObj]);
+  useEffect(function () {
+    var dealShowList = [];
+    var dealShowColorList = [];
+    selectLegendArr.map(function (item) {
+      dealShowList = [].concat(_toConsumableArray(dealShowList), _toConsumableArray(legendToType[item]));
+      dealShowColorList = [].concat(_toConsumableArray(dealShowColorList), _toConsumableArray(legendToColor[item]));
+    });
+    setShowList(dealShowList);
+  }, [selectLegendArr]);
+  useEffect(function () {
+    var colors = [];
+    var legendToTypeObj = {};
+    var legendToColorObj = {};
+    var colorIndex = 0;
+    var colorKeyIndex = {};
+    data.series.map(function (item) {
+      if (item.stack) {
+        if (colorKeyIndex[item.stack]) {
+          colorKeyIndex[item.stack].index += 1;
+          colors.push(colorKeyList[colorKeyIndex[item.stack].key][colorKeyIndex[item.stack].index]);
+          legendToTypeObj[item.stack].push(item.names[0]);
+          legendToColorObj[item.stack].push(colorKeyList[colorKeyIndex[item.stack].key][colorKeyIndex[item.stack].index]);
+        } else {
+          colorKeyIndex[item.stack] = {
+            key: color[colorIndex],
+            index: 0
+          };
+          colors.push(colorKeyList[colorKeyIndex[item.stack].key][colorKeyIndex[item.stack].index]);
+          legendToTypeObj[item.stack] = [item.names[0]];
+          legendToColorObj[item.stack] = [colorKeyList[colorKeyIndex[item.stack].key][colorKeyIndex[item.stack].index]];
+          colorIndex++;
+        }
+      } else {
+        legendToTypeObj[item.names[0]] = [item.names[0]];
+        legendToColorObj[item.names[0]] = [color[colorIndex]];
+        colorKeyIndex[item.names[0]] = {
+          key: color[colorIndex],
+          index: 0
+        };
+        colors.push(color[colorIndex]);
+        colorIndex++;
+      }
+    });
+    setLegendToType(legendToTypeObj);
+    setLegendToColor(legendToColorObj);
+    setLegendObj(colorKeyIndex);
+    setColorList(colors);
+  }, []);
+  var dealStack = function dealStack(v) {
+    var totalData = {};
+    var isHasTotalDate = {};
+    v.map(function (item) {
+      if (item.stack) {
+        isHasTotalDate[item.names[0]] = item.stack;
+        var dealData = item.values;
+        if (totalData[item.stack]) {
+          dealData = dealData.map(function (value, index) {
+            return value + totalData[item.stack][index];
+          });
+        }
+        totalData[item.stack] = dealData;
+      }
+    });
+    return {
+      isHasTotalDateKey: isHasTotalDate,
+      totalDateValue: totalData
+    };
+  };
+  var tooltipFormatter = function tooltipFormatter(params) {
+    var totalData = dealStack(data.series);
+    console.log('params', params, totalData);
+    var xDate = params.name;
+    var xLabel = xDate;
+    var lengthReg = new RegExp('\\S{1,' + 20 + '}', 'g');
+    if (/^\d{4}-\d{2}-\d{2}$/.test(xLabel)) {
+      xLabel = xLabel.replace(/\d{4}-/, '');
+    } else if (/^\d{4}-\d{2}-\d{2}\|\d{4}-\d{2}-\d{2}$/.test(xLabel)) {
+      var dates = xLabel.match(/\d{4}-\d{2}-\d{2}/g);
+      xLabel = dates[0].replace(/\d{4}-/, '') + '~' + dates[1].replace(/\d{4}-/, '');
+    } else {
+      xLabel = (xLabel.match(lengthReg) || []).join('<br/>');
+    }
+    var htmlArray = [];
+    htmlArray.push("<div class=\"biz-chart-tooltip-title\">".concat(xLabel, "</div>"));
+    if (totalData.isHasTotalDateKey[params.seriesName]) {
+      htmlArray.push("<div class=\"biz-chart-tooltip-item\">\n          <div class=\"biz-chart-tooltip-content\">\n              <span class=\"biz-tooltip-order\" style=\"background:".concat(params.color, "\"></span>\n              <div class=\"biz-tooltip-name\">").concat(totalData.isHasTotalDateKey[params.seriesName], "</div>\n          </div> \n          <span class=\"biz-chart-tooltip-value\">").concat(totalData.totalDateValue[totalData.isHasTotalDateKey[params.seriesName]][params.dataIndex], "</span>\n        </div>"));
+    }
+    htmlArray.push("<div class=\"biz-chart-tooltip-item\">\n        <div class=\"biz-chart-tooltip-content\">\n            <span class=\"biz-tooltip-order\" style=\"background:".concat(params.color, "\"></span>\n            <div class=\"biz-tooltip-name\">").concat(params.seriesName, "</div>\n        </div> \n        <span class=\"biz-chart-tooltip-value\">").concat(params.value, "</span>\n      </div>"));
+    return htmlArray.join('');
+  };
+  console.log('colorList', colorList);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizChart, {
+    showList: showList,
+    data: data,
+    type: "line_bar",
+    legendPosition: "bottom",
+    tooltipFormatter: tooltipFormatter,
+    colors: colorList,
+    tooltipTrigger: 'item'
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'relative',
+      marginTop: -30,
+      display: 'flex',
+      flexDirection: 'row',
+      justifyContent: 'center',
+      alignItems: 'center',
+      flexWrap: 'nowrap',
+      gap: 20,
+      height: '100%'
+    }
+  }, Object.keys(legendObj).map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        height: 20,
+        maxWidth: '12%',
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        (selectLegendArr.length > 1 || legendObj[item].isHide) && setLegendObj(_objectSpread(_objectSpread({}, legendObj), {}, _defineProperty({}, item, _objectSpread(_objectSpread({}, legendObj[item]), {}, {
+          isHide: !legendObj[item].isHide
+        }))));
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        marginRight: 5,
+        borderRadius: '50%',
+        width: 10,
+        height: 10,
+        backgroundColor: legendObj[item].isHide ? '#D9D9D9' : legendObj[item].key
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: 'calc(100% - 15px)',
+        color: legendObj[item].isHide ? '#D9D9D9' : '#67727F',
+        fontSize: 12,
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis'
+      }
+    }, item));
+  })));
+});

package/es/chart/index.js

@@ -39,7 +39,9 @@ var BizChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
     valueUnit = props.valueUnit,
     legendPosition = props.legendPosition,
     legendOrient = props.legendOrient,
-    autoHeight = props.autoHeight;
+    autoHeight = props.autoHeight,
+    isHideLegend = props.isHideLegend,
+    tooltipTrigger = props.tooltipTrigger;
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     chartOption = _useState2[0],
@@ -109,7 +111,7 @@ var BizChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
       eOption = getPieOption(rData, legendPosition, legendOrient, props.showLabel, props.radius, props.center, tooltipFormatter);
     } else if (type === 'line' || type === 'bar' || type === 'line_bar') {
       var _rData = formatChartData(data, showAll, showList, reverseXAxis, colors, type === 'line_bar');
-      eOption = getChartOption(type, _rData, legendPosition, legendOrient, valueUnit, xRotate, yRotate, tooltipFormatter, xAxisFormatter, yAxisFormatter, legendFormatter, reverseXAxis, seriesName);
+      eOption = getChartOption(type, _rData, legendPosition, legendOrient, valueUnit, xRotate, yRotate, tooltipFormatter, xAxisFormatter, yAxisFormatter, legendFormatter, reverseXAxis, seriesName, isHideLegend, tooltipTrigger);
       if (type === 'line_bar') {
         eOption.grid.right = '1%';
         eOption.grid.left = '1%';

package/es/chart/types.d.ts

@@ -52,5 +52,7 @@ export declare namespace ChartTypes {
         reverseXAxis?: boolean;
         seriesName?: string;
         autoHeight?: boolean;
+        isHideLegend?: boolean;
+        tooltipTrigger?: string;
     }
 }

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

@@ -10,7 +10,7 @@ export declare const gridConfig: GridOption;
 export declare const xAxisConfig: XAXisOption;
 export declare const yAxisConfig: YAXisOption;
 export declare const tooltipConfig: TooltipComponentOption;
-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) => EChartsOption;
+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) => 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;
 export declare const getMapOption: (seriesData: object[] | undefined, maxMinValue: {
     min: number;

package/es/chart/util/chartOptionConfig.js

@@ -4,7 +4,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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 { tooltipFormatterDefault, xAxisFormatterDefault, yAxisFormatterDefault, mapTooltipFormatter, legendFormatterDefault } from './formatOption';
+import { tooltipFormatterDefault, xAxisFormatterDefault, yAxisFormatterDefault, mapTooltipFormatter, legendFormatterDefault, tooltipFormatterItemDefault } from './formatOption';
 import { chartColors } from './color';
 import '../styles/index.less';
 import { util } from '../../utils';
@@ -122,12 +122,17 @@ export var getChartOption = function getChartOption(chartType, data) {
   var legendFormatter = arguments.length > 10 ? arguments[10] : undefined;
   var reverseXAxis = arguments.length > 11 ? arguments[11] : undefined;
   var seriesName = arguments.length > 12 ? arguments[12] : undefined;
+  var isHideLegend = arguments.length > 13 ? arguments[13] : undefined;
+  var tooltipTrigger = arguments.length > 14 ? arguments[14] : undefined;
   var xAxis = JSON.parse(JSON.stringify(xAxisConfig)),
     tooltip = JSON.parse(JSON.stringify(tooltipConfig)),
     yAxis = _objectSpread({}, yAxisConfig),
     legend = _objectSpread({}, legendConfig),
     grid = _objectSpread({}, gridConfig),
     seriesItem = _objectSpread({}, seriesConfig);
+  if (tooltipTrigger) {
+    tooltip.trigger = tooltipTrigger;
+  }
   if (data.xAxis) {
     xAxis.data = data.xAxis;
   }
@@ -179,7 +184,7 @@ export var getChartOption = function getChartOption(chartType, data) {
   tooltip.axisPointer = tooltip.axisPointer || {};
   tooltip.axisPointer.type = chartType === 'bar' || chartType === 'line_bar' ? 'shadow' : 'line';
   tooltip.formatter = function (params) {
-    return tooltipFormatter ? tooltipFormatter(params) : tooltipFormatterDefault(params, data.resultFormatMap, unit);
+    return tooltipFormatter ? tooltipFormatter(params) : tooltip.trigger === 'item' ? tooltipFormatterItemDefault(params, data.resultFormatMap, unit) : tooltipFormatterDefault(params, data.resultFormatMap, unit);
   };
   if (legendPosition === 'top') {
     grid.top = series.length > 1 || series.length > 0 && series[0].name ? 45 : 10;
@@ -188,6 +193,9 @@ export var getChartOption = function getChartOption(chartType, data) {
   }
   legend.top = legendPosition;
   legend.orient = legendOrient;
+  if (isHideLegend) {
+    legend.show = false;
+  }
   if (legendOrient === 'vertical') {
     legend.left = 'left';
     legend.height = 'auto';

package/es/chart/util/formatData.js

@@ -1,3 +1,9 @@
+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 util from '../../utils/util';
 import { chartColors } from './color';
 export var formatPieData = function formatPieData(data, showAll, showList, showOther) {
@@ -58,11 +64,14 @@ export var formatChartData = function formatChartData(data, showAll, showList, r
           }
         });
       } else {
-        sData.push({
+        sData.push(_objectSpread(_objectSpread({
           name: showName,
-          data: seriesItem.values,
+          data: seriesItem.values
+        }, seriesItem.stack ? {
+          stack: seriesItem.stack
+        } : {}), {}, {
           type: isUseSelf ? seriesItem.type : undefined
-        });
+        }));
       }
     }
   });

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

@@ -1,8 +1,11 @@
 declare const tooltipFormatterDefault: (params: any, resultFormatMap?: {
     [key: string]: string;
 } | undefined, unit?: string) => string;
+declare const tooltipFormatterItemDefault: (params: any, resultFormatMap?: {
+    [key: string]: string;
+} | undefined, unit?: string) => string | undefined;
 declare const yAxisFormatterDefault: (value: number, unit?: string) => string;
 declare const xAxisFormatterDefault: (value: string) => string;
 declare const mapTooltipFormatter: (params: any) => string | undefined;
 declare const legendFormatterDefault: (label: string) => string;
-export { tooltipFormatterDefault, xAxisFormatterDefault, yAxisFormatterDefault, mapTooltipFormatter, legendFormatterDefault, };
+export { tooltipFormatterDefault, tooltipFormatterItemDefault, xAxisFormatterDefault, yAxisFormatterDefault, mapTooltipFormatter, legendFormatterDefault, };

package/es/chart/util/formatOption.js

@@ -41,6 +41,45 @@ var tooltipFormatterDefault = function tooltipFormatterDefault(params, resultFor
   });
   return htmlArray.join('');
 };
+var tooltipFormatterItemDefault = function tooltipFormatterItemDefault(params, resultFormatMap, unit) {
+  var xDate = params.name;
+  var xLabel = xDate;
+  var lengthReg = new RegExp('\\S{1,' + maxLength + '}', 'g');
+  if (/^\d{4}-\d{2}-\d{2}$/.test(xLabel)) {
+    xLabel = xLabel.replace(/\d{4}-/, '');
+  } else if (/^\d{4}-\d{2}-\d{2}\|\d{4}-\d{2}-\d{2}$/.test(xLabel)) {
+    var dates = xLabel.match(/\d{4}-\d{2}-\d{2}/g);
+    xLabel = dates[0].replace(/\d{4}-/, '') + '~' + dates[1].replace(/\d{4}-/, '');
+  } else {
+    xLabel = (xLabel.match(lengthReg) || []).join('<br/>');
+  }
+  var htmlArray = [];
+  htmlArray.push("<div class=\"biz-chart-tooltip-title\">".concat(xLabel, "</div>"));
+  var seriesMap = {};
+  if (params.value === null || params.value === undefined || seriesMap[params.seriesName] !== null && seriesMap[params.seriesName] !== undefined) {
+    return;
+  }
+  seriesMap[params.seriesName] = params.value;
+  var lineLabel = params.value;
+  if (params.seriesName.indexOf('CTR') > -1) {
+    lineLabel += '%';
+  } else if (resultFormatMap && resultFormatMap[params.seriesName] && /percent/.test(resultFormatMap[params.seriesName])) {
+    lineLabel = util.toThousands(lineLabel) + '%';
+  } else if (unit && unit === 'time') {
+    lineLabel = util.timeFormat(lineLabel, 'hhhmmmsss', 1);
+  } else {
+    lineLabel = util.toThousands(lineLabel) + (unit || '');
+  }
+  var name = params.seriesName.trim();
+  if (params.seriesType === 'bar' && params.length === 1 && !name) {
+    name = (params.data && params.data.label ? params.data.label : params.name).trim();
+  }
+  var nameArr = name.split('|:|');
+  name = nameArr[0];
+  var orderNum = nameArr[1];
+  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(params.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>"));
+  return htmlArray.join('');
+};
 var yAxisFormatterDefault = function yAxisFormatterDefault(value, unit) {
   if (unit && unit === '%') {
     return value + '%';
@@ -92,4 +131,4 @@ var legendFormatterDefault = function legendFormatterDefault(label) {
     replaceStr: '...'
   });
 };
-export { tooltipFormatterDefault, xAxisFormatterDefault, yAxisFormatterDefault, mapTooltipFormatter, legendFormatterDefault };
+export { tooltipFormatterDefault, tooltipFormatterItemDefault, xAxisFormatterDefault, yAxisFormatterDefault, mapTooltipFormatter, legendFormatterDefault };

package/es/datePicker/datePicker.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 declare const BizDate: React.FC<{
     selectRange?: number;
-    selectRangeUnit?: 'days' | 'weeks' | 'months';
+    timeRangeOpen?: number;
+    selectRangeUnit?: 'days' | 'weeks' | 'months' | 'quarter';
     onOpenChange?: (data: boolean) => void;
 }>;
 export default BizDate;

package/es/datePicker/datePicker.js

@@ -20,7 +20,8 @@ var BizDateBeyondRange = false;
 var BizDate = function BizDate(_ref) {
   var selectRange = _ref.selectRange,
     selectRangeUnit = _ref.selectRangeUnit,
-    _onOpenChange = _ref.onOpenChange;
+    _onOpenChange = _ref.onOpenChange,
+    timeRangeOpen = _ref.timeRangeOpen;
   var _useContext = useContext(DatePickerContext),
     includeToday = _useContext.includeToday,
     currentType = _useContext.currentType,
@@ -32,7 +33,7 @@ var BizDate = function BizDate(_ref) {
   function disabledDate(current) {
     var step = includeToday ? 0 : 1;
     var max = moment().subtract(step, 'days');
-    var _timeRangeOpen = 12;
+    var _timeRangeOpen = timeRangeOpen || 12;
     if (envs === null || envs === void 0 ? void 0 : envs.timeRangeOpen) {
       _timeRangeOpen = typeof (envs === null || envs === void 0 ? void 0 : envs.timeRangeOpen) === 'boolean' ? (envs === null || envs === void 0 ? void 0 : envs.timeRangeOpen) ? 200 : 12 : envs === null || envs === void 0 ? void 0 : envs.timeRangeOpen;
     }
@@ -55,6 +56,9 @@ var BizDate = function BizDate(_ref) {
         case 'months':
           setSelectRangeUnitText('个月');
           break;
+        case 'quarter':
+          setSelectRangeUnitText('个季度');
+          break;
       }
     }
   }, [selectRangeUnit]);

package/es/datePicker/demo/customType.js

@@ -29,8 +29,16 @@ export default (function () {
     onChange: setIncludeToday
   })), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(BizDatePicker, {
     onChange: handleChange,
-    dateTypeList: ['week', 'month', 'custom'],
+    dateTypeList: ['week', 'month', 'quarter', 'custom'],
     includeToday: includeToday,
     defaultValue: time
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u503C\uFF1A", JSON.stringify(time)));
+  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(BizDatePicker, {
+    onChange: handleChange,
+    dateTypeList: ['week', 'month', 'quarter'],
+    timeRangeOpen: 14,
+    selectRange: 400,
+    selectRangeUnit: 'days',
+    includeToday: includeToday,
+    defaultValue: time
+  }), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u503C\uFF1A", JSON.stringify(time)));
 });

package/es/datePicker/index.js

@@ -27,6 +27,7 @@ var BizDatePicker = function BizDatePicker(_ref) {
     includeToday = _ref.includeToday,
     mode = _ref.mode,
     selectRange = _ref.selectRange,
+    timeRangeOpen = _ref.timeRangeOpen,
     selectRangeUnit = _ref.selectRangeUnit,
     dateTypeList = _ref.dateTypeList,
     onChange = _ref.onChange,
@@ -62,6 +63,7 @@ var BizDatePicker = function BizDatePicker(_ref) {
         day: '按天',
         week: '按周',
         month: '按月',
+        quarter: '按季度',
         custom: '自定义'
       };
       return {
@@ -152,10 +154,15 @@ var BizDatePicker = function BizDatePicker(_ref) {
         setDateRange(getDateRange(DatePickerTypes.Unit.month, 1, includeToday));
         setRelative([1, includeToday ? 0 : 1]);
       }
+      if (type.value === 'quarter') {
+        setDateRange(getDateRange(DatePickerTypes.Unit.quarter, 1, includeToday));
+        setRelative([1, includeToday ? 0 : 1]);
+      }
     }
   }), /*#__PURE__*/React.createElement(PickerShortcut, null), /*#__PURE__*/React.createElement(BizDate, {
     selectRange: selectRange,
     selectRangeUnit: selectRangeUnit,
+    timeRangeOpen: timeRangeOpen,
     onOpenChange: onOpenChange
   })));
 };

package/es/datePicker/shortcut.js

@@ -67,6 +67,19 @@ var getTypeList = function getTypeList(currentType, mode, includeToday) {
       value: '3个月',
       count: 3
     }]
+  }, {
+    label: '按季度',
+    value: DatePickerTypes.Unit.quarter,
+    children: [{
+      value: '1季度',
+      count: 1
+    }, {
+      value: '2季度',
+      count: 2
+    }, {
+      value: '4季度',
+      count: 4
+    }]
   }];
   var list = (((_shortcuts$find = shortcuts.find(function (item) {
     return item.value === currentType;

package/es/datePicker/types.d.ts

@@ -4,6 +4,7 @@ export declare namespace DatePickerTypes {
         'day' = "day",
         'week' = "week",
         'month' = "month",
+        'quarter' = "quarter",
         'custom' = "custom"
     }
     interface Range {
@@ -19,6 +20,7 @@ export declare namespace DatePickerTypes {
         value?: Value;
         includeToday?: boolean;
         selectRange?: number;
+        timeRangeOpen?: number;
         selectRangeUnit?: 'days' | 'weeks' | 'months';
         onChange?: (data: Value) => void;
         onOpenChange?: (data: boolean) => void;

package/es/datePicker/types.js

@@ -6,6 +6,7 @@ export var DatePickerTypes;
     Unit["day"] = "day";
     Unit["week"] = "week";
     Unit["month"] = "month";
+    Unit["quarter"] = "quarter";
     Unit["custom"] = "custom";
   })(Unit = DatePickerTypes.Unit || (DatePickerTypes.Unit = {}));
 })(DatePickerTypes || (DatePickerTypes = {}));

package/es/datePicker/utils.js

@@ -22,6 +22,12 @@ function getAbsoluteDate(unit, count, maxDate) {
       firstOfMonth.setMonth(firstOfMonth.getMonth() - count);
       res.startDate = new Date(firstOfMonth);
       break;
+    case DatePickerTypes.Unit.quarter:
+      res.endDate = maxDate;
+      var firstOfQuarter = new Date(maxDate.getTime() - (maxDate.getDate() - 1) * dayTime);
+      firstOfQuarter.setMonth(firstOfQuarter.getMonth() + 1 - (firstOfQuarter.getMonth() + 1) % 3 - 3 * (count - 1));
+      res.startDate = new Date(firstOfQuarter);
+      break;
   }
   return res;
 }

package/es/demoWrapper/content.js

@@ -165,7 +165,7 @@ var DemoContent = function DemoContent(_ref3) {
     ajax('/zg/web/v2/system/config', {
       method: 'post'
     }).then(function (res) {
-      setBasicConfig(res.data);
+      setBasicConfig(res === null || res === void 0 ? void 0 : res.data);
       setLoadBasicConfig(false);
     });
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zgfe/business-lib",
-  "version": "1.2.25",
+  "version": "1.2.27",
   "module": "es/index.js",
   "typings": "es/index.d.ts",
   "files": [
@@ -55,7 +55,7 @@
     "react": "^16.12.0 || ^17.0.0",
     "yorkie": "^2.0.0"
   },
-  "gitHead": "84f2cbeebb1782f80edf955fb8e693fe9904e263",
+  "gitHead": "a0bd1f24febb9f66b0f20080c236fe120afa7add",
   "gitHooks": {
     "pre-commit": "lint-staged"
   }