@cgeui/utils 0.0.2 → 0.0.3

package/dist/esm/charts/Chart/utils/handleChartConfig.js

@@ -0,0 +1,279 @@
+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 _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 _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 _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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import { get, isArray } from "lodash";
+export var tooltipICon = function tooltipICon(item, params) {
+  var icon = item.icon,
+    color = item.color;
+  var iconColor = color || (params === null || params === void 0 ? void 0 : params.color);
+  if (icon && _typeof(icon) === "object") {
+    var _icon$width = icon.width,
+      width = _icon$width === void 0 ? "6px" : _icon$width,
+      _icon$height = icon.height,
+      height = _icon$height === void 0 ? "6px" : _icon$height;
+    var path = icon.path.split("path://")[1];
+    return "<svg fill=\"currentColor\" style=\"color:".concat(iconColor, "; width:").concat(width, ";height:").concat(height, ";\"><path d=\"").concat(path, "\" ></path></svg>");
+  }
+  switch (icon) {
+    case "circle":
+      return "<span class='circle tooltipIcon' style='background: ".concat(iconColor, "'></span>");
+    case "diamond":
+      return "<span class=\"diamond tooltipIcon\" style='background: ".concat(iconColor, "'></span>");
+    case "line":
+      return "<span class=\"line tooltipIcon\" style='background-color: ".concat(iconColor, "'></span>");
+    case "rect":
+      return "<span class=\"react tooltipIcon\" style='background: ".concat(iconColor, "'></span>");
+    case "":
+    case null:
+      return "";
+    default:
+      return "<span class='circle tooltipIcon' style='background: ".concat(iconColor, "'></span>");
+  }
+};
+export var tooltipLabel = function tooltipLabel(item, params, is2Dim) {
+  var label = item.label,
+    seriesLabel = item.seriesLabel,
+    nameExpression = item.nameExpression,
+    nameHelper = item.nameHelper;
+  if (nameExpression) {
+    var leftIndex = nameExpression.indexOf("{");
+    var rightIndex = nameExpression.indexOf("}");
+    var key = nameExpression.substring(leftIndex + 1, rightIndex);
+    var keyStr = nameExpression.substring(leftIndex, rightIndex + 1);
+    var value = get(params, "".concat(key)) || "";
+    if (nameHelper) {
+      value = (nameHelper === null || nameHelper === void 0 ? void 0 : nameHelper["".concat(value)]) || value;
+    }
+    return nameExpression.replace(keyStr, value) || "";
+  }
+  if (seriesLabel) {
+    return is2Dim ? params.name : params.seriesName;
+  }
+  if (label) {
+    return label;
+  }
+  return "";
+};
+export var tooltipValue = function tooltipValue(item, params) {
+  var value = item.value,
+    valueKey = item.valueKey;
+  var isShowValue = value || valueKey;
+  if (value || value === 0) {
+    return value;
+  }
+  var res = isShowValue ? "- " : "";
+  if (valueKey) {
+    res = get(params, "data.".concat(valueKey));
+    if (!res && res !== 0) {
+      res = "-";
+    }
+  }
+  return res;
+};
+export var periodBasisCompare = function periodBasisCompare(type, number, isGreenUp) {
+  if (number === null || number === undefined) {
+    return "";
+  } else {
+    return "<div class=\"period-basis\" data-color=".concat(isGreenUp ? "green-up" : "green-down", ">\n    <div class=\"period-basis-title\">").concat(type === "yearToYear" ? "同比" : "环比", "</div>\n    <div class=").concat(number >= 0 ? "period-basis-content-up" : "period-basis-content-down", ">\n      <div class=\"period-basis-number\">\n      ").concat(number >= 0 ? number.toFixed(1) : Math.abs(number).toFixed(1), "%\n      </div>\n      <div class=\"period-basis-triangle-box\">\n        <div class=\"period-basis-triangle\"></div>\n      </div>\n    </div>\n  </div>");
+  }
+};
+export var tooltipPeriodBasisCompare = function tooltipPeriodBasisCompare(isShowPeriodBasisCompare, params, isGreenUp) {
+  if (isShowPeriodBasisCompare) {
+    var _params$data, _params$data2;
+    return "<div>\n    ".concat(periodBasisCompare("monthToMonth", params === null || params === void 0 || (_params$data = params.data) === null || _params$data === void 0 ? void 0 : _params$data.monthToMonth, isGreenUp), "\n    ").concat(periodBasisCompare("yearToYear", params === null || params === void 0 || (_params$data2 = params.data) === null || _params$data2 === void 0 ? void 0 : _params$data2.yearToYear, isGreenUp), "</div>");
+  } else return "";
+};
+
+//新增环比
+export var tooltipContent = function tooltipContent(item, params, is2Dim) {
+  var unitVal = "";
+  var _ref = item || {},
+    unit = _ref.unit,
+    unitKey = _ref.unitKey;
+  if (!unitKey && unit) {
+    unitVal = unit;
+  }
+  if (unitKey) {
+    unitVal = get(params, "data.".concat(unitKey));
+  }
+  return "<div class=\"cell-row\">\n    <div class=\"cell-name\">\n      <div>".concat(tooltipICon(item, params), "</div>\n      <div>").concat(tooltipLabel(item, params, is2Dim), "</div>\n    </div>\n    <div class=\"cell-value\">").concat(tooltipValue(item, params), "<span class=\"cell-value-unit\">").concat(unitVal, "</span></div></div>");
+};
+export var tooltipTitle = function tooltipTitle(title, params, is2Dim) {
+  var label = title.label,
+    seriesLabel = title.seriesLabel,
+    valueKey = title.valueKey,
+    value = title.value,
+    show = title.show,
+    nameExpression = title.nameExpression,
+    formatter = title.formatter;
+  var isShowLabel = label || seriesLabel || nameExpression;
+  if (formatter) {
+    return "<h3>".concat(formatter(params));
+  }
+  if (isShowLabel) {
+    return "<h3>".concat(tooltipLabel(title, params, is2Dim), "<span style='padding-left: 14px'>").concat(tooltipValue(title, params), "</span></h3>");
+  }
+  if (value || valueKey) {
+    return "<h3>".concat(tooltipValue(title, params), "</h3>");
+  }
+  if (!show || JSON.stringify(JSON.parse(title)) === "{}") return "";
+  return "";
+};
+export var getTooltipFormatter = function getTooltipFormatter(params, content, title, is2Dim, index, isShowPeriodBasisCompare, isGreenUp) {
+  var getTooltipTitle = function getTooltipTitle() {
+    return index === 0 || !index ? "".concat(tooltipTitle(title, params, is2Dim)) : "";
+  };
+  return '<div class="tooltip-cell-container">' + getTooltipTitle() + content.map(function (item) {
+    var excludeSeries = item.excludeSeries,
+      includeSeries = item.includeSeries,
+      startsWithSeries = item.startsWithSeries,
+      showByValueKey = item.showByValueKey,
+      valueKey = item.valueKey;
+    if (includeSeries) {
+      for (var i = 0; i < includeSeries.length; i++) {
+        if (params.seriesName.indexOf(includeSeries[i]) > -1) {
+          return tooltipContent(item, params, is2Dim);
+        }
+      }
+      return null;
+    }
+    if (excludeSeries) {
+      for (var _i = 0; _i < excludeSeries.length; _i++) {
+        if (params.seriesName.indexOf(excludeSeries[_i]) > -1) {
+          return null;
+        }
+      }
+      return tooltipContent(item, params, is2Dim);
+    }
+    if (startsWithSeries) {
+      if (params.seriesName.startsWith(startsWithSeries)) {
+        return tooltipContent(item, params, is2Dim);
+      }
+      return null;
+    }
+    if (showByValueKey) {
+      if (params.data["".concat(valueKey)]) {
+        return tooltipContent(item, params, is2Dim);
+      }
+      return null;
+    }
+    return tooltipContent(item, params, is2Dim);
+  }).join("") + "" + tooltipPeriodBasisCompare(isShowPeriodBasisCompare, params, isGreenUp) + "</div>";
+};
+var itemTooltipFormatter = function itemTooltipFormatter(dataConfig, is2Dim) {
+  var content = (dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.content) || [];
+  var title = (dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.title) || {};
+  var isShowPeriodBasisCompare = (dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.isShowPeriodBasisCompare) || false;
+  var isGreenUp = dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.isGreenUp;
+  var showMoreSeries = (dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.showMoreSeries) === undefined ? true : dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.showMoreSeries;
+  return function (params) {
+    var formatterContent = "";
+    if (showMoreSeries && isArray(params)) {
+      params.forEach(function (item, index) {
+        formatterContent += getTooltipFormatter(item, content, title, is2Dim, index, isShowPeriodBasisCompare, isGreenUp);
+      });
+      return formatterContent;
+    }
+    var hoverData = isArray(params) && params.length >= 1 ? (params === null || params === void 0 ? void 0 : params[0]) || {} : params;
+    return getTooltipFormatter(hoverData, content, title, is2Dim, undefined, isShowPeriodBasisCompare, isGreenUp);
+  };
+};
+var handleTooltipConfigData = function handleTooltipConfigData(config, is2Dim) {
+  if (config !== null && config !== void 0 && config.dataConfig && !(config !== null && config !== void 0 && config.formatter)) {
+    var formatter = itemTooltipFormatter(config === null || config === void 0 ? void 0 : config.dataConfig, is2Dim);
+    config.formatter = formatter;
+  }
+  return config;
+};
+export var defaultLegendIcon = function defaultLegendIcon(type) {
+  switch (type) {
+    case "bar":
+      return "rect";
+    case "line":
+      return "circle";
+    case "pie":
+      return "circle";
+    case "boxplot":
+      return "path://M2.5 0H9.5V1H6.5V11H9.5V12H2.5V11H5.5V1H2.5V0Z";
+    default:
+      return "circle";
+  }
+};
+export var handleIcon = function handleIcon(icon) {
+  switch (icon) {
+    case "line":
+      return "path://M0 426.666667h1024v170.666666H0z";
+    case "dottedLine":
+      return "path://M0 426.666667h426.666667v170.666666H0zM597.333333 426.666667h426.666667v170.666666H597.333333z";
+    case "boxplot":
+      return "path://M2.5 0H9.5V1H6.5V11H9.5V12H2.5V11H5.5V1H2.5V0Z";
+    default:
+      return icon;
+  }
+};
+export var defaultLegendData = function defaultLegendData(config, colorList, series) {
+  return series.map(function (item) {
+    var name = item.name;
+    var obj = {
+      name: name,
+      icon: "",
+      itemStyle: {
+        color: ""
+      }
+    };
+    if (config !== null && config !== void 0 && config.icon) {
+      obj.icon = handleIcon(config.icon);
+    } else {
+      obj.icon = defaultLegendIcon(item === null || item === void 0 ? void 0 : item.type);
+    }
+    obj.itemStyle.color = (config === null || config === void 0 ? void 0 : config.color) || undefined;
+    return obj;
+  });
+};
+export var legendData = function legendData(dataConfig, colorList, series) {
+  var _seriesData$;
+  var configKeys = Object.keys(dataConfig);
+  var data = configKeys.map(function (item) {
+    if (item !== "default") {
+      var _dataConfig;
+      if ((_dataConfig = dataConfig["".concat(item)]) !== null && _dataConfig !== void 0 && _dataConfig.icon) {
+        dataConfig["".concat(item)].icon = handleIcon(dataConfig["".concat(item)].icon);
+      }
+      return dataConfig["".concat(item)];
+    }
+    return null;
+  }).filter(function (sub) {
+    return sub !== null;
+  });
+  var seriesData = series;
+  if (seriesData && seriesData.length > 0 && ((_seriesData$ = seriesData[0]) === null || _seriesData$ === void 0 ? void 0 : _seriesData$.type) === "pie") {
+    var _seriesData$2;
+    seriesData = (_seriesData$2 = seriesData[0]) === null || _seriesData$2 === void 0 ? void 0 : _seriesData$2.data;
+  }
+  var defaultSeries = seriesData.map(function (item) {
+    var name = item.name;
+    if (configKeys.indexOf(name) === -1) {
+      return item;
+    }
+    return null;
+  }).filter(function (sub) {
+    return sub !== null;
+  });
+  var defaultData = defaultLegendData(dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.default, colorList, defaultSeries);
+  return [].concat(_toConsumableArray(data), _toConsumableArray(defaultData));
+};
+var handleLegendConfigData = function handleLegendConfigData(config, defaultColorList, series) {
+  var legend = config.legend,
+    color = config.color;
+  var colorList = color ? color : defaultColorList;
+  if (legend && legend !== null && legend !== void 0 && legend.dataConfig) {
+    var data = legendData(legend === null || legend === void 0 ? void 0 : legend.dataConfig, colorList, series);
+    legend.data = data;
+  }
+  return config;
+};
+export { handleTooltipConfigData, itemTooltipFormatter, handleLegendConfigData };

package/dist/esm/charts/Chart/utils/index.js

@@ -0,0 +1,5 @@
+export * from "./handleChartConfig";
+export * from "./complementData";
+export * from "./preConfig";
+export * from "./getOption";
+export * from "./convertToEchartsConfig";

package/dist/esm/charts/Chart/utils/preConfig/index.js

@@ -0,0 +1,307 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { groupBy, merge } from 'lodash';
+import { itemTooltipFormatter } from "../handleChartConfig";
+var transformDimData = function transformDimData(list, dimensions) {
+  if (dimensions && dimensions.length >= 2) {
+    return list.map(function (item) {
+      return _objectSpread(_objectSpread({}, item), {}, {
+        name: item[dimensions[0]],
+        value: item[dimensions[1]]
+      });
+    });
+  }
+  return list;
+};
+export var indicator2ChartData = function indicator2ChartData(data, is2Dim) {
+  if (!data) {
+    return;
+  }
+  if (data.list) {
+    var list = data.list,
+      dimensions = data.dimensions;
+    if (!is2Dim) {
+      var group = groupBy(list, 'group_name');
+      // console.log(res);
+      return Object.entries(group).map(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+          key = _ref2[0],
+          items = _ref2[1];
+        return {
+          groupKey: key,
+          groupName: items[0].group_name,
+          source: transformDimData(items, dimensions)
+        };
+      });
+    }
+    return transformDimData(list, dimensions);
+  }
+  return [];
+};
+export var modifyIcon = function modifyIcon(chartConfig, type) {
+  chartConfig.type = type;
+};
+export var getChartIcon = function getChartIcon(type) {
+  var icon = 'circle';
+  switch (type) {
+    case 'bar':
+      icon = 'rect';
+      break;
+    case 'boxplot':
+    case 'line':
+      icon = 'circle';
+      break;
+    case 'pie':
+    default:
+      icon = type;
+      break;
+  }
+  return {
+    type: type,
+    legend: icon,
+    series: icon
+  };
+};
+export var modifyTitle = function modifyTitle(chartConfig, _ref3) {
+  var subtextX = _ref3.subtextX,
+    subtextY = _ref3.subtextY,
+    positionSubtextY = _ref3.positionSubtextY,
+    positionSubtextX = _ref3.positionSubtextX;
+  if (!subtextX && !subtextY) return;
+  chartConfig.configData.title = [];
+  var positionX = [{
+    right: -3,
+    bottom: 35
+  }];
+  var positionY = [{
+    left: -5,
+    top: -10
+  }, {
+    right: 5,
+    top: -10
+  }];
+  if (subtextX) {
+    chartConfig.configData.title.push(_objectSpread(_objectSpread(_objectSpread({
+      subtext: subtextX
+    }, positionX[0]), positionSubtextX && positionSubtextX[0]), {}, {
+      subtextStyle: {
+        fontSize: 12,
+        fontWeight: 'normal'
+      }
+    }));
+  }
+  if (typeof subtextY === 'string') {
+    chartConfig.configData.title.push(_objectSpread(_objectSpread(_objectSpread({
+      subtext: subtextY
+    }, positionY[0]), positionSubtextY && positionSubtextY[0]), {}, {
+      subtextStyle: {
+        fontSize: 12,
+        fontWeight: 'normal'
+      }
+    }));
+  } else if (Array.isArray(subtextY)) {
+    subtextY.forEach(function (text, index) {
+      chartConfig.configData.title.push(_objectSpread(_objectSpread(_objectSpread({
+        subtext: text
+      }, positionY[index]), positionSubtextY && positionSubtextY[index]), {}, {
+        subtextStyle: {
+          fontSize: 12,
+          fontWeight: 'normal'
+        }
+      }));
+    });
+  }
+};
+export var modifyChartConfig = function modifyChartConfig(chartConfig, preChartConfig) {
+  if (!preChartConfig) return;
+  // const { type, subtextX, subtextY } = preChartConfig;
+  // modifyIcon(chartConfig, type);
+  modifyTitle(chartConfig, preChartConfig);
+};
+var isToolTipConfig = function isToolTipConfig(config) {
+  return !!(config !== null && config !== void 0 && config.contentFormatter);
+};
+export var createChartConfig = function createChartConfig() {
+  var preChartConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    type: 'bar'
+  };
+  var filter = arguments.length > 1 ? arguments[1] : undefined;
+  var isPDF = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var _preChartConfig$type = preChartConfig.type,
+    type = _preChartConfig$type === void 0 ? 'bar' : _preChartConfig$type,
+    _preChartConfig$is2Di = preChartConfig.is2Dim,
+    is2Dim = _preChartConfig$is2Di === void 0 ? true : _preChartConfig$is2Di,
+    title = preChartConfig.title,
+    _preChartConfig$color = preChartConfig.color,
+    color = _preChartConfig$color === void 0 ? ['#30C147', '#1467FF', '#F5AE59', '#9251DF'] : _preChartConfig$color,
+    _preChartConfig$legen = preChartConfig.legend,
+    legend = _preChartConfig$legen === void 0 ? {} : _preChartConfig$legen,
+    series = preChartConfig.series,
+    visualMap = preChartConfig.visualMap,
+    xOrder = preChartConfig.xOrder,
+    grid = preChartConfig.grid,
+    seriesOrder = preChartConfig.seriesOrder,
+    subtextY = preChartConfig.subtextY,
+    tooltip = preChartConfig.tooltip,
+    xAxis = preChartConfig.xAxis,
+    yAxis = preChartConfig.yAxis,
+    readLegend = preChartConfig.readLegend,
+    preTransform = preChartConfig.preTransform,
+    preSeries = preChartConfig.preSeries,
+    pieTooltipContent = preChartConfig.pieTooltipContent,
+    pieTotalToFixedNumber = preChartConfig.pieTotalToFixedNumber,
+    dataZoom = preChartConfig.dataZoom;
+  var icon = getChartIcon(type);
+  // console.log('yAxis', yAxis);
+  var chartConfig = {
+    type: type,
+    title: title,
+    configData: {
+      color: color,
+      legend: is2Dim ? legend : merge({
+        type: 'scroll',
+        dataConfig: {
+          default: {
+            icon: icon.legend
+          }
+        },
+        left: 'center',
+        // right: 'middle',
+        bottom: 0
+      }, legend),
+      visualMap: visualMap || false,
+      series: merge({}, {
+        default: {
+          type: type,
+          smooth: false,
+          animation: !isPDF
+          // yAxisIndex: 0,
+          // itemStyle: {
+          //   normal: {
+          //     opacity: 0,
+          //   },
+          // },
+        }
+      }, series),
+      seriesOrder: seriesOrder,
+      xAxis: xAxis || {},
+      // formatter: {
+      //   type: 'time',
+      //   formatter: 'YYYY-MM',
+      // },
+      // name: '时间(月)',
+
+      xOrder: xOrder,
+      yAxis: yAxis || {
+        splitNumber: 4,
+        minInterval: 1,
+        scale: false
+      },
+      grid: grid || {
+        top: 40,
+        left: 5,
+        containLabel: true,
+        bottom: 26,
+        right: 55
+      },
+      dataZoom: dataZoom || {},
+      tooltip: {
+        trigger: (tooltip === null || tooltip === void 0 ? void 0 : tooltip.trigger) || 'axis',
+        // axisPointer: {
+        //   type: 'line',
+        //   lineStyle: { color: '#1467FF' },
+        // },
+        axisPointer: (tooltip === null || tooltip === void 0 ? void 0 : tooltip.axisPointer) || {},
+        formatter: function formatter(param, ticket, callback) {
+          if (tooltip !== null && tooltip !== void 0 && tooltip.tooltipFormatter) {
+            return tooltip.tooltipFormatter(param, filter, ticket, callback);
+          }
+          var content = [];
+          if (isToolTipConfig(tooltip === null || tooltip === void 0 ? void 0 : tooltip.content)) {
+            content = tooltip.content.contentFormatter(param);
+          } else {
+            content = param.map(function (item, index) {
+              var _tooltip$dataConfig, _tooltip$dataConfig$f;
+              var itemConfig;
+              if (Array.isArray(tooltip === null || tooltip === void 0 ? void 0 : tooltip.content)) {
+                var _tooltip$content;
+                itemConfig = (tooltip === null || tooltip === void 0 || (_tooltip$content = tooltip.content) === null || _tooltip$content === void 0 ? void 0 : _tooltip$content[index]) || {};
+              } else {
+                var _tooltip$content2;
+                itemConfig = (tooltip === null || tooltip === void 0 || (_tooltip$content2 = tooltip.content) === null || _tooltip$content2 === void 0 ? void 0 : _tooltip$content2[item.seriesName]) || {};
+              }
+              var tooltipIcon = getChartIcon(item.seriesType || 'bar');
+              var tooltipValue = (tooltip === null || tooltip === void 0 || (_tooltip$dataConfig = tooltip.dataConfig) === null || _tooltip$dataConfig === void 0 || (_tooltip$dataConfig = _tooltip$dataConfig[item.seriesName]) === null || _tooltip$dataConfig === void 0 || (_tooltip$dataConfig$f = _tooltip$dataConfig.formatter) === null || _tooltip$dataConfig$f === void 0 ? void 0 : _tooltip$dataConfig$f.call(_tooltip$dataConfig, item.data.value)) || item.data.value;
+              return {
+                label: itemConfig.label || is2Dim && (Array.isArray(subtextY) ? subtextY[index] : subtextY) || item.seriesName,
+                value: tooltipValue == null || tooltipValue === '' ? '-' : "".concat(tooltipValue).concat(itemConfig.unit || ''),
+                icon: tooltipIcon.legend,
+                color: item.color,
+                unit: (item === null || item === void 0 ? void 0 : item.unit) || ''
+              };
+            });
+          }
+          if (tooltip !== null && tooltip !== void 0 && tooltip.totalItem) {
+            var totalValue = param.reduce(function (cur, next) {
+              var _next$data;
+              return cur + ((_next$data = next.data) !== null && _next$data !== void 0 && _next$data.value ? parseFloat(next.data.value) : 0);
+            }, 0);
+            if (tooltip.totalItem.position === 'bottom') {
+              content.push(_objectSpread(_objectSpread({}, tooltip.totalItem), {}, {
+                value: parseFloat(totalValue).toFixed(2)
+              }));
+            } else {
+              content.unshift(_objectSpread(_objectSpread({}, tooltip.totalItem), {}, {
+                value: parseFloat(totalValue).toFixed(2)
+              }));
+            }
+          }
+          // console.log('tooltipformatter content', content);
+          if (tooltip !== null && tooltip !== void 0 && tooltip.tooltipTitleFormatter && !tooltip.tooltipTitleFormatter(param) && !content) return null;
+          return itemTooltipFormatter({
+            showMoreSeries: true,
+            title: {
+              label: tooltip !== null && tooltip !== void 0 && tooltip.tooltipTitleFormatter ? tooltip.tooltipTitleFormatter(param) : '',
+              seriesLabel: false,
+              valueKey: tooltip !== null && tooltip !== void 0 && tooltip.tooltipTitleFormatter ? '' : 'name',
+              show: tooltip !== null && tooltip !== void 0 && tooltip.tooltipTitleFormatter ? tooltip.tooltipTitleFormatter(param) ? true : false : true
+            },
+            content: content
+          }, is2Dim)(param[0]);
+        }
+      }
+    },
+    readLegend: readLegend,
+    pieTooltipContent: pieTooltipContent,
+    pieTotalToFixedNumber: pieTotalToFixedNumber,
+    preTransform: preTransform,
+    preSeries: preSeries,
+    dataFillConfig: {
+      dimensions: ['name', 'value']
+      //TODO: 填补数据
+      // "range": [
+      //   "2023-02-20",
+      //   "2023-03-21"
+      // ],
+      // "interval": [
+      //   1,
+      //   "d"
+      // ],
+      // "fillWith": "ZERO"
+    },
+    is2Dim: is2Dim
+  };
+  modifyChartConfig(chartConfig, preChartConfig);
+  // console.log('chartConfig chartConfig11', chartConfig);
+  return chartConfig;
+};

package/dist/esm/charts/Chart/utils/preConfig/type.js

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

package/dist/esm/charts/PieChart/interface.js

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

package/dist/esm/charts/PieChart/locales/en-US.js

@@ -0,0 +1,9 @@
+var enUS = {
+  PieChart: {
+    number: 'Number of ',
+    ratio: 'Proportion of ',
+    quantity: 'quantity',
+    noData: 'NO Data'
+  }
+};
+export default enUS;

package/dist/esm/charts/PieChart/locales/index.js

@@ -0,0 +1,7 @@
+import zhCN from "./zh-CN";
+import enUS from "./en-US";
+var locales = {
+  'zh-CN': zhCN,
+  'en-US': enUS
+};
+export default locales;

package/dist/esm/charts/PieChart/locales/zh-CN.js

@@ -0,0 +1,9 @@
+var zhCN = {
+  PieChart: {
+    number: '数',
+    ratio: '占比',
+    quantity: '辆',
+    noData: '暂无数据'
+  }
+};
+export default zhCN;