@easyv/charts 1.2.0 → 1.2.1

package/lib/utils/index.js

@@ -1,833 +1,833 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.band = band;
-exports.getDataWithPercent = exports.sortPie = exports.getDomPath = exports.filterChildren = exports.getChildren = exports.isValidHttpUrl = exports.getBandSeriesStepAndWidth = exports.getBandwidth = exports.getBandBackground = exports.getCurrentStack = exports.resetStacks = exports.seriesYOrZ = exports.dataYOrZ = exports.getStacks = exports.getColorList = exports.getIcon = exports.getTranslate2d = exports.getTranslate3d = exports.getMargin = exports.getFontStyle = exports.getMousePos = exports.identity = exports.getGridCoord = exports.getTickCoord = exports.getTicksOfAxis = exports.getBreakWord = exports.dateFormat = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _utils = require("@easyv/utils");
-
-var _utils2 = require("@easyv/utils/lib/common/utils");
-
-var _d3v = require("d3v7");
-
-var _server = require("react-dom/server");
-
-var _svgPoints = require("svg-points");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var defaultSize = 10;
-var defaultBackground = '#000000';
-var defaultIcon = {
-  width: defaultSize,
-  height: defaultSize,
-  background: defaultBackground
-};
-var defaultLineIcon = {
-  width: defaultSize,
-  height: 2,
-  background: defaultBackground
-};
-
-var SvgBackground = function SvgBackground(_ref) {
-  var _ref$fill = _ref.fill,
-      type = _ref$fill.type,
-      pure = _ref$fill.pure,
-      _ref$fill$linear = _ref$fill.linear,
-      angle = _ref$fill$linear.angle,
-      opacity = _ref$fill$linear.opacity,
-      stops = _ref$fill$linear.stops,
-      _ref$pattern = _ref.pattern,
-      _ref$pattern$path = _ref$pattern.path,
-      path = _ref$pattern$path === void 0 ? '' : _ref$pattern$path,
-      _ref$pattern$width = _ref$pattern.width,
-      width = _ref$pattern$width === void 0 ? '100%' : _ref$pattern$width,
-      _ref$pattern$height = _ref$pattern.height,
-      height = _ref$pattern$height === void 0 ? '100%' : _ref$pattern$height,
-      _ref$pattern$boderCol = _ref$pattern.boderColor,
-      stroke = _ref$pattern$boderCol === void 0 ? 'transparent' : _ref$pattern$boderCol,
-      _ref$pattern$boderWid = _ref$pattern.boderWidth,
-      boderWidth = _ref$pattern$boderWid === void 0 ? 0 : _ref$pattern$boderWid;
-  return /*#__PURE__*/React.createElement("svg", {
-    preserveAspectRatio: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height
-  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "linearGradient",
-    x1: "0%",
-    y1: "0%",
-    x2: "0%",
-    y2: "100%",
-    gradientTransform: 'rotate(' + (angle + 180) + ', 0.5, 0.5)'
-  }, stops.map(function (_ref2, index) {
-    var offset = _ref2.offset,
-        color = _ref2.color;
-    return /*#__PURE__*/React.createElement("stop", {
-      key: index,
-      offset: offset + '%',
-      stopColor: color,
-      stopOpacity: opacity
-    });
-  }))), /*#__PURE__*/React.createElement("path", {
-    d: path,
-    fill: type === 'pure' ? pure : 'url(#linearGradient)',
-    stroke: stroke,
-    strokeWidth: boderWidth
-  }));
-};
-
-var getColorList = function getColorList(_ref3) {
-  var type = _ref3.type,
-      pure = _ref3.pure,
-      _ref3$linear = _ref3.linear,
-      stops = _ref3$linear.stops,
-      angle = _ref3$linear.angle,
-      opacity = _ref3$linear.opacity;
-
-  if (type == 'pure') {
-    return [{
-      color: pure,
-      offset: 1
-    }, {
-      color: pure,
-      offset: 0
-    }];
-  }
-
-  return stops.map(function (_ref4) {
-    var color = _ref4.color,
-        offset = _ref4.offset;
-    return {
-      color: color,
-      offset: offset / 100
-    };
-  });
-};
-
-exports.getColorList = getColorList;
-
-var getIcon = function getIcon(type, icon) {
-  switch (type) {
-    case 'area':
-    case 'line':
-      return icon ? _objectSpread(_objectSpread({}, defaultLineIcon), icon) : defaultLineIcon;
-
-    default:
-      return icon ? _objectSpread(_objectSpread({}, defaultIcon), icon) : defaultIcon;
-  }
-};
-
-exports.getIcon = getIcon;
-
-var dateFormat = function dateFormat(date, fmt) {
-  date = new Date(date);
-  var o = {
-    'M+': date.getMonth() + 1,
-    //月份
-    'D+': date.getDate(),
-    //日
-    'H+': date.getHours(),
-    //小时
-    'h+': date.getHours() % 12 == 0 ? 12 : date.getHours() % 12,
-    //小时
-    'm+': date.getMinutes(),
-    //分
-    's+': date.getSeconds(),
-    //秒
-    S: date.getMilliseconds(),
-    //毫秒
-    X: '星期' + '日一二三四五六'.charAt(date.getDay()),
-    W: new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday')[date.getDay()],
-    w: new Array('Sun.', 'Mon.', ' Tues.', 'Wed.', ' Thur.', 'Fri.', 'Sat.')[date.getDay()]
-  };
-  if (/(Y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
-
-  for (var k in o) {
-    if (new RegExp('(' + k + ')').test(fmt)) fmt = fmt.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length));
-  }
-
-  return fmt;
-};
-
-exports.dateFormat = dateFormat;
-
-var getBreakWord = function getBreakWord(str, breakNumber) {
-  var re = new RegExp('([^]){1,' + breakNumber + '}', 'g');
-  return str.match(re);
-}; //x轴标签逻辑
-
-
-exports.getBreakWord = getBreakWord;
-
-var getTicksOfAxis = function getTicksOfAxis(domain, ticksCount, showLast) {
-  var len = domain.length;
-  if (ticksCount < 2 || ticksCount > len) return domain;
-  var step = Math.floor((len - ticksCount) / (ticksCount - 1));
-  var ticksArr = domain.filter(function (d, i) {
-    return i % (step + 1) === 0;
-  });
-  var Tlen = ticksArr.length;
-  var lastIndex = domain.findIndex(function (d) {
-    return d == ticksArr[Tlen - 1];
-  });
-
-  if (showLast) {
-    len % ticksCount == 0 || len - 1 - lastIndex >= Math.round(len / Tlen / 2) ? null : ticksArr.pop();
-    ticksArr.push(domain[len - 1]);
-  }
-
-  return ticksArr;
-};
-
-exports.getTicksOfAxis = getTicksOfAxis;
-
-var getTickCoord = function getTickCoord(_ref5) {
-  var orientation = _ref5.orientation,
-      coordinate = _ref5.coordinate,
-      _ref5$tickSize = _ref5.tickSize,
-      tickSize = _ref5$tickSize === void 0 ? 6 : _ref5$tickSize,
-      _ref5$x = _ref5.x,
-      x = _ref5$x === void 0 ? 0 : _ref5$x,
-      _ref5$y = _ref5.y,
-      y = _ref5$y === void 0 ? 0 : _ref5$y;
-  var x1, x2, y1, y2;
-
-  switch (orientation) {
-    case 'top':
-      x1 = x2 = coordinate;
-      y2 = y;
-      y1 = y2 - tickSize;
-      break;
-
-    case 'left':
-      y1 = y2 = coordinate;
-      x2 = x;
-      x1 = x2 - tickSize;
-      break;
-
-    case 'right':
-      y1 = y2 = coordinate;
-      x2 = x;
-      x1 = x2 + tickSize;
-      break;
-
-    default:
-      x1 = x2 = coordinate;
-      y2 = y;
-      y1 = y2 + tickSize;
-      break;
-  }
-
-  return {
-    x1: x1,
-    x2: x2,
-    y1: y1,
-    y2: y2
-  };
-};
-
-exports.getTickCoord = getTickCoord;
-
-var getGridCoord = function getGridCoord(_ref6) {
-  var orientation = _ref6.orientation,
-      coordinate = _ref6.coordinate,
-      end = _ref6.end;
-  var x1, x2, y1, y2;
-
-  switch (orientation) {
-    case 'top':
-      x1 = x2 = coordinate;
-      y1 = 0;
-      y2 = end;
-      break;
-
-    case 'bottom':
-      x1 = x2 = coordinate;
-      y1 = 0;
-      y2 = end * -1;
-      break;
-
-    case 'left':
-      y1 = y2 = coordinate;
-      x1 = 0;
-      x2 = end;
-      break;
-
-    case 'right':
-      y1 = y2 = coordinate;
-      x1 = 0;
-      x2 = end * -1;
-      break;
-  }
-
-  return {
-    x1: x1,
-    x2: x2,
-    y1: y1,
-    y2: y2
-  };
-};
-
-exports.getGridCoord = getGridCoord;
-
-var identity = function identity(d) {
-  return d;
-}; //获取鼠标指针坐标
-
-
-exports.identity = identity;
-
-var getMousePos = function getMousePos(evt, dom) {
-  var rect = dom.getBoundingClientRect();
-  return {
-    x: evt.clientX - rect.left,
-    y: evt.clientY - rect.top,
-    w: rect.width,
-    h: rect.height
-  };
-};
-
-exports.getMousePos = getMousePos;
-
-var getFontStyle = function getFontStyle(_ref7, type) {
-  var color = _ref7.color,
-      bold = _ref7.bold,
-      italic = _ref7.italic,
-      fontSize = _ref7.fontSize,
-      fontFamily = _ref7.fontFamily,
-      letterSpacing = _ref7.letterSpacing;
-
-  if (type == 'svg') {
-    return {
-      fontSize: fontSize,
-      fontFamily: fontFamily,
-      letterSpacing: letterSpacing,
-      fill: color,
-      fontWeight: bold ? 'bold' : 'normal',
-      fontStyle: italic ? 'italic' : 'normal'
-    };
-  }
-
-  return {
-    fontSize: fontSize,
-    fontFamily: fontFamily,
-    letterSpacing: letterSpacing,
-    color: color,
-    fontWeight: bold ? 'bold' : 'normal',
-    fontStyle: italic ? 'italic' : 'normal'
-  };
-};
-
-exports.getFontStyle = getFontStyle;
-
-var getMargin = function getMargin(_ref8) {
-  var marginTop = _ref8.marginTop,
-      marginRight = _ref8.marginRight,
-      marginBottom = _ref8.marginBottom,
-      marginLeft = _ref8.marginLeft;
-  return marginTop + 'px ' + marginRight + 'px ' + marginBottom + 'px ' + marginLeft + 'px';
-};
-
-exports.getMargin = getMargin;
-
-var getTranslate3d = function getTranslate3d(_ref9) {
-  var _ref9$x = _ref9.x,
-      x = _ref9$x === void 0 ? 0 : _ref9$x,
-      _ref9$y = _ref9.y,
-      y = _ref9$y === void 0 ? 0 : _ref9$y,
-      _ref9$z = _ref9.z,
-      z = _ref9$z === void 0 ? 0 : _ref9$z;
-  return 'translate3d(' + x + 'px, ' + y + 'px, ' + z + 'px)';
-};
-
-exports.getTranslate3d = getTranslate3d;
-
-var getTranslate2d = function getTranslate2d(_ref10) {
-  var _ref10$x = _ref10.x,
-      x = _ref10$x === void 0 ? 0 : _ref10$x,
-      _ref10$y = _ref10.y,
-      y = _ref10$y === void 0 ? 0 : _ref10$y;
-  return 'translate(' + x + ', ' + y + ')';
-};
-
-exports.getTranslate2d = getTranslate2d;
-
-function band() {
-  var scale = (0, _d3v.scaleOrdinal)().unknown(undefined),
-      domain = scale.domain,
-      ordinalRange = scale.range,
-      r0 = 0,
-      r1 = 1,
-      step,
-      bandwidth,
-      round = false,
-      paddingInner = 0,
-      paddingOuter = 0,
-      // seriesPaddingInner = 0,
-  // seriesPaddingOuter = 0,
-  // seriesLength = 0,
-  align = 0.5;
-  delete scale.unknown;
-
-  function rescale() {
-    var n = domain().length,
-        reverse = r1 < r0,
-        start = reverse ? r1 : r0,
-        stop = reverse ? r0 : r1;
-    step = (stop - start) / Math.max(1, n - paddingOuter * 2);
-    if (round) step = Math.floor(step);
-    start += (stop - start - step * n) * align;
-    bandwidth = step;
-    if (round) start = Math.round(start), bandwidth = Math.round(bandwidth);
-    var values = (0, _d3v.range)(n).map(function (i) {
-      return start + step * i + step / 2;
-    });
-    return ordinalRange(reverse ? values.reverse() : values);
-  }
-
-  scale.domain = function (_) {
-    return arguments.length ? (domain(_), rescale()) : domain();
-  };
-
-  scale.range = function (_) {
-    var _ref11, _ref12;
-
-    return arguments.length ? ((_ref11 = _, _ref12 = (0, _slicedToArray2["default"])(_ref11, 2), r0 = _ref12[0], r1 = _ref12[1], _ref11), r0 = +r0, r1 = +r1, rescale()) : [r0, r1];
-  };
-
-  scale.rangeRound = function (_) {
-    var _ref13, _ref14;
-
-    return (_ref13 = _, _ref14 = (0, _slicedToArray2["default"])(_ref13, 2), r0 = _ref14[0], r1 = _ref14[1], _ref13), r0 = +r0, r1 = +r1, round = true, rescale();
-  };
-
-  scale.bandwidth = function () {
-    return bandwidth;
-  };
-
-  scale.step = function () {
-    return step;
-  };
-
-  scale.seriesBandwidth = function () {
-    return seriesBandwidth;
-  };
-
-  scale.seriesStep = function () {
-    return seriesStep;
-  };
-
-  scale.round = function (_) {
-    return arguments.length ? (round = !!_, rescale()) : round;
-  };
-
-  scale.padding = function (_) {
-    return arguments.length ? (paddingInner = Math.min(1, paddingOuter = +_), rescale()) : paddingInner;
-  };
-
-  scale.paddingInner = function (_) {
-    return arguments.length ? (paddingInner = Math.min(1, _), rescale()) : paddingInner;
-  };
-
-  scale.paddingOuter = function (_) {
-    return arguments.length ? (paddingOuter = +_, rescale()) : paddingOuter;
-  };
-
-  scale.align = function (_) {
-    return arguments.length ? (align = Math.max(0, Math.min(1, _)), rescale()) : align;
-  };
-
-  scale.copy = function () {
-    return band(domain(), [r0, r1]).round(round).paddingInner(paddingInner).paddingOuter(paddingOuter).align(align);
-  };
-
-  return initRange.apply(rescale(), arguments);
-}
-
-function initRange(domain, range) {
-  switch (arguments.length) {
-    case 0:
-      break;
-
-    case 1:
-      this.range(domain);
-      break;
-
-    default:
-      this.range(range).domain(domain);
-      break;
-  }
-
-  return this;
-}
-
-var getStacks = function getStacks(series) {
-  var tmp = [];
-  series.forEach(function (_ref15, name) {
-    var type = _ref15.type,
-        stack = _ref15.stack,
-        yOrZ = _ref15.yOrZ;
-    var current = tmp.find(function (_ref16) {
-      var _type = _ref16.type,
-          _stack = _ref16.stack,
-          _yOrZ = _ref16.yOrZ;
-      return _type == type && stack && _stack == stack && yOrZ == _yOrZ;
-    });
-
-    if (!current) {
-      var common = {
-        type: type,
-        stack: stack,
-        positive: 0,
-        negative: 0,
-        yOrZ: yOrZ,
-        s: [name]
-      };
-
-      if (type === 'band') {
-        var index = tmp.filter(function (item) {
-          return item.type === 'band';
-        }).length;
-        tmp.push(_objectSpread(_objectSpread({}, common), {}, {
-          index: index
-        }));
-      } else {
-        tmp.push(_objectSpread(_objectSpread({}, common), {}, {
-          index: 0
-        }));
-      }
-    } else {
-      current.s.push(name);
-    }
-  });
-  return tmp;
-};
-
-exports.getStacks = getStacks;
-
-var dataYOrZ = function dataYOrZ(data, _ref17) {
-  var seriesY = _ref17.y,
-      seriesZ = _ref17.z;
-  var tmp = {
-    y: [],
-    z: []
-  };
-
-  for (var i = 0, j = data.length; i < j; i++) {
-    var d = data[i];
-
-    if (seriesY.get(d.s)) {
-      tmp.y.push(d);
-      continue;
-    }
-
-    if (seriesZ.get(d.s)) {
-      tmp.z.push(d);
-    }
-  }
-
-  return tmp;
-};
-
-exports.dataYOrZ = dataYOrZ;
-
-var seriesYOrZ = function seriesYOrZ(series) {
-  var y = new Map();
-  var z = new Map();
-  series.forEach(function (value, key) {
-    if (value.yOrZ === 'y') {
-      y.set(key, value);
-    } else {
-      z.set(key, value);
-    }
-  });
-  return {
-    y: y,
-    z: z
-  };
-};
-
-exports.seriesYOrZ = seriesYOrZ;
-
-var resetStacks = function resetStacks(stacks) {
-  stacks.forEach(function (stack) {
-    stack.positive = 0;
-    stack.negative = 0;
-  });
-};
-
-exports.resetStacks = resetStacks;
-
-var getCurrentStack = function getCurrentStack(stack, stackMap) {
-  return stackMap.find(function (_ref18) {
-    var _stack = _ref18.stack,
-        _type = _ref18.type,
-        _yOrZ = _ref18.yOrZ,
-        _s = _ref18.s;
-    return _type == stack.type && _stack == stack.stack && _yOrZ == stack.yOrZ && _s.includes(stack.name);
-  });
-};
-
-exports.getCurrentStack = getCurrentStack;
-
-var getBandBackground = function getBandBackground(pattern, fill) {
-  if (!(pattern && pattern.path)) return (0, _utils.getColor)(fill);
-
-  var _pattern$backgroundSi = pattern.backgroundSize,
-      backgroundSize = _pattern$backgroundSi === void 0 ? '100% 100%' : _pattern$backgroundSi,
-      _pattern = (0, _objectWithoutProperties2["default"])(pattern, ["backgroundSize"]);
-
-  return 'center top / ' + backgroundSize + ' url("data:image/svg+xml,' + encodeURIComponent((0, _server.renderToStaticMarkup)( /*#__PURE__*/React.createElement(SvgBackground, {
-    fill: fill,
-    pattern: _pattern
-  }))) + '")';
-};
-
-exports.getBandBackground = getBandBackground;
-
-var getBandwidth = function getBandwidth(step, paddingOuter) {
-  return step / Math.max(1, 1 + paddingOuter);
-};
-
-exports.getBandwidth = getBandwidth;
-
-var getBandSeriesStepAndWidth = function getBandSeriesStepAndWidth(_ref19) {
-  var width = _ref19.width,
-      paddingInner = _ref19.paddingInner,
-      bandLength = _ref19.bandLength;
-  var seriesStep = width / Math.max(1, bandLength - paddingInner);
-  var seriesWidth = seriesStep * (1 - paddingInner);
-  return {
-    seriesStep: seriesStep,
-    seriesWidth: seriesWidth
-  };
-};
-
-exports.getBandSeriesStepAndWidth = getBandSeriesStepAndWidth;
-
-var isValidHttpUrl = function isValidHttpUrl(string) {
-  var url;
-
-  try {
-    url = new URL(string);
-  } catch (_) {
-    return false;
-  }
-
-  return url.protocol === 'http:' || url.protocol === 'https:';
-};
-
-exports.isValidHttpUrl = isValidHttpUrl;
-
-var getChildren = function getChildren(svgStr) {
-  var wrapper = document.createElement('div');
-  wrapper.innerHTML = svgStr;
-  var childNodes = wrapper.childNodes;
-  var svgDom = (0, _toConsumableArray2["default"])(childNodes).find(function (item) {
-    return item.tagName === 'svg';
-  });
-
-  if (!!svgDom) {
-    return (0, _toConsumableArray2["default"])(svgDom.childNodes);
-  }
-
-  return null;
-};
-
-exports.getChildren = getChildren;
-
-var filterChildren = function filterChildren(children, tagNames) {
-  return children.reduce(function (prev, node) {
-    var nodeName = node.nodeName;
-
-    if (tagNames.indexOf(nodeName) > -1) {
-      if (nodeName === 'g') {
-        return filterChildren((0, _toConsumableArray2["default"])(node.childNodes), tagNames);
-      } else {
-        prev.push(node);
-      }
-    }
-
-    return prev;
-  }, []);
-};
-
-exports.filterChildren = filterChildren;
-
-var getDomPath = function getDomPath(node) {
-  switch (node.nodeName) {
-    case 'circle':
-      return (0, _svgPoints.toPath)({
-        type: 'circle',
-        cx: +node.getAttribute('cx') || 0,
-        cy: +node.getAttribute('cy') || 0,
-        r: +node.getAttribute('r') || 0
-      });
-
-    case 'ellipse':
-      return (0, _svgPoints.toPath)({
-        type: 'ellipse',
-        cx: +node.getAttribute('cx') || 0,
-        cy: +node.getAttribute('cy') || 0,
-        rx: +node.getAttribute('rx') || 0,
-        ry: +node.getAttribute('ry') || 0
-      });
-
-    case 'line':
-      return (0, _svgPoints.toPath)({
-        type: 'line',
-        x1: +node.getAttribute('x1') || 0,
-        x2: +node.getAttribute('x2') || 0,
-        y1: +node.getAttribute('y1') || 0,
-        y2: +node.getAttribute('y2') || 0
-      });
-
-    case 'path':
-      return (0, _svgPoints.toPath)({
-        type: 'path',
-        d: node.getAttribute('d') || ''
-      });
-
-    case 'polygon':
-      return (0, _svgPoints.toPath)({
-        type: 'polyline',
-        points: node.getAttribute('points') || ''
-      });
-
-    case 'polyline':
-      return (0, _svgPoints.toPath)({
-        type: 'polyline',
-        points: node.getAttribute('points') || ''
-      });
-
-    case 'rect':
-      return (0, _svgPoints.toPath)({
-        type: 'rect',
-        height: +node.getAttribute('height') || 0,
-        width: +node.getAttribute('width') || 0,
-        x: +node.getAttribute('x') || 0,
-        y: +node.getAttribute('y') || 0,
-        rx: +node.getAttribute('rx') || 0,
-        ry: +node.getAttribute('ry') || 0
-      });
-  }
-};
-
-exports.getDomPath = getDomPath;
-
-var sortPie = function sortPie(data, order) {
-  var _data = data.map(function (item) {
-    return _objectSpread({}, item);
-  });
-
-  switch (order) {
-    case '':
-      _data.sort(function (_ref20, _ref21) {
-        var a = _ref20.index;
-        var b = _ref21.index;
-        return (0, _d3v.ascending)(a, b);
-      });
-
-      break;
-
-    case 'desc':
-      _data.sort(function (_ref22, _ref23) {
-        var a = _ref22.value;
-        var b = _ref23.value;
-        return (0, _d3v.descending)(a, b);
-      });
-
-      break;
-
-    case 'asc':
-      _data.sort(function (_ref24, _ref25) {
-        var a = _ref24.value;
-        var b = _ref25.value;
-        return (0, _d3v.ascending)(a, b);
-      });
-
-      break;
-  }
-
-  return _data;
-}; // const getDataWithPercent = (data = [], precision = 0, type) => {
-//   const digits = Math.pow(10, precision);
-//   const targetSeats = digits * 100;
-//   const total = sum(data, (d) => d.value);
-//   const votesPerQuota = data.map((d, index) => ({
-//     ...d,
-//     vote: Math.round((d.value / total) * digits * 100),
-//     index,
-//   }));
-//   const currentSum = sum(votesPerQuota, (d) => d.vote);
-//   const remainder = targetSeats - currentSum;
-//   console.log(type+":",votesPerQuota, toFixed);
-//   votesPerQuota.sort(({ value: a }, { value: b }) => (a % total) - (b % total));
-//   const tmp = votesPerQuota.map(({ vote, ...data }, index) => ({
-//     ...data,
-//     percent: toFixed((vote + (index < remainder ? 1 : 0)) / digits, precision),
-//   }));
-//   return tmp;
-// };
-
-
-exports.sortPie = sortPie;
-
-var getDataWithPercent = function getDataWithPercent() {
-  var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  var digits = Math.pow(10, precision);
-  var targetSeats = digits * 100;
-  var total = (0, _d3v.sum)(data, function (d) {
-    return d.value;
-  });
-  var votesPerQuota = data.map(function (d, index) {
-    return _objectSpread(_objectSpread({}, d), {}, {
-      vote: Math.round(d.value / total * digits * 100),
-      index: index
-    });
-  });
-  var currentSum = (0, _d3v.sum)(votesPerQuota, function (d) {
-    return d.vote;
-  });
-  var remainder = targetSeats - currentSum;
-  votesPerQuota.sort(function (_ref26, _ref27) {
-    var a = _ref26.value;
-    var b = _ref27.value;
-    return a % total - b % total;
-  });
-  var tmp = votesPerQuota.map(function (_ref28, index) {
-    var vote = _ref28.vote,
-        value = _ref28.value,
-        data = (0, _objectWithoutProperties2["default"])(_ref28, ["vote", "value"]);
-
-    var obj = _objectSpread(_objectSpread({}, data), {}, {
-      value: value,
-      percent: (0, _utils2.toFixed)((vote + (value && value != 0 ? remainder : 0)) / digits, precision)
-    });
-
-    if (value && value != 0) {
-      remainder = 0;
-    }
-
-    return obj;
-  });
-  return tmp;
-};
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.band = band;
+exports.getDataWithPercent = exports.sortPie = exports.getDomPath = exports.filterChildren = exports.getChildren = exports.isValidHttpUrl = exports.getBandSeriesStepAndWidth = exports.getBandwidth = exports.getBandBackground = exports.getCurrentStack = exports.resetStacks = exports.seriesYOrZ = exports.dataYOrZ = exports.getStacks = exports.getColorList = exports.getIcon = exports.getTranslate2d = exports.getTranslate3d = exports.getMargin = exports.getFontStyle = exports.getMousePos = exports.identity = exports.getGridCoord = exports.getTickCoord = exports.getTicksOfAxis = exports.getBreakWord = exports.dateFormat = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _utils = require("@easyv/utils");
+
+var _utils2 = require("@easyv/utils/lib/common/utils");
+
+var _d3v = require("d3v7");
+
+var _server = require("react-dom/server");
+
+var _svgPoints = require("svg-points");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var defaultSize = 10;
+var defaultBackground = '#000000';
+var defaultIcon = {
+  width: defaultSize,
+  height: defaultSize,
+  background: defaultBackground
+};
+var defaultLineIcon = {
+  width: defaultSize,
+  height: 2,
+  background: defaultBackground
+};
+
+var SvgBackground = function SvgBackground(_ref) {
+  var _ref$fill = _ref.fill,
+      type = _ref$fill.type,
+      pure = _ref$fill.pure,
+      _ref$fill$linear = _ref$fill.linear,
+      angle = _ref$fill$linear.angle,
+      opacity = _ref$fill$linear.opacity,
+      stops = _ref$fill$linear.stops,
+      _ref$pattern = _ref.pattern,
+      _ref$pattern$path = _ref$pattern.path,
+      path = _ref$pattern$path === void 0 ? '' : _ref$pattern$path,
+      _ref$pattern$width = _ref$pattern.width,
+      width = _ref$pattern$width === void 0 ? '100%' : _ref$pattern$width,
+      _ref$pattern$height = _ref$pattern.height,
+      height = _ref$pattern$height === void 0 ? '100%' : _ref$pattern$height,
+      _ref$pattern$boderCol = _ref$pattern.boderColor,
+      stroke = _ref$pattern$boderCol === void 0 ? 'transparent' : _ref$pattern$boderCol,
+      _ref$pattern$boderWid = _ref$pattern.boderWidth,
+      boderWidth = _ref$pattern$boderWid === void 0 ? 0 : _ref$pattern$boderWid;
+  return /*#__PURE__*/React.createElement("svg", {
+    preserveAspectRatio: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height
+  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    id: "linearGradient",
+    x1: "0%",
+    y1: "0%",
+    x2: "0%",
+    y2: "100%",
+    gradientTransform: 'rotate(' + (angle + 180) + ', 0.5, 0.5)'
+  }, stops.map(function (_ref2, index) {
+    var offset = _ref2.offset,
+        color = _ref2.color;
+    return /*#__PURE__*/React.createElement("stop", {
+      key: index,
+      offset: offset + '%',
+      stopColor: color,
+      stopOpacity: opacity
+    });
+  }))), /*#__PURE__*/React.createElement("path", {
+    d: path,
+    fill: type === 'pure' ? pure : 'url(#linearGradient)',
+    stroke: stroke,
+    strokeWidth: boderWidth
+  }));
+};
+
+var getColorList = function getColorList(_ref3) {
+  var type = _ref3.type,
+      pure = _ref3.pure,
+      _ref3$linear = _ref3.linear,
+      stops = _ref3$linear.stops,
+      angle = _ref3$linear.angle,
+      opacity = _ref3$linear.opacity;
+
+  if (type == 'pure') {
+    return [{
+      color: pure,
+      offset: 1
+    }, {
+      color: pure,
+      offset: 0
+    }];
+  }
+
+  return stops.map(function (_ref4) {
+    var color = _ref4.color,
+        offset = _ref4.offset;
+    return {
+      color: color,
+      offset: offset / 100
+    };
+  });
+};
+
+exports.getColorList = getColorList;
+
+var getIcon = function getIcon(type, icon) {
+  switch (type) {
+    case 'area':
+    case 'line':
+      return icon ? _objectSpread(_objectSpread({}, defaultLineIcon), icon) : defaultLineIcon;
+
+    default:
+      return icon ? _objectSpread(_objectSpread({}, defaultIcon), icon) : defaultIcon;
+  }
+};
+
+exports.getIcon = getIcon;
+
+var dateFormat = function dateFormat(date, fmt) {
+  date = new Date(date);
+  var o = {
+    'M+': date.getMonth() + 1,
+    //月份
+    'D+': date.getDate(),
+    //日
+    'H+': date.getHours(),
+    //小时
+    'h+': date.getHours() % 12 == 0 ? 12 : date.getHours() % 12,
+    //小时
+    'm+': date.getMinutes(),
+    //分
+    's+': date.getSeconds(),
+    //秒
+    S: date.getMilliseconds(),
+    //毫秒
+    X: '星期' + '日一二三四五六'.charAt(date.getDay()),
+    W: new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday')[date.getDay()],
+    w: new Array('Sun.', 'Mon.', ' Tues.', 'Wed.', ' Thur.', 'Fri.', 'Sat.')[date.getDay()]
+  };
+  if (/(Y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
+
+  for (var k in o) {
+    if (new RegExp('(' + k + ')').test(fmt)) fmt = fmt.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length));
+  }
+
+  return fmt;
+};
+
+exports.dateFormat = dateFormat;
+
+var getBreakWord = function getBreakWord(str, breakNumber) {
+  var re = new RegExp('([^]){1,' + breakNumber + '}', 'g');
+  return str.match(re);
+}; //x轴标签逻辑
+
+
+exports.getBreakWord = getBreakWord;
+
+var getTicksOfAxis = function getTicksOfAxis(domain, ticksCount, showLast) {
+  var len = domain.length;
+  if (ticksCount < 2 || ticksCount > len) return domain;
+  var step = Math.floor((len - ticksCount) / (ticksCount - 1));
+  var ticksArr = domain.filter(function (d, i) {
+    return i % (step + 1) === 0;
+  });
+  var Tlen = ticksArr.length;
+  var lastIndex = domain.findIndex(function (d) {
+    return d == ticksArr[Tlen - 1];
+  });
+
+  if (showLast) {
+    len % ticksCount == 0 || len - 1 - lastIndex >= Math.round(len / Tlen / 2) ? null : ticksArr.pop();
+    ticksArr.push(domain[len - 1]);
+  }
+
+  return ticksArr;
+};
+
+exports.getTicksOfAxis = getTicksOfAxis;
+
+var getTickCoord = function getTickCoord(_ref5) {
+  var orientation = _ref5.orientation,
+      coordinate = _ref5.coordinate,
+      _ref5$tickSize = _ref5.tickSize,
+      tickSize = _ref5$tickSize === void 0 ? 6 : _ref5$tickSize,
+      _ref5$x = _ref5.x,
+      x = _ref5$x === void 0 ? 0 : _ref5$x,
+      _ref5$y = _ref5.y,
+      y = _ref5$y === void 0 ? 0 : _ref5$y;
+  var x1, x2, y1, y2;
+
+  switch (orientation) {
+    case 'top':
+      x1 = x2 = coordinate;
+      y2 = y;
+      y1 = y2 - tickSize;
+      break;
+
+    case 'left':
+      y1 = y2 = coordinate;
+      x2 = x;
+      x1 = x2 - tickSize;
+      break;
+
+    case 'right':
+      y1 = y2 = coordinate;
+      x2 = x;
+      x1 = x2 + tickSize;
+      break;
+
+    default:
+      x1 = x2 = coordinate;
+      y2 = y;
+      y1 = y2 + tickSize;
+      break;
+  }
+
+  return {
+    x1: x1,
+    x2: x2,
+    y1: y1,
+    y2: y2
+  };
+};
+
+exports.getTickCoord = getTickCoord;
+
+var getGridCoord = function getGridCoord(_ref6) {
+  var orientation = _ref6.orientation,
+      coordinate = _ref6.coordinate,
+      end = _ref6.end;
+  var x1, x2, y1, y2;
+
+  switch (orientation) {
+    case 'top':
+      x1 = x2 = coordinate;
+      y1 = 0;
+      y2 = end;
+      break;
+
+    case 'bottom':
+      x1 = x2 = coordinate;
+      y1 = 0;
+      y2 = end * -1;
+      break;
+
+    case 'left':
+      y1 = y2 = coordinate;
+      x1 = 0;
+      x2 = end;
+      break;
+
+    case 'right':
+      y1 = y2 = coordinate;
+      x1 = 0;
+      x2 = end * -1;
+      break;
+  }
+
+  return {
+    x1: x1,
+    x2: x2,
+    y1: y1,
+    y2: y2
+  };
+};
+
+exports.getGridCoord = getGridCoord;
+
+var identity = function identity(d) {
+  return d;
+}; //获取鼠标指针坐标
+
+
+exports.identity = identity;
+
+var getMousePos = function getMousePos(evt, dom) {
+  var rect = dom.getBoundingClientRect();
+  return {
+    x: evt.clientX - rect.left,
+    y: evt.clientY - rect.top,
+    w: rect.width,
+    h: rect.height
+  };
+};
+
+exports.getMousePos = getMousePos;
+
+var getFontStyle = function getFontStyle(_ref7, type) {
+  var color = _ref7.color,
+      bold = _ref7.bold,
+      italic = _ref7.italic,
+      fontSize = _ref7.fontSize,
+      fontFamily = _ref7.fontFamily,
+      letterSpacing = _ref7.letterSpacing;
+
+  if (type == 'svg') {
+    return {
+      fontSize: fontSize,
+      fontFamily: fontFamily,
+      letterSpacing: letterSpacing,
+      fill: color,
+      fontWeight: bold ? 'bold' : 'normal',
+      fontStyle: italic ? 'italic' : 'normal'
+    };
+  }
+
+  return {
+    fontSize: fontSize,
+    fontFamily: fontFamily,
+    letterSpacing: letterSpacing,
+    color: color,
+    fontWeight: bold ? 'bold' : 'normal',
+    fontStyle: italic ? 'italic' : 'normal'
+  };
+};
+
+exports.getFontStyle = getFontStyle;
+
+var getMargin = function getMargin(_ref8) {
+  var marginTop = _ref8.marginTop,
+      marginRight = _ref8.marginRight,
+      marginBottom = _ref8.marginBottom,
+      marginLeft = _ref8.marginLeft;
+  return marginTop + 'px ' + marginRight + 'px ' + marginBottom + 'px ' + marginLeft + 'px';
+};
+
+exports.getMargin = getMargin;
+
+var getTranslate3d = function getTranslate3d(_ref9) {
+  var _ref9$x = _ref9.x,
+      x = _ref9$x === void 0 ? 0 : _ref9$x,
+      _ref9$y = _ref9.y,
+      y = _ref9$y === void 0 ? 0 : _ref9$y,
+      _ref9$z = _ref9.z,
+      z = _ref9$z === void 0 ? 0 : _ref9$z;
+  return 'translate3d(' + x + 'px, ' + y + 'px, ' + z + 'px)';
+};
+
+exports.getTranslate3d = getTranslate3d;
+
+var getTranslate2d = function getTranslate2d(_ref10) {
+  var _ref10$x = _ref10.x,
+      x = _ref10$x === void 0 ? 0 : _ref10$x,
+      _ref10$y = _ref10.y,
+      y = _ref10$y === void 0 ? 0 : _ref10$y;
+  return 'translate(' + x + ', ' + y + ')';
+};
+
+exports.getTranslate2d = getTranslate2d;
+
+function band() {
+  var scale = (0, _d3v.scaleOrdinal)().unknown(undefined),
+      domain = scale.domain,
+      ordinalRange = scale.range,
+      r0 = 0,
+      r1 = 1,
+      step,
+      bandwidth,
+      round = false,
+      paddingInner = 0,
+      paddingOuter = 0,
+      // seriesPaddingInner = 0,
+  // seriesPaddingOuter = 0,
+  // seriesLength = 0,
+  align = 0.5;
+  delete scale.unknown;
+
+  function rescale() {
+    var n = domain().length,
+        reverse = r1 < r0,
+        start = reverse ? r1 : r0,
+        stop = reverse ? r0 : r1;
+    step = (stop - start) / Math.max(1, n - paddingOuter * 2);
+    if (round) step = Math.floor(step);
+    start += (stop - start - step * n) * align;
+    bandwidth = step;
+    if (round) start = Math.round(start), bandwidth = Math.round(bandwidth);
+    var values = (0, _d3v.range)(n).map(function (i) {
+      return start + step * i + step / 2;
+    });
+    return ordinalRange(reverse ? values.reverse() : values);
+  }
+
+  scale.domain = function (_) {
+    return arguments.length ? (domain(_), rescale()) : domain();
+  };
+
+  scale.range = function (_) {
+    var _ref11, _ref12;
+
+    return arguments.length ? ((_ref11 = _, _ref12 = (0, _slicedToArray2["default"])(_ref11, 2), r0 = _ref12[0], r1 = _ref12[1], _ref11), r0 = +r0, r1 = +r1, rescale()) : [r0, r1];
+  };
+
+  scale.rangeRound = function (_) {
+    var _ref13, _ref14;
+
+    return (_ref13 = _, _ref14 = (0, _slicedToArray2["default"])(_ref13, 2), r0 = _ref14[0], r1 = _ref14[1], _ref13), r0 = +r0, r1 = +r1, round = true, rescale();
+  };
+
+  scale.bandwidth = function () {
+    return bandwidth;
+  };
+
+  scale.step = function () {
+    return step;
+  };
+
+  scale.seriesBandwidth = function () {
+    return seriesBandwidth;
+  };
+
+  scale.seriesStep = function () {
+    return seriesStep;
+  };
+
+  scale.round = function (_) {
+    return arguments.length ? (round = !!_, rescale()) : round;
+  };
+
+  scale.padding = function (_) {
+    return arguments.length ? (paddingInner = Math.min(1, paddingOuter = +_), rescale()) : paddingInner;
+  };
+
+  scale.paddingInner = function (_) {
+    return arguments.length ? (paddingInner = Math.min(1, _), rescale()) : paddingInner;
+  };
+
+  scale.paddingOuter = function (_) {
+    return arguments.length ? (paddingOuter = +_, rescale()) : paddingOuter;
+  };
+
+  scale.align = function (_) {
+    return arguments.length ? (align = Math.max(0, Math.min(1, _)), rescale()) : align;
+  };
+
+  scale.copy = function () {
+    return band(domain(), [r0, r1]).round(round).paddingInner(paddingInner).paddingOuter(paddingOuter).align(align);
+  };
+
+  return initRange.apply(rescale(), arguments);
+}
+
+function initRange(domain, range) {
+  switch (arguments.length) {
+    case 0:
+      break;
+
+    case 1:
+      this.range(domain);
+      break;
+
+    default:
+      this.range(range).domain(domain);
+      break;
+  }
+
+  return this;
+}
+
+var getStacks = function getStacks(series) {
+  var tmp = [];
+  series.forEach(function (_ref15, name) {
+    var type = _ref15.type,
+        stack = _ref15.stack,
+        yOrZ = _ref15.yOrZ;
+    var current = tmp.find(function (_ref16) {
+      var _type = _ref16.type,
+          _stack = _ref16.stack,
+          _yOrZ = _ref16.yOrZ;
+      return _type == type && stack && _stack == stack && yOrZ == _yOrZ;
+    });
+
+    if (!current) {
+      var common = {
+        type: type,
+        stack: stack,
+        positive: 0,
+        negative: 0,
+        yOrZ: yOrZ,
+        s: [name]
+      };
+
+      if (type === 'band') {
+        var index = tmp.filter(function (item) {
+          return item.type === 'band';
+        }).length;
+        tmp.push(_objectSpread(_objectSpread({}, common), {}, {
+          index: index
+        }));
+      } else {
+        tmp.push(_objectSpread(_objectSpread({}, common), {}, {
+          index: 0
+        }));
+      }
+    } else {
+      current.s.push(name);
+    }
+  });
+  return tmp;
+};
+
+exports.getStacks = getStacks;
+
+var dataYOrZ = function dataYOrZ(data, _ref17) {
+  var seriesY = _ref17.y,
+      seriesZ = _ref17.z;
+  var tmp = {
+    y: [],
+    z: []
+  };
+
+  for (var i = 0, j = data.length; i < j; i++) {
+    var d = data[i];
+
+    if (seriesY.get(d.s)) {
+      tmp.y.push(d);
+      continue;
+    }
+
+    if (seriesZ.get(d.s)) {
+      tmp.z.push(d);
+    }
+  }
+
+  return tmp;
+};
+
+exports.dataYOrZ = dataYOrZ;
+
+var seriesYOrZ = function seriesYOrZ(series) {
+  var y = new Map();
+  var z = new Map();
+  series.forEach(function (value, key) {
+    if (value.yOrZ === 'y') {
+      y.set(key, value);
+    } else {
+      z.set(key, value);
+    }
+  });
+  return {
+    y: y,
+    z: z
+  };
+};
+
+exports.seriesYOrZ = seriesYOrZ;
+
+var resetStacks = function resetStacks(stacks) {
+  stacks.forEach(function (stack) {
+    stack.positive = 0;
+    stack.negative = 0;
+  });
+};
+
+exports.resetStacks = resetStacks;
+
+var getCurrentStack = function getCurrentStack(stack, stackMap) {
+  return stackMap.find(function (_ref18) {
+    var _stack = _ref18.stack,
+        _type = _ref18.type,
+        _yOrZ = _ref18.yOrZ,
+        _s = _ref18.s;
+    return _type == stack.type && _stack == stack.stack && _yOrZ == stack.yOrZ && _s.includes(stack.name);
+  });
+};
+
+exports.getCurrentStack = getCurrentStack;
+
+var getBandBackground = function getBandBackground(pattern, fill) {
+  if (!(pattern && pattern.path)) return (0, _utils.getColor)(fill);
+
+  var _pattern$backgroundSi = pattern.backgroundSize,
+      backgroundSize = _pattern$backgroundSi === void 0 ? '100% 100%' : _pattern$backgroundSi,
+      _pattern = (0, _objectWithoutProperties2["default"])(pattern, ["backgroundSize"]);
+
+  return 'center top / ' + backgroundSize + ' url("data:image/svg+xml,' + encodeURIComponent((0, _server.renderToStaticMarkup)( /*#__PURE__*/React.createElement(SvgBackground, {
+    fill: fill,
+    pattern: _pattern
+  }))) + '")';
+};
+
+exports.getBandBackground = getBandBackground;
+
+var getBandwidth = function getBandwidth(step, paddingOuter) {
+  return step / Math.max(1, 1 + paddingOuter);
+};
+
+exports.getBandwidth = getBandwidth;
+
+var getBandSeriesStepAndWidth = function getBandSeriesStepAndWidth(_ref19) {
+  var width = _ref19.width,
+      paddingInner = _ref19.paddingInner,
+      bandLength = _ref19.bandLength;
+  var seriesStep = width / Math.max(1, bandLength - paddingInner);
+  var seriesWidth = seriesStep * (1 - paddingInner);
+  return {
+    seriesStep: seriesStep,
+    seriesWidth: seriesWidth
+  };
+};
+
+exports.getBandSeriesStepAndWidth = getBandSeriesStepAndWidth;
+
+var isValidHttpUrl = function isValidHttpUrl(string) {
+  var url;
+
+  try {
+    url = new URL(string);
+  } catch (_) {
+    return false;
+  }
+
+  return url.protocol === 'http:' || url.protocol === 'https:';
+};
+
+exports.isValidHttpUrl = isValidHttpUrl;
+
+var getChildren = function getChildren(svgStr) {
+  var wrapper = document.createElement('div');
+  wrapper.innerHTML = svgStr;
+  var childNodes = wrapper.childNodes;
+  var svgDom = (0, _toConsumableArray2["default"])(childNodes).find(function (item) {
+    return item.tagName === 'svg';
+  });
+
+  if (!!svgDom) {
+    return (0, _toConsumableArray2["default"])(svgDom.childNodes);
+  }
+
+  return null;
+};
+
+exports.getChildren = getChildren;
+
+var filterChildren = function filterChildren(children, tagNames) {
+  return children.reduce(function (prev, node) {
+    var nodeName = node.nodeName;
+
+    if (tagNames.indexOf(nodeName) > -1) {
+      if (nodeName === 'g') {
+        return filterChildren((0, _toConsumableArray2["default"])(node.childNodes), tagNames);
+      } else {
+        prev.push(node);
+      }
+    }
+
+    return prev;
+  }, []);
+};
+
+exports.filterChildren = filterChildren;
+
+var getDomPath = function getDomPath(node) {
+  switch (node.nodeName) {
+    case 'circle':
+      return (0, _svgPoints.toPath)({
+        type: 'circle',
+        cx: +node.getAttribute('cx') || 0,
+        cy: +node.getAttribute('cy') || 0,
+        r: +node.getAttribute('r') || 0
+      });
+
+    case 'ellipse':
+      return (0, _svgPoints.toPath)({
+        type: 'ellipse',
+        cx: +node.getAttribute('cx') || 0,
+        cy: +node.getAttribute('cy') || 0,
+        rx: +node.getAttribute('rx') || 0,
+        ry: +node.getAttribute('ry') || 0
+      });
+
+    case 'line':
+      return (0, _svgPoints.toPath)({
+        type: 'line',
+        x1: +node.getAttribute('x1') || 0,
+        x2: +node.getAttribute('x2') || 0,
+        y1: +node.getAttribute('y1') || 0,
+        y2: +node.getAttribute('y2') || 0
+      });
+
+    case 'path':
+      return (0, _svgPoints.toPath)({
+        type: 'path',
+        d: node.getAttribute('d') || ''
+      });
+
+    case 'polygon':
+      return (0, _svgPoints.toPath)({
+        type: 'polyline',
+        points: node.getAttribute('points') || ''
+      });
+
+    case 'polyline':
+      return (0, _svgPoints.toPath)({
+        type: 'polyline',
+        points: node.getAttribute('points') || ''
+      });
+
+    case 'rect':
+      return (0, _svgPoints.toPath)({
+        type: 'rect',
+        height: +node.getAttribute('height') || 0,
+        width: +node.getAttribute('width') || 0,
+        x: +node.getAttribute('x') || 0,
+        y: +node.getAttribute('y') || 0,
+        rx: +node.getAttribute('rx') || 0,
+        ry: +node.getAttribute('ry') || 0
+      });
+  }
+};
+
+exports.getDomPath = getDomPath;
+
+var sortPie = function sortPie(data, order) {
+  var _data = data.map(function (item) {
+    return _objectSpread({}, item);
+  });
+
+  switch (order) {
+    case '':
+      _data.sort(function (_ref20, _ref21) {
+        var a = _ref20.index;
+        var b = _ref21.index;
+        return (0, _d3v.ascending)(a, b);
+      });
+
+      break;
+
+    case 'desc':
+      _data.sort(function (_ref22, _ref23) {
+        var a = _ref22.value;
+        var b = _ref23.value;
+        return (0, _d3v.descending)(a, b);
+      });
+
+      break;
+
+    case 'asc':
+      _data.sort(function (_ref24, _ref25) {
+        var a = _ref24.value;
+        var b = _ref25.value;
+        return (0, _d3v.ascending)(a, b);
+      });
+
+      break;
+  }
+
+  return _data;
+}; // const getDataWithPercent = (data = [], precision = 0, type) => {
+//   const digits = Math.pow(10, precision);
+//   const targetSeats = digits * 100;
+//   const total = sum(data, (d) => d.value);
+//   const votesPerQuota = data.map((d, index) => ({
+//     ...d,
+//     vote: Math.round((d.value / total) * digits * 100),
+//     index,
+//   }));
+//   const currentSum = sum(votesPerQuota, (d) => d.vote);
+//   const remainder = targetSeats - currentSum;
+//   console.log(type+":",votesPerQuota, toFixed);
+//   votesPerQuota.sort(({ value: a }, { value: b }) => (a % total) - (b % total));
+//   const tmp = votesPerQuota.map(({ vote, ...data }, index) => ({
+//     ...data,
+//     percent: toFixed((vote + (index < remainder ? 1 : 0)) / digits, precision),
+//   }));
+//   return tmp;
+// };
+
+
+exports.sortPie = sortPie;
+
+var getDataWithPercent = function getDataWithPercent() {
+  var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var digits = Math.pow(10, precision);
+  var targetSeats = digits * 100;
+  var total = (0, _d3v.sum)(data, function (d) {
+    return d.value;
+  });
+  var votesPerQuota = data.map(function (d, index) {
+    return _objectSpread(_objectSpread({}, d), {}, {
+      vote: Math.round(d.value / total * digits * 100),
+      index: index
+    });
+  });
+  var currentSum = (0, _d3v.sum)(votesPerQuota, function (d) {
+    return d.vote;
+  });
+  var remainder = targetSeats - currentSum;
+  votesPerQuota.sort(function (_ref26, _ref27) {
+    var a = _ref26.value;
+    var b = _ref27.value;
+    return a % total - b % total;
+  });
+  var tmp = votesPerQuota.map(function (_ref28, index) {
+    var vote = _ref28.vote,
+        value = _ref28.value,
+        data = (0, _objectWithoutProperties2["default"])(_ref28, ["vote", "value"]);
+
+    var obj = _objectSpread(_objectSpread({}, data), {}, {
+      value: value,
+      percent: (0, _utils2.toFixed)((vote + (value && value != 0 ? remainder : 0)) / digits, precision)
+    });
+
+    if (value && value != 0) {
+      remainder = 0;
+    }
+
+    return obj;
+  });
+  return tmp;
+};
+
 exports.getDataWithPercent = getDataWithPercent;