sun-card-design 1.1.32 → 1.1.34

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

@@ -1,61 +1,136 @@
-import { each, map } from "./sun-card-design-mobile.es930.js";
-function dataStatistics(datas, statisticType) {
-  var dataNameMap = {};
-  each(datas, function(data) {
-    data.each(data.mapDimension("value"), function(value, idx) {
-      var mapKey = "ec-" + data.getName(idx);
-      dataNameMap[mapKey] = dataNameMap[mapKey] || [];
-      if (!isNaN(value)) {
-        dataNameMap[mapKey].push(value);
-      }
-    });
-  });
-  return datas[0].map(datas[0].mapDimension("value"), function(value, idx) {
-    var mapKey = "ec-" + datas[0].getName(idx);
-    var sum = 0;
-    var min = Infinity;
-    var max = -Infinity;
-    var len = dataNameMap[mapKey].length;
-    for (var i = 0; i < len; i++) {
-      min = Math.min(min, dataNameMap[mapKey][i]);
-      max = Math.max(max, dataNameMap[mapKey][i]);
-      sum += dataNameMap[mapKey][i];
-    }
-    var result;
-    if (statisticType === "min") {
-      result = min;
-    } else if (statisticType === "max") {
-      result = max;
-    } else if (statisticType === "average") {
-      result = sum / len;
-    } else {
-      result = sum;
-    }
-    return len === 0 ? NaN : result;
-  });
-}
-function mapDataStatistic(ecModel) {
-  var seriesGroups = {};
-  ecModel.eachSeriesByType("map", function(seriesModel) {
-    var hostGeoModel = seriesModel.getHostGeoModel();
-    var key = hostGeoModel ? "o" + hostGeoModel.id : "i" + seriesModel.getMapType();
-    (seriesGroups[key] = seriesGroups[key] || []).push(seriesModel);
-  });
-  each(seriesGroups, function(seriesList, key) {
-    var data = dataStatistics(map(seriesList, function(seriesModel) {
-      return seriesModel.getData();
-    }), seriesList[0].get("mapValueCalculation"));
-    for (var i = 0; i < seriesList.length; i++) {
-      seriesList[i].originalData = seriesList[i].getData();
-    }
-    for (var i = 0; i < seriesList.length; i++) {
-      seriesList[i].seriesGroup = seriesList;
-      seriesList[i].needsDrawMap = i === 0 && !seriesList[i].getHostGeoModel();
-      seriesList[i].setData(data.cloneShallow());
-      seriesList[i].mainSeries = seriesList[0];
+import { __extends } from "./sun-card-design-mobile.es1725.js";
+import SeriesModel from "./sun-card-design-mobile.es929.js";
+import Tree from "./sun-card-design-mobile.es2043.js";
+import Model from "./sun-card-design-mobile.es1765.js";
+import { createTooltipMarkup } from "./sun-card-design-mobile.es1999.js";
+import { wrapTreePathInfo } from "./sun-card-design-mobile.es2044.js";
+var TreeSeriesModel = (
+  /** @class */
+  (function(_super) {
+    __extends(TreeSeriesModel2, _super);
+    function TreeSeriesModel2() {
+      var _this = _super !== null && _super.apply(this, arguments) || this;
+      _this.hasSymbolVisual = true;
+      _this.ignoreStyleOnData = true;
+      return _this;
     }
-  });
-}
+    TreeSeriesModel2.prototype.getInitialData = function(option) {
+      var root = {
+        name: option.name,
+        children: option.data
+      };
+      var leaves = option.leaves || {};
+      var leavesModel = new Model(leaves, this, this.ecModel);
+      var tree = Tree.createTree(root, this, beforeLink);
+      function beforeLink(nodeData) {
+        nodeData.wrapMethod("getItemModel", function(model, idx) {
+          var node = tree.getNodeByDataIndex(idx);
+          if (!(node && node.children.length && node.isExpand)) {
+            model.parentModel = leavesModel;
+          }
+          return model;
+        });
+      }
+      var treeDepth = 0;
+      tree.eachNode("preorder", function(node) {
+        if (node.depth > treeDepth) {
+          treeDepth = node.depth;
+        }
+      });
+      var expandAndCollapse = option.expandAndCollapse;
+      var expandTreeDepth = expandAndCollapse && option.initialTreeDepth >= 0 ? option.initialTreeDepth : treeDepth;
+      tree.root.eachNode("preorder", function(node) {
+        var item = node.hostTree.data.getRawDataItem(node.dataIndex);
+        node.isExpand = item && item.collapsed != null ? !item.collapsed : node.depth <= expandTreeDepth;
+      });
+      return tree.data;
+    };
+    TreeSeriesModel2.prototype.getOrient = function() {
+      var orient = this.get("orient");
+      if (orient === "horizontal") {
+        orient = "LR";
+      } else if (orient === "vertical") {
+        orient = "TB";
+      }
+      return orient;
+    };
+    TreeSeriesModel2.prototype.setZoom = function(zoom) {
+      this.option.zoom = zoom;
+    };
+    TreeSeriesModel2.prototype.setCenter = function(center) {
+      this.option.center = center;
+    };
+    TreeSeriesModel2.prototype.formatTooltip = function(dataIndex, multipleSeries, dataType) {
+      var tree = this.getData().tree;
+      var realRoot = tree.root.children[0];
+      var node = tree.getNodeByDataIndex(dataIndex);
+      var value = node.getValue();
+      var name = node.name;
+      while (node && node !== realRoot) {
+        name = node.parentNode.name + "." + name;
+        node = node.parentNode;
+      }
+      return createTooltipMarkup("nameValue", {
+        name,
+        value,
+        noValue: isNaN(value) || value == null
+      });
+    };
+    TreeSeriesModel2.prototype.getDataParams = function(dataIndex) {
+      var params = _super.prototype.getDataParams.apply(this, arguments);
+      var node = this.getData().tree.getNodeByDataIndex(dataIndex);
+      params.treeAncestors = wrapTreePathInfo(node, this);
+      params.collapsed = !node.isExpand;
+      return params;
+    };
+    TreeSeriesModel2.type = "series.tree";
+    TreeSeriesModel2.layoutMode = "box";
+    TreeSeriesModel2.defaultOption = {
+      // zlevel: 0,
+      z: 2,
+      coordinateSystem: "view",
+      // the position of the whole view
+      left: "12%",
+      top: "12%",
+      right: "12%",
+      bottom: "12%",
+      // the layout of the tree, two value can be selected, 'orthogonal' or 'radial'
+      layout: "orthogonal",
+      // value can be 'polyline'
+      edgeShape: "curve",
+      edgeForkPosition: "50%",
+      // true | false | 'move' | 'scale', see module:component/helper/RoamController.
+      roam: false,
+      // Symbol size scale ratio in roam
+      nodeScaleRatio: 0.4,
+      // Default on center of graph
+      center: null,
+      zoom: 1,
+      orient: "LR",
+      symbol: "emptyCircle",
+      symbolSize: 7,
+      expandAndCollapse: true,
+      initialTreeDepth: 2,
+      lineStyle: {
+        color: "#ccc",
+        width: 1.5,
+        curveness: 0.5
+      },
+      itemStyle: {
+        color: "lightsteelblue",
+        // borderColor: '#c23531',
+        borderWidth: 1.5
+      },
+      label: {
+        show: true
+      },
+      animationEasing: "linear",
+      animationDuration: 700,
+      animationDurationUpdate: 500
+    };
+    return TreeSeriesModel2;
+  })(SeriesModel)
+);
 export {
-  mapDataStatistic as default
+  TreeSeriesModel as default
 };

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

@@ -1,42 +1,98 @@
-import { each } from "./sun-card-design-mobile.es930.js";
-function mapSymbolLayout(ecModel) {
-  var processedMapType = {};
-  ecModel.eachSeriesByType("map", function(mapSeries) {
-    var mapType = mapSeries.getMapType();
-    if (mapSeries.getHostGeoModel() || processedMapType[mapType]) {
-      return;
-    }
-    var mapSymbolOffsets = {};
-    each(mapSeries.seriesGroup, function(subMapSeries) {
-      var geo = subMapSeries.coordinateSystem;
-      var data2 = subMapSeries.originalData;
-      if (subMapSeries.get("showLegendSymbol") && ecModel.getComponent("legend")) {
-        data2.each(data2.mapDimension("value"), function(value, idx) {
-          var name = data2.getName(idx);
-          var region = geo.getRegion(name);
-          if (!region || isNaN(value)) {
-            return;
-          }
-          var offset = mapSymbolOffsets[name] || 0;
-          var point = geo.dataToPoint(region.getCenter());
-          mapSymbolOffsets[name] = offset + 1;
-          data2.setItemLayout(idx, {
-            point,
-            offset
-          });
-        });
-      }
+import { eachAfter, eachBefore } from "./sun-card-design-mobile.es2045.js";
+import { getViewRect, init, separation, firstWalk, secondWalk, radialCoordinate } from "./sun-card-design-mobile.es2038.js";
+function treeLayout(ecModel, api) {
+  ecModel.eachSeriesByType("tree", function(seriesModel) {
+    commonLayout(seriesModel, api);
+  });
+}
+function commonLayout(seriesModel, api) {
+  var layoutInfo = getViewRect(seriesModel, api);
+  seriesModel.layoutInfo = layoutInfo;
+  var layout = seriesModel.get("layout");
+  var width = 0;
+  var height = 0;
+  var separation$1 = null;
+  if (layout === "radial") {
+    width = 2 * Math.PI;
+    height = Math.min(layoutInfo.height, layoutInfo.width) / 2;
+    separation$1 = separation(function(node1, node2) {
+      return (node1.parentNode === node2.parentNode ? 1 : 2) / node1.depth;
     });
-    var data = mapSeries.getData();
-    data.each(function(idx) {
-      var name = data.getName(idx);
-      var layout = data.getItemLayout(idx) || {};
-      layout.showLabel = !mapSymbolOffsets[name];
-      data.setItemLayout(idx, layout);
+  } else {
+    width = layoutInfo.width;
+    height = layoutInfo.height;
+    separation$1 = separation();
+  }
+  var virtualRoot = seriesModel.getData().tree.root;
+  var realRoot = virtualRoot.children[0];
+  if (realRoot) {
+    init(virtualRoot);
+    eachAfter(realRoot, firstWalk, separation$1);
+    virtualRoot.hierNode.modifier = -realRoot.hierNode.prelim;
+    eachBefore(realRoot, secondWalk);
+    var left_1 = realRoot;
+    var right_1 = realRoot;
+    var bottom_1 = realRoot;
+    eachBefore(realRoot, function(node) {
+      var x = node.getLayout().x;
+      if (x < left_1.getLayout().x) {
+        left_1 = node;
+      }
+      if (x > right_1.getLayout().x) {
+        right_1 = node;
+      }
+      if (node.depth > bottom_1.depth) {
+        bottom_1 = node;
+      }
     });
-    processedMapType[mapType] = true;
-  });
+    var delta = left_1 === right_1 ? 1 : separation$1(left_1, right_1) / 2;
+    var tx_1 = delta - left_1.getLayout().x;
+    var kx_1 = 0;
+    var ky_1 = 0;
+    var coorX_1 = 0;
+    var coorY_1 = 0;
+    if (layout === "radial") {
+      kx_1 = width / (right_1.getLayout().x + delta + tx_1);
+      ky_1 = height / (bottom_1.depth - 1 || 1);
+      eachBefore(realRoot, function(node) {
+        coorX_1 = (node.getLayout().x + tx_1) * kx_1;
+        coorY_1 = (node.depth - 1) * ky_1;
+        var finalCoor = radialCoordinate(coorX_1, coorY_1);
+        node.setLayout({
+          x: finalCoor.x,
+          y: finalCoor.y,
+          rawX: coorX_1,
+          rawY: coorY_1
+        }, true);
+      });
+    } else {
+      var orient_1 = seriesModel.getOrient();
+      if (orient_1 === "RL" || orient_1 === "LR") {
+        ky_1 = height / (right_1.getLayout().x + delta + tx_1);
+        kx_1 = width / (bottom_1.depth - 1 || 1);
+        eachBefore(realRoot, function(node) {
+          coorY_1 = (node.getLayout().x + tx_1) * ky_1;
+          coorX_1 = orient_1 === "LR" ? (node.depth - 1) * kx_1 : width - (node.depth - 1) * kx_1;
+          node.setLayout({
+            x: coorX_1,
+            y: coorY_1
+          }, true);
+        });
+      } else if (orient_1 === "TB" || orient_1 === "BT") {
+        kx_1 = width / (right_1.getLayout().x + delta + tx_1);
+        ky_1 = height / (bottom_1.depth - 1 || 1);
+        eachBefore(realRoot, function(node) {
+          coorX_1 = (node.getLayout().x + tx_1) * kx_1;
+          coorY_1 = orient_1 === "TB" ? (node.depth - 1) * ky_1 : height - (node.depth - 1) * ky_1;
+          node.setLayout({
+            x: coorX_1,
+            y: coorY_1
+          }, true);
+        });
+      }
+    }
+  }
 }
 export {
-  mapSymbolLayout as default
+  treeLayout as default
 };