@opentiny/vue-renderless 3.6.0 → 3.6.1-alpha.2

package/chart-boxplot/index.js

@@ -1,52 +1,31 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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; }
-import { getFormated, htmlHandler, getLegend } from '@opentiny/vue-renderless/chart-core/deps/utils';
-import { itemPoint, itemLabel, itemContent } from '@opentiny/vue-renderless/chart-core/deps/constants';
-var getXAxis = function getXAxis(args) {
-  var columns = args.columns,
-    xAxisName = args.xAxisName,
-    axisVisible = args.axisVisible,
-    xAxisType = args.xAxisType;
-  return [{
-    type: xAxisType,
-    nameLocation: 'middle',
-    nameGap: 22,
-    name: xAxisName || '',
-    axisTick: {
-      show: true,
-      lineStyle: {
-        color: '#eee'
-      }
-    },
-    data: columns,
-    show: axisVisible
-  }];
+import {
+  __spreadValues
+} from "../chunk-PKUHTIDK.js";
+import { getFormated, htmlHandler, getLegend } from "@opentiny/vue-renderless/chart-core/deps/utils";
+import { itemPoint, itemLabel, itemContent } from "@opentiny/vue-renderless/chart-core/deps/constants";
+const getXAxis = (args) => {
+  const { columns, xAxisName, axisVisible, xAxisType } = args;
+  return [
+    {
+      type: xAxisType,
+      nameLocation: "middle",
+      nameGap: 22,
+      name: xAxisName || "",
+      axisTick: { show: true, lineStyle: { color: "#eee" } },
+      data: columns,
+      show: axisVisible
+    }
+  ];
 };
-var getSeries = function getSeries(args) {
-  var area = args.area,
-    areaStyle = args.areaStyle,
-    itemStyle = args.itemStyle,
-    label = args.label,
-    lineStyle = args.lineStyle,
-    _args$outliers = args.outliers,
-    outliers = _args$outliers === void 0 ? [] : _args$outliers,
-    rows = args.rows;
-  var _ref = {},
-    _ref$series = _ref.series,
-    series = _ref$series === void 0 ? [] : _ref$series,
-    _ref$arr = _ref.arr,
-    arr = _ref$arr === void 0 ? ['boxplot', 'scatter'] : _ref$arr;
-  arr.forEach(function (item) {
-    if (item === 'scatter' && !outliers.length) {
+const getSeries = (args) => {
+  const { area, areaStyle, itemStyle, label, lineStyle, outliers = [], rows } = args;
+  let { series = [], arr = ["boxplot", "scatter"] } = {};
+  arr.forEach((item) => {
+    if (item === "scatter" && !outliers.length) {
       return;
     }
-    var data = item === 'boxplot' ? rows : outliers;
-    var seriesItem = {
-      name: '',
-      type: item,
-      data: data
-    };
+    let data = item === "boxplot" ? rows : outliers;
+    let seriesItem = { name: "", type: item, data };
     area && (seriesItem.areaStyle = {});
     label && (seriesItem.label = label);
     lineStyle && (seriesItem.lineStyle = lineStyle);
@@ -56,155 +35,76 @@ var getSeries = function getSeries(args) {
   });
   return series;
 };
-var factoryFmt = function factoryFmt(_ref2) {
-  var yAxisType = _ref2.yAxisType,
-    i = _ref2.i,
-    digit = _ref2.digit;
-  return function (val) {
-    return getFormated(val, yAxisType[i], digit);
-  };
-};
-var getYAxis = function getYAxis(args) {
-  var axisVisible = args.axisVisible,
-    digit = args.digit,
-    max = args.max,
-    min = args.min,
-    scale = args.scale,
-    yAxisName = args.yAxisName,
-    yAxisType = args.yAxisType;
-  var yAxisBase = {
-    type: 'value',
-    axisTick: {
-      show: false
-    },
-    show: axisVisible
-  };
-  var _ref3 = {},
-    _ref3$yAxis = _ref3.yAxis,
-    yAxis = _ref3$yAxis === void 0 ? [] : _ref3$yAxis,
-    _ref3$len = _ref3.len,
-    len = _ref3$len === void 0 ? yAxisType.length >= 2 ? 2 : 1 : _ref3$len,
-    _ref3$i = _ref3.i,
-    i = _ref3$i === void 0 ? 0 : _ref3$i;
+const factoryFmt = ({ yAxisType, i, digit }) => (val) => getFormated(val, yAxisType[i], digit);
+const getYAxis = (args) => {
+  const { axisVisible, digit, max, min, scale, yAxisName, yAxisType } = args;
+  const yAxisBase = { type: "value", axisTick: { show: false }, show: axisVisible };
+  let { yAxis = [], len = yAxisType.length >= 2 ? 2 : 1, i = 0 } = {};
   for (; i < len; i++) {
     if (!yAxisType[i]) {
-      yAxis[i] = _objectSpread({}, yAxisBase);
+      yAxis[i] = __spreadValues({}, yAxisBase);
     } else {
-      var formatter = factoryFmt({
-        yAxisType: yAxisType,
-        i: i,
-        digit: digit
-      });
-      var yAxisAdv = {
-        axisLabel: {
-          formatter: formatter
-        }
-      };
-      yAxis[i] = _objectSpread(_objectSpread({}, yAxisBase), yAxisAdv);
-      var name = yAxisName[i] || '';
-      Object.assign(yAxis[i], {
-        name: name,
-        scale: scale[i] || false,
-        min: min[i] || null,
-        max: max[i] || null
-      });
+      let formatter = factoryFmt({ yAxisType, i, digit });
+      let yAxisAdv = { axisLabel: { formatter } };
+      yAxis[i] = __spreadValues(__spreadValues({}, yAxisBase), yAxisAdv);
+      let name = yAxisName[i] || "";
+      Object.assign(yAxis[i], { name, scale: scale[i] || false, min: min[i] || null, max: max[i] || null });
     }
   }
   return yAxis;
 };
-var tooltipTemplate = function tooltipTemplate(_ref4, tooltipLabel) {
-  var data = _ref4.data,
-    seriesType = _ref4.seriesType,
-    seriesName = _ref4.seriesName,
-    color = _ref4.color,
-    value = _ref4.value,
-    name = _ref4.name;
-  var tpl = [];
-  if (seriesType === 'boxplot') {
-    var tips = [];
-    tooltipLabel.forEach(function (label, idx) {
-      tips.push("".concat(itemPoint(color)).concat(itemLabel(label)).concat(itemContent(data[idx + 1])));
+const tooltipTemplate = ({ data, seriesType, seriesName, color, value, name }, tooltipLabel) => {
+  let tpl = [];
+  if (seriesType === "boxplot") {
+    const tips = [];
+    tooltipLabel.forEach((label, idx) => {
+      tips.push(`${itemPoint(color)}${itemLabel(label)}${itemContent(data[idx + 1])}`);
     });
-    tpl.push(tips.join('<br/>'));
+    tpl.push(tips.join("<br/>"));
   } else {
     tpl.push(itemPoint(color));
     if (Array.isArray(value)) {
-      tpl.push(value.join(': '));
+      tpl.push(value.join(": "));
     } else {
-      tpl.push("".concat(seriesName || name, ": "));
+      tpl.push(`${seriesName || name}: `);
       tpl.push(value);
     }
-    tpl.push('<br>');
+    tpl.push("<br>");
   }
   return tpl;
 };
-var getTooltip = function getTooltip(args) {
-  var tooltipFormatter = args.tooltipFormatter,
-    tooltipLabel = args.tooltipLabel;
+const getTooltip = (args) => {
+  const { tooltipFormatter, tooltipLabel } = args;
   return {
-    trigger: 'item',
-    formatter: function formatter(items) {
+    trigger: "item",
+    formatter(items) {
       if (tooltipFormatter) {
         return tooltipFormatter.apply(null, arguments);
       }
-      var tpl = [];
-      var _ref5 = items[0] || {},
-        name = _ref5.name,
-        axisValueLabel = _ref5.axisValueLabel;
-      var title = name || axisValueLabel;
-      title && tpl.push("".concat(title, "<br>"));
+      let tpl = [];
+      const { name, axisValueLabel } = items[0] || {};
+      const title = name || axisValueLabel;
+      title && tpl.push(`${title}<br>`);
       if (Array.isArray(items)) {
-        items.forEach(function (item) {
+        items.forEach((item) => {
           tpl = tpl.concat(tooltipTemplate(item, tooltipLabel));
         });
       } else {
         tpl = tooltipTemplate(items, tooltipLabel);
       }
-      return tpl.join('');
+      return tpl.join("");
     }
   };
 };
-export var boxplot = function boxplot(columns, rows, settings, extra) {
+const boxplot = (columns, rows, settings, extra) => {
   rows = Array.isArray(rows) ? rows : [];
   columns = Array.isArray(columns) ? columns : [];
-  var _settings$axisSite = settings.axisSite,
-    axisSite = _settings$axisSite === void 0 ? {} : _settings$axisSite,
-    _settings$yAxisType = settings.yAxisType,
-    yAxisType = _settings$yAxisType === void 0 ? ['normal'] : _settings$yAxisType,
-    _settings$xAxisType = settings.xAxisType,
-    xAxisType = _settings$xAxisType === void 0 ? 'category' : _settings$xAxisType,
-    _settings$yAxisName = settings.yAxisName,
-    yAxisName = _settings$yAxisName === void 0 ? '' : _settings$yAxisName,
-    _settings$xAxisName = settings.xAxisName,
-    xAxisName = _settings$xAxisName === void 0 ? '' : _settings$xAxisName;
-  var _settings$axisVisible = settings.axisVisible,
-    axisVisible = _settings$axisVisible === void 0 ? true : _settings$axisVisible,
-    area = settings.area,
-    _settings$scale = settings.scale,
-    scale = _settings$scale === void 0 ? [false, false] : _settings$scale,
-    _settings$min = settings.min,
-    min = _settings$min === void 0 ? [null, null] : _settings$min,
-    _settings$max = settings.max,
-    max = _settings$max === void 0 ? [null, null] : _settings$max;
-  var _settings$nullAddZero = settings.nullAddZero,
-    nullAddZero = _settings$nullAddZero === void 0 ? false : _settings$nullAddZero,
-    _settings$digit = settings.digit,
-    digit = _settings$digit === void 0 ? 2 : _settings$digit,
-    _settings$legendName = settings.legendName,
-    legendName = _settings$legendName === void 0 ? {} : _settings$legendName,
-    _settings$labelMap = settings.labelMap,
-    labelMap = _settings$labelMap === void 0 ? {} : _settings$labelMap,
-    label = settings.label,
-    itemStyle = settings.itemStyle;
-  var lineStyle = settings.lineStyle,
-    areaStyle = settings.areaStyle,
-    _settings$tooltipLabe = settings.tooltipLabel,
-    tooltipLabel = _settings$tooltipLabe === void 0 ? ['lower', 'Q1', 'median', 'Q3', 'upper'] : _settings$tooltipLabe;
-  var legendVisible = extra.legendVisible,
-    outliers = extra.outliers,
-    tooltipFormatter = extra.tooltipFormatter,
-    tooltipVisible = extra.tooltipVisible;
-  var metrics = columns.slice();
+  const { axisSite = {}, yAxisType = ["normal"], xAxisType = "category", yAxisName = "", xAxisName = "" } = settings;
+  const { axisVisible = true, area, scale = [false, false], min = [null, null], max = [null, null] } = settings;
+  const { nullAddZero = false, digit = 2, legendName = {}, labelMap = {}, label, itemStyle } = settings;
+  const { lineStyle, areaStyle, tooltipLabel = ["lower", "Q1", "median", "Q3", "upper"] } = settings;
+  const { legendVisible, outliers, tooltipFormatter, tooltipVisible } = extra;
+  let metrics = columns.slice();
   if (axisSite.right && axisSite.left) {
     metrics = axisSite.left.concat(axisSite.right);
   } else if (!axisSite.right && axisSite.left) {
@@ -212,59 +112,18 @@ export var boxplot = function boxplot(columns, rows, settings, extra) {
   } else if (settings.metrics) {
     metrics = settings.metrics;
   }
-  var legend = legendVisible && getLegend({
-    metrics: metrics,
-    legendName: legendName,
-    labelMap: labelMap
-  });
-  var getParams = function getParams() {
-    return {
-      tooltipFormatter: tooltipFormatter,
-      tooltipLabel: htmlHandler(tooltipLabel),
-      digit: digit
-    };
-  };
-  var tooltip = tooltipVisible && getTooltip(getParams());
-  var xAxis = getXAxis({
-    columns: columns,
-    xAxisName: xAxisName,
-    axisVisible: axisVisible,
-    xAxisType: xAxisType
-  });
-  var yAxisParams = {
-    yAxisName: yAxisName,
-    yAxisType: yAxisType,
-    axisVisible: axisVisible
-  };
-  Object.assign(yAxisParams, {
-    scale: scale,
-    min: min,
-    max: max,
-    digit: digit
-  });
-  var yAxis = getYAxis(yAxisParams);
-  var seriesParams = {
-    rows: rows,
-    axisSite: axisSite,
-    metrics: metrics,
-    area: area,
-    nullAddZero: nullAddZero,
-    labelMap: labelMap,
-    label: label
-  };
-  Object.assign(seriesParams, {
-    itemStyle: itemStyle,
-    lineStyle: lineStyle,
-    areaStyle: areaStyle,
-    xAxisType: xAxisType,
-    outliers: outliers
-  });
-  var series = getSeries(seriesParams);
-  return {
-    legend: legend,
-    xAxis: xAxis,
-    series: series,
-    yAxis: yAxis,
-    tooltip: tooltip
-  };
-};
+  const legend = legendVisible && getLegend({ metrics, legendName, labelMap });
+  const getParams = () => ({ tooltipFormatter, tooltipLabel: htmlHandler(tooltipLabel), digit });
+  const tooltip = tooltipVisible && getTooltip(getParams());
+  const xAxis = getXAxis({ columns, xAxisName, axisVisible, xAxisType });
+  const yAxisParams = { yAxisName, yAxisType, axisVisible };
+  Object.assign(yAxisParams, { scale, min, max, digit });
+  const yAxis = getYAxis(yAxisParams);
+  const seriesParams = { rows, axisSite, metrics, area, nullAddZero, labelMap, label };
+  Object.assign(seriesParams, { itemStyle, lineStyle, areaStyle, xAxisType, outliers });
+  const series = getSeries(seriesParams);
+  return { legend, xAxis, series, yAxis, tooltip };
+};
+export {
+  boxplot
+};