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

package/chart-line/index.js

@@ -1,115 +1,49 @@
-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, getStackMap, getLegend, hexToRgb, set } from '@opentiny/vue-renderless/chart-core/deps/utils';
-import { isNull } from '@opentiny/vue-renderless/common/type';
-import { itemPoint, itemLabel, itemContent, SAAS_DEFAULT_COLORS_10 } from '@opentiny/vue-renderless/chart-core/deps/constants';
-var getLineXAxis = function getLineXAxis(args) {
-  var xAxisType = args.xAxisType,
-    dimension = args.dimension,
-    rows = args.rows,
-    xAxisName = args.xAxisName,
-    axisVisible = args.axisVisible;
-  return dimension.map(function (item, idx) {
-    return {
-      nameLocation: 'middle',
-      type: xAxisType,
-      name: xAxisName[idx] || '',
-      nameGap: 22,
-      show: axisVisible,
-      data: rows.map(function (row) {
-        return row[item];
-      }),
-      axisTick: {
-        show: true,
-        lineStyle: {
-          color: '#191919',
-          opacity: 0.1,
-          width: 2
-        },
-        alignWithLabel: true
-      },
-      axisLine: {
-        show: true,
-        lineStyle: {
-          color: '#191919',
-          opacity: 0.1,
-          width: 2
-        }
-      },
-      axisPointer: {
-        show: true,
-        type: 'line',
-        lineStyle: {
-          color: '#191919',
-          opacity: 0.3,
-          type: 'solid'
-        }
-      }
-    };
-  });
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-PKUHTIDK.js";
+import { getFormated, getStackMap, getLegend, hexToRgb, set } from "@opentiny/vue-renderless/chart-core/deps/utils";
+import { isNull } from "@opentiny/vue-renderless/common/type";
+import { itemPoint, itemLabel, itemContent, SAAS_DEFAULT_COLORS_10 } from "@opentiny/vue-renderless/chart-core/deps/constants";
+const getLineXAxis = (args) => {
+  const { xAxisType, dimension, rows, xAxisName, axisVisible } = args;
+  return dimension.map((item, idx) => ({
+    nameLocation: "middle",
+    type: xAxisType,
+    name: xAxisName[idx] || "",
+    nameGap: 22,
+    show: axisVisible,
+    data: rows.map((row) => row[item]),
+    axisTick: { show: true, lineStyle: { color: "#191919", opacity: 0.1, width: 2 }, alignWithLabel: true },
+    axisLine: { show: true, lineStyle: { color: "#191919", opacity: 0.1, width: 2 } },
+    axisPointer: { show: true, type: "line", lineStyle: { color: "#191919", opacity: 0.3, type: "solid" } }
+  }));
 };
-var getAreaSeries = function getAreaSeries(_ref) {
-  var color = _ref.color,
-    seriesItem = _ref.seriesItem;
-  var colorStops = [{
-    offset: 0,
-    color: "rgba(".concat(hexToRgb(color), ", 0.5)")
-  }, {
-    offset: 1,
-    color: "rgba(".concat(hexToRgb(color), ", 0.1)")
-  }];
-  seriesItem.areaStyle = {
-    color: {
-      type: 'linear',
-      x: 0,
-      y: 0,
-      x2: 0,
-      y2: 1,
-      colorStops: colorStops
-    }
-  };
+const getAreaSeries = ({ color, seriesItem }) => {
+  const colorStops = [
+    { offset: 0, color: `rgba(${hexToRgb(color)}, 0.5)` },
+    { offset: 1, color: `rgba(${hexToRgb(color)}, 0.1)` }
+  ];
+  seriesItem.areaStyle = { color: { type: "linear", x: 0, y: 0, x2: 0, y2: 1, colorStops } };
 };
-var setSingLineSeries = function setSingLineSeries(_ref2) {
-  var defaultSeriesItem = _ref2.defaultSeriesItem,
-    seriesItem = _ref2.seriesItem;
+const setSingLineSeries = ({ defaultSeriesItem, seriesItem }) => {
   defaultSeriesItem.showSymbol = true;
-  set(defaultSeriesItem, 'emphasis.itemStyle.color', SAAS_DEFAULT_COLORS_10[0]);
-  seriesItem.label = _objectSpread({
-    show: true
-  }, seriesItem.label);
-  seriesItem.itemStyle = _objectSpread({
-    color: 'transparent'
-  }, seriesItem.itemStyle);
-  seriesItem.lineStyle = _objectSpread({
-    color: SAAS_DEFAULT_COLORS_10[0]
-  }, seriesItem.lineStyle);
+  set(defaultSeriesItem, "emphasis.itemStyle.color", SAAS_DEFAULT_COLORS_10[0]);
+  seriesItem.label = __spreadValues({ show: true }, seriesItem.label);
+  seriesItem.itemStyle = __spreadValues({ color: "transparent" }, seriesItem.itemStyle);
+  seriesItem.lineStyle = __spreadValues({ color: SAAS_DEFAULT_COLORS_10[0] }, seriesItem.lineStyle);
   seriesItem.animation = seriesItem.animation || false;
 };
-var getLineSeries = function getLineSeries(args) {
-  var areaStyle = args.areaStyle,
-    axisSite = args.axisSite,
-    area = args.area,
-    dimension = args.dimension,
-    itemStyle = args.itemStyle,
-    label = args.label;
-  var labelMap = args.labelMap,
-    lineStyle = args.lineStyle,
-    metrics = args.metrics,
-    nullAddZero = args.nullAddZero,
-    rows = args.rows,
-    stack = args.stack,
-    color = args.color,
-    smooth = args.smooth;
-  var dataTempObj = {};
-  var stackMapData = stack && getStackMap(stack);
-  var series = [];
-  metrics.forEach(function (item) {
-    return dataTempObj[item] = [];
-  });
-  rows.forEach(function (row) {
-    metrics.forEach(function (item) {
-      var value = null;
+const getLineSeries = (args) => {
+  const { areaStyle, axisSite, area, dimension, itemStyle, label } = args;
+  const { labelMap, lineStyle, metrics, nullAddZero, rows, stack, color, smooth } = args;
+  const dataTempObj = {};
+  const stackMapData = stack && getStackMap(stack);
+  let series = [];
+  metrics.forEach((item) => dataTempObj[item] = []);
+  rows.forEach((row) => {
+    metrics.forEach((item) => {
+      let value = null;
       if (!isNull(row[item])) {
         value = row[item];
       } else if (nullAddZero) {
@@ -118,35 +52,14 @@ var getLineSeries = function getLineSeries(args) {
       dataTempObj[item].push([row[dimension[0]], value]);
     });
   });
-  metrics.forEach(function (item, i) {
-    var name = !isNull(labelMap[item]) ? labelMap[item] : item;
-    var isSmooth = !(smooth === false);
-    var seriesItem = {
-      smooth: isSmooth,
-      name: name,
-      type: 'line',
-      data: dataTempObj[item]
-    };
-    var emphasis = {
-      itemStyle: {
-        borderColor: '#fff',
-        borderWidth: 2
-      }
-    };
-    var defaultSeriesItem = {
-      symbol: 'circle',
-      symbolSize: 8,
-      showSymbol: false,
-      emphasis: emphasis
-    };
-    area && getAreaSeries({
-      color: color[i],
-      seriesItem: seriesItem
-    });
-    metrics.length === 1 && !isSmooth && setSingLineSeries({
-      defaultSeriesItem: defaultSeriesItem,
-      seriesItem: seriesItem
-    });
+  metrics.forEach((item, i) => {
+    let name = !isNull(labelMap[item]) ? labelMap[item] : item;
+    const isSmooth = !(smooth === false);
+    let seriesItem = { smooth: isSmooth, name, type: "line", data: dataTempObj[item] };
+    const emphasis = { itemStyle: { borderColor: "#fff", borderWidth: 2 } };
+    let defaultSeriesItem = { symbol: "circle", symbolSize: 8, showSymbol: false, emphasis };
+    area && getAreaSeries({ color: color[i], seriesItem });
+    metrics.length === 1 && !isSmooth && setSingLineSeries({ defaultSeriesItem, seriesItem });
     seriesItem = Object.assign(defaultSeriesItem, seriesItem);
     axisSite.right && (seriesItem.yAxisIndex = ~axisSite.right.indexOf(item) ? 1 : 0);
     stack && stackMapData[item] && (seriesItem.stack = stackMapData[item]);
@@ -158,128 +71,74 @@ var getLineSeries = function getLineSeries(args) {
   });
   return series;
 };
-var getLineYAxis = function getLineYAxis(args) {
-  var yAxisType = args.yAxisType,
-    yAxisName = args.yAxisName,
-    scale = args.scale,
-    axisVisible = args.axisVisible,
-    max = args.max,
-    min = args.min,
-    digit = args.digit;
-  var yAxisBase = {
-    type: 'value',
+const getLineYAxis = (args) => {
+  const { yAxisType, yAxisName, scale, axisVisible, max, min, digit } = args;
+  const yAxisBase = {
+    type: "value",
     show: axisVisible,
     axisTick: {
       show: false
     }
   };
-  var yAxis = [];
-  var _loop = function _loop(k) {
+  let yAxis = [];
+  for (let k = 0; k < 2; k++) {
     if (yAxisType[k]) {
-      yAxis[k] = _objectSpread(_objectSpread({}, yAxisBase), {}, {
+      yAxis[k] = __spreadProps(__spreadValues({}, yAxisBase), {
         axisLabel: {
-          formatter: function formatter(val) {
+          formatter(val) {
             return getFormated(val, yAxisType[k], digit);
           }
         }
       });
     } else {
-      yAxis[k] = _objectSpread({}, yAxisBase);
+      yAxis[k] = __spreadValues({}, yAxisBase);
     }
-    yAxis[k].name = yAxisName[k] || '';
+    yAxis[k].name = yAxisName[k] || "";
     yAxis[k].scale = scale[k] || false;
     yAxis[k].min = min[k] || null;
     yAxis[k].max = max[k] || null;
-  };
-  for (var k = 0; k < 2; k++) {
-    _loop(k);
   }
   return yAxis;
 };
-var getLineTooltip = function getLineTooltip(args) {
-  var axisSite = args.axisSite,
-    yAxisType = args.yAxisType,
-    digit = args.digit,
-    labelMap = args.labelMap,
-    tooltipFormatter = args.tooltipFormatter;
-  var rightItemsArr = axisSite.right || [];
-  var rightListArr = labelMap ? rightItemsArr.map(function (item) {
-    return labelMap[item] === undefined ? item : labelMap[item];
-  }) : rightItemsArr;
+const getLineTooltip = (args) => {
+  const { axisSite, yAxisType, digit, labelMap, tooltipFormatter } = args;
+  const rightItemsArr = axisSite.right || [];
+  const rightListArr = labelMap ? rightItemsArr.map((item) => labelMap[item] === void 0 ? item : labelMap[item]) : rightItemsArr;
   return {
-    formatter: function formatter(items) {
+    formatter(items) {
       if (tooltipFormatter) {
         return tooltipFormatter.apply(null, arguments);
       }
-      var template = [];
-      var _items$ = items[0],
-        name = _items$.name,
-        axisValueLabel = _items$.axisValueLabel;
-      var title = name || axisValueLabel;
-      template.push("".concat(title, "<br>"));
-      items.forEach(function (_ref3) {
-        var seriesName = _ref3.seriesName,
-          data = _ref3.data,
-          color = _ref3.color;
-        if (color === 'transparent' && items.length === 1) {
+      let template = [];
+      const { name, axisValueLabel } = items[0];
+      const title = name || axisValueLabel;
+      template.push(`${title}<br>`);
+      items.forEach(({ seriesName, data, color }) => {
+        if (color === "transparent" && items.length === 1) {
           color = SAAS_DEFAULT_COLORS_10[0];
         }
-        var showData = null;
-        var type = ~rightListArr.indexOf(seriesName) ? yAxisType[1] : yAxisType[0];
-        var itemData = Array.isArray(data) ? data[1] : data;
+        let showData = null;
+        const type = ~rightListArr.indexOf(seriesName) ? yAxisType[1] : yAxisType[0];
+        const itemData = Array.isArray(data) ? data[1] : data;
         showData = getFormated(itemData, type, digit);
         template.push(itemPoint(color));
-        template.push("".concat(itemLabel(seriesName)).concat(itemContent(showData)));
-        template.push('<br>');
+        template.push(`${itemLabel(seriesName)}${itemContent(showData)}`);
+        template.push("<br>");
       });
-      return template.join('');
+      return template.join("");
     },
-    trigger: 'axis'
+    trigger: "axis"
   };
 };
-export var line = function line(columns, rows, settings, extra) {
+const line = (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', '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;
-  var _settings$dimension = settings.dimension,
-    dimension = _settings$dimension === void 0 ? [columns[0]] : _settings$dimension,
-    _settings$xAxisName = settings.xAxisName,
-    xAxisName = _settings$xAxisName === void 0 ? [] : _settings$xAxisName,
-    _settings$axisVisible = settings.axisVisible,
-    axisVisible = _settings$axisVisible === void 0 ? true : _settings$axisVisible,
-    area = settings.area,
-    stack = settings.stack;
-  var _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,
-    _settings$nullAddZero = settings.nullAddZero,
-    nullAddZero = _settings$nullAddZero === void 0 ? false : _settings$nullAddZero,
-    _settings$digit = settings.digit,
-    digit = _settings$digit === void 0 ? 2 : _settings$digit;
-  var _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,
-    lineStyle = settings.lineStyle,
-    areaStyle = settings.areaStyle,
-    smooth = settings.smooth;
-  var tooltipVisible = extra.tooltipVisible,
-    legendVisible = extra.legendVisible,
-    tooltipFormatter = extra.tooltipFormatter,
-    color = extra.color;
-  var metrics = columns.slice();
+  const { axisSite = {}, yAxisType = ["normal", "normal"], xAxisType = "category", yAxisName = [] } = settings;
+  const { dimension = [columns[0]], xAxisName = [], axisVisible = true, area, stack } = settings;
+  const { scale = [false, false], min = [null, null], max = [null, null], nullAddZero = false, digit = 2 } = settings;
+  const { legendName = {}, labelMap = {}, label, itemStyle, lineStyle, areaStyle, smooth } = settings;
+  const { tooltipVisible, legendVisible, tooltipFormatter, color } = extra;
+  let metrics = columns.slice();
   if (axisSite.right && axisSite.left) {
     metrics = axisSite.left.concat(axisSite.right);
   } else if (settings.metrics) {
@@ -289,70 +148,20 @@ export var line = function line(columns, rows, settings, extra) {
   } else {
     metrics.splice(columns.indexOf(dimension[0]), 1);
   }
-  var legendItemStyle;
+  let legendItemStyle;
   if (metrics.length === 1) {
-    legendItemStyle = {
-      itemStyle: {
-        color: SAAS_DEFAULT_COLORS_10[0]
-      }
-    };
+    legendItemStyle = { itemStyle: { color: SAAS_DEFAULT_COLORS_10[0] } };
   }
-  var legend = legendVisible && getLegend({
-    legendName: legendName,
-    metrics: metrics,
-    labelMap: labelMap,
-    legendItemStyle: legendItemStyle
-  });
-  var tooltip = tooltipVisible && getLineTooltip({
-    axisSite: axisSite,
-    digit: digit,
-    labelMap: labelMap,
-    tooltipFormatter: tooltipFormatter,
-    xAxisType: xAxisType,
-    yAxisType: yAxisType
-  });
-  var xAxis = getLineXAxis({
-    axisVisible: axisVisible,
-    dimension: dimension,
-    xAxisName: xAxisName,
-    xAxisType: xAxisType,
-    rows: rows
-  });
-  var yAxis = getLineYAxis({
-    axisVisible: axisVisible,
-    digit: digit,
-    max: max,
-    min: min,
-    scale: scale,
-    yAxisType: yAxisType,
-    yAxisName: yAxisName
-  });
-  var seriesParam = {
-    areaStyle: areaStyle,
-    area: area,
-    axisSite: axisSite,
-    dimension: dimension,
-    itemStyle: itemStyle,
-    lineStyle: lineStyle
-  };
-  Object.assign(seriesParam, {
-    label: label,
-    labelMap: labelMap,
-    metrics: metrics,
-    nullAddZero: nullAddZero,
-    rows: rows,
-    xAxisType: xAxisType,
-    stack: stack,
-    color: color,
-    smooth: smooth
-  });
-  var series = getLineSeries(seriesParam);
-  var options = {
-    legend: legend,
-    xAxis: xAxis,
-    series: series,
-    yAxis: yAxis,
-    tooltip: tooltip
-  };
+  const legend = legendVisible && getLegend({ legendName, metrics, labelMap, legendItemStyle });
+  const tooltip = tooltipVisible && getLineTooltip({ axisSite, digit, labelMap, tooltipFormatter, xAxisType, yAxisType });
+  const xAxis = getLineXAxis({ axisVisible, dimension, xAxisName, xAxisType, rows });
+  const yAxis = getLineYAxis({ axisVisible, digit, max, min, scale, yAxisType, yAxisName });
+  const seriesParam = { areaStyle, area, axisSite, dimension, itemStyle, lineStyle };
+  Object.assign(seriesParam, { label, labelMap, metrics, nullAddZero, rows, xAxisType, stack, color, smooth });
+  const series = getLineSeries(seriesParam);
+  let options = { legend, xAxis, series, yAxis, tooltip };
   return options;
-};
+};
+export {
+  line
+};

package/chart-liquidfill/index.js

@@ -1,46 +1,25 @@
-import { getFormated, isObject } from '@opentiny/vue-renderless/chart-core/deps/utils';
-import { itemLabel, itemContent } from '@opentiny/vue-renderless/chart-core/deps/constants';
-var isArr = Array.isArray;
-var getTooltip = function getTooltip(args) {
-  var tooltipFormatter = args.tooltipFormatter,
-    dataType = args.dataType,
-    digit = args.digit;
+import "../chunk-PKUHTIDK.js";
+import { getFormated, isObject } from "@opentiny/vue-renderless/chart-core/deps/utils";
+import { itemLabel, itemContent } from "@opentiny/vue-renderless/chart-core/deps/constants";
+const isArr = Array.isArray;
+const getTooltip = (args) => {
+  const { tooltipFormatter, dataType, digit } = args;
   function formatter(options) {
-    var seriesName = options.seriesName,
-      value = options.value;
+    const { seriesName, value } = options;
     if (!tooltipFormatter) {
-      return ["".concat(itemLabel(seriesName)), itemContent(getFormated(value, dataType, digit))].join('');
+      return [`${itemLabel(seriesName)}`, itemContent(getFormated(value, dataType, digit))].join("");
     }
     return tooltipFormatter.apply(null, arguments);
   }
-  return {
-    show: true,
-    formatter: formatter
-  };
+  return { show: true, formatter };
 };
-var getSeries = function getSeries(args) {
-  var dimension = args.dimension,
-    metrics = args.metrics,
-    rows = args.rows,
-    seriesMap = args.seriesMap,
-    wave = args.wave;
-  var itemWave = wave;
-  var len = isArr(seriesMap) ? seriesMap.length : 0;
-  return rows.slice().map(function (item, index) {
-    var _ref = {},
-      _ref$data = _ref.data,
-      data = _ref$data === void 0 ? [] : _ref$data,
-      _ref$result = _ref.result,
-      result = _ref$result === void 0 ? {
-        type: 'liquidFill'
-      } : _ref$result,
-      _ref$name = _ref.name,
-      name = _ref$name === void 0 ? item[dimension] : _ref$name;
-    var _ref2 = {},
-      _ref2$val = _ref2.val,
-      val = _ref2$val === void 0 ? Number(item[metrics]) : _ref2$val,
-      _ref2$itemMap = _ref2.itemMap,
-      itemMap = _ref2$itemMap === void 0 ? {} : _ref2$itemMap;
+const getSeries = (args) => {
+  const { dimension, metrics, rows, seriesMap, wave } = args;
+  let itemWave = wave;
+  let len = isArr(seriesMap) ? seriesMap.length : 0;
+  return rows.slice().map((item, index) => {
+    let { data = [], result = { type: "liquidFill" }, name = item[dimension] } = {};
+    let { val = Number(item[metrics]), itemMap = {} } = {};
     if (isArr(seriesMap)) {
       itemMap = seriesMap[index] ? seriesMap[index] : seriesMap[len - 1];
     } else if (isObject(seriesMap[name])) {
@@ -49,71 +28,27 @@ var getSeries = function getSeries(args) {
     if (isArr(wave) && isArr(wave[0])) {
       itemWave = !isArr(wave[index]) ? wave[wave.length - 1] : wave[index];
     }
-    data.push({
-      value: val
-    });
+    data.push({ value: val });
     if (itemWave.length && itemWave) {
-      data = data.concat(itemWave.map(function (val) {
-        return {
-          value: val
-        };
-      }));
+      data = data.concat(itemWave.map((val2) => ({ value: val2 })));
     }
-    result.itemStyle = {
-      shadowBlur: 0
-    };
-    result.label = {
-      color: '#6D8FF0'
-    };
-    result.backgroundStyle = {
-      color: '#F4F3F9'
-    };
-    result.outline = {
-      itemStyle: {
-        borderColor: '#6D8FF0',
-        shadowBlur: 0
-      }
-    };
-    !itemMap.color && (result.itemStyle = Object.assign(result.itemStyle, {
-      color: '#6D8FF0'
-    }));
-    result = Object.assign(result, {
-      data: data,
-      name: name
-    }, itemMap);
+    result.itemStyle = { shadowBlur: 0 };
+    result.label = { color: "#6D8FF0" };
+    result.backgroundStyle = { color: "#F4F3F9" };
+    result.outline = { itemStyle: { borderColor: "#6D8FF0", shadowBlur: 0 } };
+    !itemMap.color && (result.itemStyle = Object.assign(result.itemStyle, { color: "#6D8FF0" }));
+    result = Object.assign(result, { data, name }, itemMap);
     return result;
   });
 };
-export var liquidfill = function liquidfill(columns, rows, settings, extra) {
-  var _settings$dimension = settings.dimension,
-    dimension = _settings$dimension === void 0 ? columns[0] : _settings$dimension,
-    _settings$metrics = settings.metrics,
-    metrics = _settings$metrics === void 0 ? columns[1] : _settings$metrics;
-  var _settings$seriesMap = settings.seriesMap,
-    seriesMap = _settings$seriesMap === void 0 ? {} : _settings$seriesMap,
-    _settings$dataType = settings.dataType,
-    dataType = _settings$dataType === void 0 ? 'percent' : _settings$dataType,
-    _settings$digit = settings.digit,
-    digit = _settings$digit === void 0 ? 2 : _settings$digit,
-    _settings$wave = settings.wave,
-    wave = _settings$wave === void 0 ? [] : _settings$wave;
-  var tooltipVisible = extra.tooltipVisible,
-    tooltipFormatter = extra.tooltipFormatter;
-  var tooltip = tooltipVisible && getTooltip({
-    tooltipFormatter: tooltipFormatter,
-    dataType: dataType,
-    digit: digit
-  });
-  var series = getSeries({
-    rows: rows,
-    columns: columns,
-    dimension: dimension,
-    metrics: metrics,
-    seriesMap: seriesMap,
-    wave: wave
-  });
-  return {
-    tooltip: tooltip,
-    series: series
-  };
-};
+const liquidfill = (columns, rows, settings, extra) => {
+  const { dimension = columns[0], metrics = columns[1] } = settings;
+  const { seriesMap = {}, dataType = "percent", digit = 2, wave = [] } = settings;
+  const { tooltipVisible, tooltipFormatter } = extra;
+  const tooltip = tooltipVisible && getTooltip({ tooltipFormatter, dataType, digit });
+  const series = getSeries({ rows, columns, dimension, metrics, seriesMap, wave });
+  return { tooltip, series };
+};
+export {
+  liquidfill
+};