sun-card-design 1.1.36 → 1.1.37

package/dist/mobile/sun-card-design-mobile.es1828.js

@@ -1,165 +0,0 @@
-import { __extends } from "./sun-card-design-mobile.es1726.js";
-import { setStatesStylesFromModel, toggleHoverEmphasis } from "./sun-card-design-mobile.es1737.js";
-import ChartView from "./sun-card-design-mobile.es928.js";
-import { setLabelLineStyle, getLabelLineStatesModels } from "./sun-card-design-mobile.es2035.js";
-import { setLabelStyle, getLabelStatesModels } from "./sun-card-design-mobile.es1924.js";
-import { removeElementWithFadeOut, saveOldStyle, initProps, updateProps } from "./sun-card-design-mobile.es1760.js";
-import Polyline from "./sun-card-design-mobile.es1981.js";
-import ZRText from "./sun-card-design-mobile.es1926.js";
-import Point from "./sun-card-design-mobile.es1989.js";
-import Polygon from "./sun-card-design-mobile.es1980.js";
-var opacityAccessPath = ["itemStyle", "opacity"];
-var FunnelPiece = (
-  /** @class */
-  (function(_super) {
-    __extends(FunnelPiece2, _super);
-    function FunnelPiece2(data, idx) {
-      var _this = _super.call(this) || this;
-      var polygon = _this;
-      var labelLine = new Polyline();
-      var text = new ZRText();
-      polygon.setTextContent(text);
-      _this.setTextGuideLine(labelLine);
-      _this.updateData(data, idx, true);
-      return _this;
-    }
-    FunnelPiece2.prototype.updateData = function(data, idx, firstCreate) {
-      var polygon = this;
-      var seriesModel = data.hostModel;
-      var itemModel = data.getItemModel(idx);
-      var layout = data.getItemLayout(idx);
-      var emphasisModel = itemModel.getModel("emphasis");
-      var opacity = itemModel.get(opacityAccessPath);
-      opacity = opacity == null ? 1 : opacity;
-      if (!firstCreate) {
-        saveOldStyle(polygon);
-      }
-      polygon.useStyle(data.getItemVisual(idx, "style"));
-      polygon.style.lineJoin = "round";
-      if (firstCreate) {
-        polygon.setShape({
-          points: layout.points
-        });
-        polygon.style.opacity = 0;
-        initProps(polygon, {
-          style: {
-            opacity
-          }
-        }, seriesModel, idx);
-      } else {
-        updateProps(polygon, {
-          style: {
-            opacity
-          },
-          shape: {
-            points: layout.points
-          }
-        }, seriesModel, idx);
-      }
-      setStatesStylesFromModel(polygon, itemModel);
-      this._updateLabel(data, idx);
-      toggleHoverEmphasis(this, emphasisModel.get("focus"), emphasisModel.get("blurScope"), emphasisModel.get("disabled"));
-    };
-    FunnelPiece2.prototype._updateLabel = function(data, idx) {
-      var polygon = this;
-      var labelLine = this.getTextGuideLine();
-      var labelText = polygon.getTextContent();
-      var seriesModel = data.hostModel;
-      var itemModel = data.getItemModel(idx);
-      var layout = data.getItemLayout(idx);
-      var labelLayout = layout.label;
-      var style = data.getItemVisual(idx, "style");
-      var visualColor = style.fill;
-      setLabelStyle(
-        // position will not be used in setLabelStyle
-        labelText,
-        getLabelStatesModels(itemModel),
-        {
-          labelFetcher: data.hostModel,
-          labelDataIndex: idx,
-          defaultOpacity: style.opacity,
-          defaultText: data.getName(idx)
-        },
-        {
-          normal: {
-            align: labelLayout.textAlign,
-            verticalAlign: labelLayout.verticalAlign
-          }
-        }
-      );
-      polygon.setTextConfig({
-        local: true,
-        inside: !!labelLayout.inside,
-        insideStroke: visualColor,
-        // insideFill: 'auto',
-        outsideFill: visualColor
-      });
-      var linePoints = labelLayout.linePoints;
-      labelLine.setShape({
-        points: linePoints
-      });
-      polygon.textGuideLineConfig = {
-        anchor: linePoints ? new Point(linePoints[0][0], linePoints[0][1]) : null
-      };
-      updateProps(labelText, {
-        style: {
-          x: labelLayout.x,
-          y: labelLayout.y
-        }
-      }, seriesModel, idx);
-      labelText.attr({
-        rotation: labelLayout.rotation,
-        originX: labelLayout.x,
-        originY: labelLayout.y,
-        z2: 10
-      });
-      setLabelLineStyle(polygon, getLabelLineStatesModels(itemModel), {
-        // Default use item visual color
-        stroke: visualColor
-      });
-    };
-    return FunnelPiece2;
-  })(Polygon)
-);
-var FunnelView = (
-  /** @class */
-  (function(_super) {
-    __extends(FunnelView2, _super);
-    function FunnelView2() {
-      var _this = _super !== null && _super.apply(this, arguments) || this;
-      _this.type = FunnelView2.type;
-      _this.ignoreLabelLineUpdate = true;
-      return _this;
-    }
-    FunnelView2.prototype.render = function(seriesModel, ecModel, api) {
-      var data = seriesModel.getData();
-      var oldData = this._data;
-      var group = this.group;
-      data.diff(oldData).add(function(idx) {
-        var funnelPiece = new FunnelPiece(data, idx);
-        data.setItemGraphicEl(idx, funnelPiece);
-        group.add(funnelPiece);
-      }).update(function(newIdx, oldIdx) {
-        var piece = oldData.getItemGraphicEl(oldIdx);
-        piece.updateData(data, newIdx);
-        group.add(piece);
-        data.setItemGraphicEl(newIdx, piece);
-      }).remove(function(idx) {
-        var piece = oldData.getItemGraphicEl(idx);
-        removeElementWithFadeOut(piece, seriesModel, idx);
-      }).execute();
-      this._data = data;
-    };
-    FunnelView2.prototype.remove = function() {
-      this.group.removeAll();
-      this._data = null;
-    };
-    FunnelView2.prototype.dispose = function() {
-    };
-    FunnelView2.type = "funnel";
-    return FunnelView2;
-  })(ChartView)
-);
-export {
-  FunnelView as default
-};

package/dist/mobile/sun-card-design-mobile.es1829.js

@@ -1,99 +0,0 @@
-import { __extends } from "./sun-card-design-mobile.es1726.js";
-import { bind, curry } from "./sun-card-design-mobile.es931.js";
-import createSeriesDataSimply from "./sun-card-design-mobile.es2052.js";
-import { defaultEmphasis } from "./sun-card-design-mobile.es1738.js";
-import { makeSeriesEncodeForNameBased } from "./sun-card-design-mobile.es1998.js";
-import LegendVisualProvider from "./sun-card-design-mobile.es2053.js";
-import SeriesModel from "./sun-card-design-mobile.es930.js";
-var FunnelSeriesModel = (
-  /** @class */
-  (function(_super) {
-    __extends(FunnelSeriesModel2, _super);
-    function FunnelSeriesModel2() {
-      var _this = _super !== null && _super.apply(this, arguments) || this;
-      _this.type = FunnelSeriesModel2.type;
-      return _this;
-    }
-    FunnelSeriesModel2.prototype.init = function(option) {
-      _super.prototype.init.apply(this, arguments);
-      this.legendVisualProvider = new LegendVisualProvider(bind(this.getData, this), bind(this.getRawData, this));
-      this._defaultLabelLine(option);
-    };
-    FunnelSeriesModel2.prototype.getInitialData = function(option, ecModel) {
-      return createSeriesDataSimply(this, {
-        coordDimensions: ["value"],
-        encodeDefaulter: curry(makeSeriesEncodeForNameBased, this)
-      });
-    };
-    FunnelSeriesModel2.prototype._defaultLabelLine = function(option) {
-      defaultEmphasis(option, "labelLine", ["show"]);
-      var labelLineNormalOpt = option.labelLine;
-      var labelLineEmphasisOpt = option.emphasis.labelLine;
-      labelLineNormalOpt.show = labelLineNormalOpt.show && option.label.show;
-      labelLineEmphasisOpt.show = labelLineEmphasisOpt.show && option.emphasis.label.show;
-    };
-    FunnelSeriesModel2.prototype.getDataParams = function(dataIndex) {
-      var data = this.getData();
-      var params = _super.prototype.getDataParams.call(this, dataIndex);
-      var valueDim = data.mapDimension("value");
-      var sum = data.getSum(valueDim);
-      params.percent = !sum ? 0 : +(data.get(valueDim, dataIndex) / sum * 100).toFixed(2);
-      params.$vars.push("percent");
-      return params;
-    };
-    FunnelSeriesModel2.type = "series.funnel";
-    FunnelSeriesModel2.defaultOption = {
-      // zlevel: 0,                  // 一级层叠
-      z: 2,
-      legendHoverLink: true,
-      colorBy: "data",
-      left: 80,
-      top: 60,
-      right: 80,
-      bottom: 60,
-      // width: {totalWidth} - left - right,
-      // height: {totalHeight} - top - bottom,
-      // 默认取数据最小最大值
-      // min: 0,
-      // max: 100,
-      minSize: "0%",
-      maxSize: "100%",
-      sort: "descending",
-      orient: "vertical",
-      gap: 0,
-      funnelAlign: "center",
-      label: {
-        show: true,
-        position: "outer"
-        // formatter: 标签文本格式器，同Tooltip.formatter，不支持异步回调
-      },
-      labelLine: {
-        show: true,
-        length: 20,
-        lineStyle: {
-          // color: 各异,
-          width: 1
-        }
-      },
-      itemStyle: {
-        // color: 各异,
-        borderColor: "#fff",
-        borderWidth: 1
-      },
-      emphasis: {
-        label: {
-          show: true
-        }
-      },
-      select: {
-        itemStyle: {
-          borderColor: "#212121"
-        }
-      }
-    };
-    return FunnelSeriesModel2;
-  })(SeriesModel)
-);
-export {
-  FunnelSeriesModel as default
-};

package/dist/mobile/sun-card-design-mobile.es183.js

@@ -1,37 +0,0 @@
-import { createVNode } from "vue";
-import CaretDownOutlined$1 from "./sun-card-design-mobile.es1040.js";
-import Icon from "./sun-card-design-mobile.es937.js";
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? Object(arguments[i]) : {};
-    var ownKeys = Object.keys(source);
-    if (typeof Object.getOwnPropertySymbols === "function") {
-      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-      }));
-    }
-    ownKeys.forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    });
-  }
-  return target;
-}
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-var CaretDownOutlined = function CaretDownOutlined2(props, context) {
-  var p = _objectSpread({}, props, context.attrs);
-  return createVNode(Icon, _objectSpread({}, p, {
-    "icon": CaretDownOutlined$1
-  }), null);
-};
-CaretDownOutlined.displayName = "CaretDownOutlined";
-CaretDownOutlined.inheritAttrs = false;
-export {
-  CaretDownOutlined as default
-};

package/dist/mobile/sun-card-design-mobile.es1830.js

@@ -1,292 +0,0 @@
-import { getLayoutRect } from "./sun-card-design-mobile.es1767.js";
-import { parsePercent, linearMap } from "./sun-card-design-mobile.es1971.js";
-import { isFunction } from "./sun-card-design-mobile.es931.js";
-function getViewRect(seriesModel, api) {
-  return getLayoutRect(seriesModel.getBoxLayoutParams(), {
-    width: api.getWidth(),
-    height: api.getHeight()
-  });
-}
-function getSortedIndices(data, sort) {
-  var valueDim = data.mapDimension("value");
-  var valueArr = data.mapArray(valueDim, function(val) {
-    return val;
-  });
-  var indices = [];
-  var isAscending = sort === "ascending";
-  for (var i = 0, len = data.count(); i < len; i++) {
-    indices[i] = i;
-  }
-  if (isFunction(sort)) {
-    indices.sort(sort);
-  } else if (sort !== "none") {
-    indices.sort(function(a, b) {
-      return isAscending ? valueArr[a] - valueArr[b] : valueArr[b] - valueArr[a];
-    });
-  }
-  return indices;
-}
-function labelLayout(data) {
-  var seriesModel = data.hostModel;
-  var orient = seriesModel.get("orient");
-  data.each(function(idx) {
-    var itemModel = data.getItemModel(idx);
-    var labelModel = itemModel.getModel("label");
-    var labelPosition = labelModel.get("position");
-    var labelLineModel = itemModel.getModel("labelLine");
-    var layout = data.getItemLayout(idx);
-    var points = layout.points;
-    var isLabelInside = labelPosition === "inner" || labelPosition === "inside" || labelPosition === "center" || labelPosition === "insideLeft" || labelPosition === "insideRight";
-    var textAlign;
-    var textX;
-    var textY;
-    var linePoints;
-    if (isLabelInside) {
-      if (labelPosition === "insideLeft") {
-        textX = (points[0][0] + points[3][0]) / 2 + 5;
-        textY = (points[0][1] + points[3][1]) / 2;
-        textAlign = "left";
-      } else if (labelPosition === "insideRight") {
-        textX = (points[1][0] + points[2][0]) / 2 - 5;
-        textY = (points[1][1] + points[2][1]) / 2;
-        textAlign = "right";
-      } else {
-        textX = (points[0][0] + points[1][0] + points[2][0] + points[3][0]) / 4;
-        textY = (points[0][1] + points[1][1] + points[2][1] + points[3][1]) / 4;
-        textAlign = "center";
-      }
-      linePoints = [[textX, textY], [textX, textY]];
-    } else {
-      var x1 = void 0;
-      var y1 = void 0;
-      var x2 = void 0;
-      var y2 = void 0;
-      var labelLineLen = labelLineModel.get("length");
-      if (process.env.NODE_ENV !== "production") {
-        if (orient === "vertical" && ["top", "bottom"].indexOf(labelPosition) > -1) {
-          labelPosition = "left";
-          console.warn("Position error: Funnel chart on vertical orient dose not support top and bottom.");
-        }
-        if (orient === "horizontal" && ["left", "right"].indexOf(labelPosition) > -1) {
-          labelPosition = "bottom";
-          console.warn("Position error: Funnel chart on horizontal orient dose not support left and right.");
-        }
-      }
-      if (labelPosition === "left") {
-        x1 = (points[3][0] + points[0][0]) / 2;
-        y1 = (points[3][1] + points[0][1]) / 2;
-        x2 = x1 - labelLineLen;
-        textX = x2 - 5;
-        textAlign = "right";
-      } else if (labelPosition === "right") {
-        x1 = (points[1][0] + points[2][0]) / 2;
-        y1 = (points[1][1] + points[2][1]) / 2;
-        x2 = x1 + labelLineLen;
-        textX = x2 + 5;
-        textAlign = "left";
-      } else if (labelPosition === "top") {
-        x1 = (points[3][0] + points[0][0]) / 2;
-        y1 = (points[3][1] + points[0][1]) / 2;
-        y2 = y1 - labelLineLen;
-        textY = y2 - 5;
-        textAlign = "center";
-      } else if (labelPosition === "bottom") {
-        x1 = (points[1][0] + points[2][0]) / 2;
-        y1 = (points[1][1] + points[2][1]) / 2;
-        y2 = y1 + labelLineLen;
-        textY = y2 + 5;
-        textAlign = "center";
-      } else if (labelPosition === "rightTop") {
-        x1 = orient === "horizontal" ? points[3][0] : points[1][0];
-        y1 = orient === "horizontal" ? points[3][1] : points[1][1];
-        if (orient === "horizontal") {
-          y2 = y1 - labelLineLen;
-          textY = y2 - 5;
-          textAlign = "center";
-        } else {
-          x2 = x1 + labelLineLen;
-          textX = x2 + 5;
-          textAlign = "top";
-        }
-      } else if (labelPosition === "rightBottom") {
-        x1 = points[2][0];
-        y1 = points[2][1];
-        if (orient === "horizontal") {
-          y2 = y1 + labelLineLen;
-          textY = y2 + 5;
-          textAlign = "center";
-        } else {
-          x2 = x1 + labelLineLen;
-          textX = x2 + 5;
-          textAlign = "bottom";
-        }
-      } else if (labelPosition === "leftTop") {
-        x1 = points[0][0];
-        y1 = orient === "horizontal" ? points[0][1] : points[1][1];
-        if (orient === "horizontal") {
-          y2 = y1 - labelLineLen;
-          textY = y2 - 5;
-          textAlign = "center";
-        } else {
-          x2 = x1 - labelLineLen;
-          textX = x2 - 5;
-          textAlign = "right";
-        }
-      } else if (labelPosition === "leftBottom") {
-        x1 = orient === "horizontal" ? points[1][0] : points[3][0];
-        y1 = orient === "horizontal" ? points[1][1] : points[2][1];
-        if (orient === "horizontal") {
-          y2 = y1 + labelLineLen;
-          textY = y2 + 5;
-          textAlign = "center";
-        } else {
-          x2 = x1 - labelLineLen;
-          textX = x2 - 5;
-          textAlign = "right";
-        }
-      } else {
-        x1 = (points[1][0] + points[2][0]) / 2;
-        y1 = (points[1][1] + points[2][1]) / 2;
-        if (orient === "horizontal") {
-          y2 = y1 + labelLineLen;
-          textY = y2 + 5;
-          textAlign = "center";
-        } else {
-          x2 = x1 + labelLineLen;
-          textX = x2 + 5;
-          textAlign = "left";
-        }
-      }
-      if (orient === "horizontal") {
-        x2 = x1;
-        textX = x2;
-      } else {
-        y2 = y1;
-        textY = y2;
-      }
-      linePoints = [[x1, y1], [x2, y2]];
-    }
-    layout.label = {
-      linePoints,
-      x: textX,
-      y: textY,
-      verticalAlign: "middle",
-      textAlign,
-      inside: isLabelInside
-    };
-  });
-}
-function funnelLayout(ecModel, api) {
-  ecModel.eachSeriesByType("funnel", function(seriesModel) {
-    var data = seriesModel.getData();
-    var valueDim = data.mapDimension("value");
-    var sort = seriesModel.get("sort");
-    var viewRect = getViewRect(seriesModel, api);
-    var orient = seriesModel.get("orient");
-    var viewWidth = viewRect.width;
-    var viewHeight = viewRect.height;
-    var indices = getSortedIndices(data, sort);
-    var x = viewRect.x;
-    var y = viewRect.y;
-    var sizeExtent = orient === "horizontal" ? [parsePercent(seriesModel.get("minSize"), viewHeight), parsePercent(seriesModel.get("maxSize"), viewHeight)] : [parsePercent(seriesModel.get("minSize"), viewWidth), parsePercent(seriesModel.get("maxSize"), viewWidth)];
-    var dataExtent = data.getDataExtent(valueDim);
-    var min = seriesModel.get("min");
-    var max = seriesModel.get("max");
-    if (min == null) {
-      min = Math.min(dataExtent[0], 0);
-    }
-    if (max == null) {
-      max = dataExtent[1];
-    }
-    var funnelAlign = seriesModel.get("funnelAlign");
-    var gap = seriesModel.get("gap");
-    var viewSize = orient === "horizontal" ? viewWidth : viewHeight;
-    var itemSize = (viewSize - gap * (data.count() - 1)) / data.count();
-    var getLinePoints = function(idx2, offset) {
-      if (orient === "horizontal") {
-        var val_1 = data.get(valueDim, idx2) || 0;
-        var itemHeight = linearMap(val_1, [min, max], sizeExtent, true);
-        var y0 = void 0;
-        switch (funnelAlign) {
-          case "top":
-            y0 = y;
-            break;
-          case "center":
-            y0 = y + (viewHeight - itemHeight) / 2;
-            break;
-          case "bottom":
-            y0 = y + (viewHeight - itemHeight);
-            break;
-        }
-        return [[offset, y0], [offset, y0 + itemHeight]];
-      }
-      var val = data.get(valueDim, idx2) || 0;
-      var itemWidth = linearMap(val, [min, max], sizeExtent, true);
-      var x0;
-      switch (funnelAlign) {
-        case "left":
-          x0 = x;
-          break;
-        case "center":
-          x0 = x + (viewWidth - itemWidth) / 2;
-          break;
-        case "right":
-          x0 = x + viewWidth - itemWidth;
-          break;
-      }
-      return [[x0, offset], [x0 + itemWidth, offset]];
-    };
-    if (sort === "ascending") {
-      itemSize = -itemSize;
-      gap = -gap;
-      if (orient === "horizontal") {
-        x += viewWidth;
-      } else {
-        y += viewHeight;
-      }
-      indices = indices.reverse();
-    }
-    for (var i = 0; i < indices.length; i++) {
-      var idx = indices[i];
-      var nextIdx = indices[i + 1];
-      var itemModel = data.getItemModel(idx);
-      if (orient === "horizontal") {
-        var width = itemModel.get(["itemStyle", "width"]);
-        if (width == null) {
-          width = itemSize;
-        } else {
-          width = parsePercent(width, viewWidth);
-          if (sort === "ascending") {
-            width = -width;
-          }
-        }
-        var start = getLinePoints(idx, x);
-        var end = getLinePoints(nextIdx, x + width);
-        x += width + gap;
-        data.setItemLayout(idx, {
-          points: start.concat(end.slice().reverse())
-        });
-      } else {
-        var height = itemModel.get(["itemStyle", "height"]);
-        if (height == null) {
-          height = itemSize;
-        } else {
-          height = parsePercent(height, viewHeight);
-          if (sort === "ascending") {
-            height = -height;
-          }
-        }
-        var start = getLinePoints(idx, y);
-        var end = getLinePoints(nextIdx, y + height);
-        y += height + gap;
-        data.setItemLayout(idx, {
-          points: start.concat(end.slice().reverse())
-        });
-      }
-    }
-    labelLayout(data);
-  });
-}
-export {
-  funnelLayout as default
-};