sun-card-design 1.1.33 → 1.1.35

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

@@ -1,229 +1,40 @@
-import { __extends } from "./sun-card-design-mobile.es1730.js";
-import SeriesData from "./sun-card-design-mobile.es2070.js";
-import { each, map, extend } from "./sun-card-design-mobile.es932.js";
-import { defaultEmphasis } from "./sun-card-design-mobile.es1742.js";
-import Model from "./sun-card-design-mobile.es1770.js";
-import createGraphFromNodeEdge from "./sun-card-design-mobile.es2071.js";
-import LegendVisualProvider from "./sun-card-design-mobile.es2048.js";
-import SeriesModel from "./sun-card-design-mobile.es931.js";
-import { createTooltipMarkup } from "./sun-card-design-mobile.es2026.js";
-import { defaultSeriesFormatTooltip } from "./sun-card-design-mobile.es1775.js";
-import { initCurvenessList, createEdgeMapForCurveness } from "./sun-card-design-mobile.es2066.js";
-var GraphSeriesModel = (
+import { __extends } from "./sun-card-design-mobile.es1726.js";
+import { registerAction } from "./sun-card-design-mobile.es60.js";
+import { clear } from "./sun-card-design-mobile.es2072.js";
+import { ToolboxFeature } from "./sun-card-design-mobile.es1823.js";
+var RestoreOption = (
   /** @class */
   (function(_super) {
-    __extends(GraphSeriesModel2, _super);
-    function GraphSeriesModel2() {
-      var _this = _super !== null && _super.apply(this, arguments) || this;
-      _this.type = GraphSeriesModel2.type;
-      _this.hasSymbolVisual = true;
-      return _this;
+    __extends(RestoreOption2, _super);
+    function RestoreOption2() {
+      return _super !== null && _super.apply(this, arguments) || this;
     }
-    GraphSeriesModel2.prototype.init = function(option) {
-      _super.prototype.init.apply(this, arguments);
-      var self = this;
-      function getCategoriesData() {
-        return self._categoriesData;
-      }
-      this.legendVisualProvider = new LegendVisualProvider(getCategoriesData, getCategoriesData);
-      this.fillDataTextStyle(option.edges || option.links);
-      this._updateCategoriesData();
-    };
-    GraphSeriesModel2.prototype.mergeOption = function(option) {
-      _super.prototype.mergeOption.apply(this, arguments);
-      this.fillDataTextStyle(option.edges || option.links);
-      this._updateCategoriesData();
-    };
-    GraphSeriesModel2.prototype.mergeDefaultAndTheme = function(option) {
-      _super.prototype.mergeDefaultAndTheme.apply(this, arguments);
-      defaultEmphasis(option, "edgeLabel", ["show"]);
-    };
-    GraphSeriesModel2.prototype.getInitialData = function(option, ecModel) {
-      var edges = option.edges || option.links || [];
-      var nodes = option.data || option.nodes || [];
-      var self = this;
-      if (nodes && edges) {
-        initCurvenessList(this);
-        var graph = createGraphFromNodeEdge(nodes, edges, this, true, beforeLink);
-        each(graph.edges, function(edge) {
-          createEdgeMapForCurveness(edge.node1, edge.node2, this, edge.dataIndex);
-        }, this);
-        return graph.data;
-      }
-      function beforeLink(nodeData, edgeData) {
-        nodeData.wrapMethod("getItemModel", function(model) {
-          var categoriesModels = self._categoriesModels;
-          var categoryIdx = model.getShallow("category");
-          var categoryModel = categoriesModels[categoryIdx];
-          if (categoryModel) {
-            categoryModel.parentModel = model.parentModel;
-            model.parentModel = categoryModel;
-          }
-          return model;
-        });
-        var oldGetModel = Model.prototype.getModel;
-        function newGetModel(path, parentModel) {
-          var model = oldGetModel.call(this, path, parentModel);
-          model.resolveParentPath = resolveParentPath;
-          return model;
-        }
-        edgeData.wrapMethod("getItemModel", function(model) {
-          model.resolveParentPath = resolveParentPath;
-          model.getModel = newGetModel;
-          return model;
-        });
-        function resolveParentPath(pathArr) {
-          if (pathArr && (pathArr[0] === "label" || pathArr[1] === "label")) {
-            var newPathArr = pathArr.slice();
-            if (pathArr[0] === "label") {
-              newPathArr[0] = "edgeLabel";
-            } else if (pathArr[1] === "label") {
-              newPathArr[1] = "edgeLabel";
-            }
-            return newPathArr;
-          }
-          return pathArr;
-        }
-      }
-    };
-    GraphSeriesModel2.prototype.getGraph = function() {
-      return this.getData().graph;
-    };
-    GraphSeriesModel2.prototype.getEdgeData = function() {
-      return this.getGraph().edgeData;
-    };
-    GraphSeriesModel2.prototype.getCategoriesData = function() {
-      return this._categoriesData;
-    };
-    GraphSeriesModel2.prototype.formatTooltip = function(dataIndex, multipleSeries, dataType) {
-      if (dataType === "edge") {
-        var nodeData = this.getData();
-        var params = this.getDataParams(dataIndex, dataType);
-        var edge = nodeData.graph.getEdgeByIndex(dataIndex);
-        var sourceName = nodeData.getName(edge.node1.dataIndex);
-        var targetName = nodeData.getName(edge.node2.dataIndex);
-        var nameArr = [];
-        sourceName != null && nameArr.push(sourceName);
-        targetName != null && nameArr.push(targetName);
-        return createTooltipMarkup("nameValue", {
-          name: nameArr.join(" > "),
-          value: params.value,
-          noValue: params.value == null
-        });
-      }
-      var nodeMarkup = defaultSeriesFormatTooltip({
-        series: this,
-        dataIndex,
-        multipleSeries
+    RestoreOption2.prototype.onclick = function(ecModel, api) {
+      clear(ecModel);
+      api.dispatchAction({
+        type: "restore",
+        from: this.uid
       });
-      return nodeMarkup;
-    };
-    GraphSeriesModel2.prototype._updateCategoriesData = function() {
-      var categories = map(this.option.categories || [], function(category) {
-        return category.value != null ? category : extend({
-          value: 0
-        }, category);
-      });
-      var categoriesData = new SeriesData(["value"], this);
-      categoriesData.initData(categories);
-      this._categoriesData = categoriesData;
-      this._categoriesModels = categoriesData.mapArray(function(idx) {
-        return categoriesData.getItemModel(idx);
-      });
-    };
-    GraphSeriesModel2.prototype.setZoom = function(zoom) {
-      this.option.zoom = zoom;
-    };
-    GraphSeriesModel2.prototype.setCenter = function(center) {
-      this.option.center = center;
-    };
-    GraphSeriesModel2.prototype.isAnimationEnabled = function() {
-      return _super.prototype.isAnimationEnabled.call(this) && !(this.get("layout") === "force" && this.get(["force", "layoutAnimation"]));
-    };
-    GraphSeriesModel2.type = "series.graph";
-    GraphSeriesModel2.dependencies = ["grid", "polar", "geo", "singleAxis", "calendar"];
-    GraphSeriesModel2.defaultOption = {
-      // zlevel: 0,
-      z: 2,
-      coordinateSystem: "view",
-      // Default option for all coordinate systems
-      // xAxisIndex: 0,
-      // yAxisIndex: 0,
-      // polarIndex: 0,
-      // geoIndex: 0,
-      legendHoverLink: true,
-      layout: null,
-      // Configuration of circular layout
-      circular: {
-        rotateLabel: false
-      },
-      // Configuration of force directed layout
-      force: {
-        initLayout: null,
-        // Node repulsion. Can be an array to represent range.
-        repulsion: [0, 50],
-        gravity: 0.1,
-        // Initial friction
-        friction: 0.6,
-        // Edge length. Can be an array to represent range.
-        edgeLength: 30,
-        layoutAnimation: true
-      },
-      left: "center",
-      top: "center",
-      // right: null,
-      // bottom: null,
-      // width: '80%',
-      // height: '80%',
-      symbol: "circle",
-      symbolSize: 10,
-      edgeSymbol: ["none", "none"],
-      edgeSymbolSize: 10,
-      edgeLabel: {
-        position: "middle",
-        distance: 5
-      },
-      draggable: false,
-      roam: false,
-      // Default on center of graph
-      center: null,
-      zoom: 1,
-      // Symbol size scale ratio in roam
-      nodeScaleRatio: 0.6,
-      // cursor: null,
-      // categories: [],
-      // data: []
-      // Or
-      // nodes: []
-      //
-      // links: []
-      // Or
-      // edges: []
-      label: {
-        show: false,
-        formatter: "{b}"
-      },
-      itemStyle: {},
-      lineStyle: {
-        color: "#aaa",
-        width: 1,
-        opacity: 0.5
-      },
-      emphasis: {
-        scale: true,
-        label: {
-          show: true
-        }
-      },
-      select: {
-        itemStyle: {
-          borderColor: "#212121"
-        }
-      }
     };
-    return GraphSeriesModel2;
-  })(SeriesModel)
+    RestoreOption2.getDefaultOption = function(ecModel) {
+      var defaultOption = {
+        show: true,
+        // eslint-disable-next-line
+        icon: "M3.8,33.4 M47,18.9h9.8V8.7 M56.3,20.1 C52.1,9,40.5,0.6,26.8,2.1C12.6,3.7,1.6,16.2,2.1,30.6 M13,41.1H3.1v10.2 M3.7,39.9c4.2,11.1,15.8,19.5,29.5,18 c14.2-1.6,25.2-14.1,24.7-28.5",
+        title: ecModel.getLocaleModel().get(["toolbox", "restore", "title"])
+      };
+      return defaultOption;
+    };
+    return RestoreOption2;
+  })(ToolboxFeature)
 );
+registerAction({
+  type: "restore",
+  event: "restore",
+  update: "prepareAndUpdate"
+}, function(payload, ecModel) {
+  ecModel.resetOption("recreate");
+});
 export {
-  GraphSeriesModel as default
+  RestoreOption as default
 };

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

@@ -1,37 +1,204 @@
-function getCenterCoord(view, point) {
-  return view.pointToProjected ? view.pointToProjected(point) : view.pointToData(point);
-}
-function updateCenterAndZoom(view, payload, zoomLimit, api) {
-  var previousZoom = view.getZoom();
-  var center = view.getCenter();
-  var zoom = payload.zoom;
-  var point = view.projectedToPoint ? view.projectedToPoint(center) : view.dataToPoint(center);
-  if (payload.dx != null && payload.dy != null) {
-    point[0] -= payload.dx;
-    point[1] -= payload.dy;
-    view.setCenter(getCenterCoord(view, point), api);
-  }
-  if (zoom != null) {
-    if (zoomLimit) {
-      var zoomMin = zoomLimit.min || 0;
-      var zoomMax = zoomLimit.max || Infinity;
-      zoom = Math.max(Math.min(previousZoom * zoom, zoomMax), zoomMin) / previousZoom;
+import { __extends } from "./sun-card-design-mobile.es1726.js";
+import { bind, each as each$1, clone } from "./sun-card-design-mobile.es931.js";
+import BrushController from "./sun-card-design-mobile.es2061.js";
+import BrushTargetManager from "./sun-card-design-mobile.es2073.js";
+import { push, pop, count } from "./sun-card-design-mobile.es2072.js";
+import sliderMove from "./sun-card-design-mobile.es2074.js";
+import { ToolboxFeature } from "./sun-card-design-mobile.es1823.js";
+import { parseFinder, makeInternalComponentId } from "./sun-card-design-mobile.es1738.js";
+import { registerInternalOptionCreator } from "./sun-card-design-mobile.es2045.js";
+var each = each$1;
+var DATA_ZOOM_ID_BASE = makeInternalComponentId("toolbox-dataZoom_");
+var DataZoomFeature = (
+  /** @class */
+  (function(_super) {
+    __extends(DataZoomFeature2, _super);
+    function DataZoomFeature2() {
+      return _super !== null && _super.apply(this, arguments) || this;
     }
-    view.scaleX *= zoom;
-    view.scaleY *= zoom;
-    var fixX = (payload.originX - view.x) * (zoom - 1);
-    var fixY = (payload.originY - view.y) * (zoom - 1);
-    view.x -= fixX;
-    view.y -= fixY;
-    view.updateTransform();
-    view.setCenter(getCenterCoord(view, point), api);
-    view.setZoom(zoom * previousZoom);
+    DataZoomFeature2.prototype.render = function(featureModel, ecModel, api, payload) {
+      if (!this._brushController) {
+        this._brushController = new BrushController(api.getZr());
+        this._brushController.on("brush", bind(this._onBrush, this)).mount();
+      }
+      updateZoomBtnStatus(featureModel, ecModel, this, payload, api);
+      updateBackBtnStatus(featureModel, ecModel);
+    };
+    DataZoomFeature2.prototype.onclick = function(ecModel, api, type) {
+      handlers[type].call(this);
+    };
+    DataZoomFeature2.prototype.remove = function(ecModel, api) {
+      this._brushController && this._brushController.unmount();
+    };
+    DataZoomFeature2.prototype.dispose = function(ecModel, api) {
+      this._brushController && this._brushController.dispose();
+    };
+    DataZoomFeature2.prototype._onBrush = function(eventParam) {
+      var areas = eventParam.areas;
+      if (!eventParam.isEnd || !areas.length) {
+        return;
+      }
+      var snapshot = {};
+      var ecModel = this.ecModel;
+      this._brushController.updateCovers([]);
+      var brushTargetManager = new BrushTargetManager(makeAxisFinder(this.model), ecModel, {
+        include: ["grid"]
+      });
+      brushTargetManager.matchOutputRanges(areas, ecModel, function(area, coordRange, coordSys) {
+        if (coordSys.type !== "cartesian2d") {
+          return;
+        }
+        var brushType = area.brushType;
+        if (brushType === "rect") {
+          setBatch("x", coordSys, coordRange[0]);
+          setBatch("y", coordSys, coordRange[1]);
+        } else {
+          setBatch({
+            lineX: "x",
+            lineY: "y"
+          }[brushType], coordSys, coordRange);
+        }
+      });
+      push(ecModel, snapshot);
+      this._dispatchZoomAction(snapshot);
+      function setBatch(dimName, coordSys, minMax) {
+        var axis = coordSys.getAxis(dimName);
+        var axisModel = axis.model;
+        var dataZoomModel = findDataZoom(dimName, axisModel, ecModel);
+        var minMaxSpan = dataZoomModel.findRepresentativeAxisProxy(axisModel).getMinMaxSpan();
+        if (minMaxSpan.minValueSpan != null || minMaxSpan.maxValueSpan != null) {
+          minMax = sliderMove(0, minMax.slice(), axis.scale.getExtent(), 0, minMaxSpan.minValueSpan, minMaxSpan.maxValueSpan);
+        }
+        dataZoomModel && (snapshot[dataZoomModel.id] = {
+          dataZoomId: dataZoomModel.id,
+          startValue: minMax[0],
+          endValue: minMax[1]
+        });
+      }
+      function findDataZoom(dimName, axisModel, ecModel2) {
+        var found;
+        ecModel2.eachComponent({
+          mainType: "dataZoom",
+          subType: "select"
+        }, function(dzModel) {
+          var has = dzModel.getAxisModel(dimName, axisModel.componentIndex);
+          has && (found = dzModel);
+        });
+        return found;
+      }
+    };
+    DataZoomFeature2.prototype._dispatchZoomAction = function(snapshot) {
+      var batch = [];
+      each(snapshot, function(batchItem, dataZoomId) {
+        batch.push(clone(batchItem));
+      });
+      batch.length && this.api.dispatchAction({
+        type: "dataZoom",
+        from: this.uid,
+        batch
+      });
+    };
+    DataZoomFeature2.getDefaultOption = function(ecModel) {
+      var defaultOption = {
+        show: true,
+        filterMode: "filter",
+        // Icon group
+        icon: {
+          zoom: "M0,13.5h26.9 M13.5,26.9V0 M32.1,13.5H58V58H13.5 V32.1",
+          back: "M22,1.4L9.9,13.5l12.3,12.3 M10.3,13.5H54.9v44.6 H10.3v-26"
+        },
+        // `zoom`, `back`
+        title: ecModel.getLocaleModel().get(["toolbox", "dataZoom", "title"]),
+        brushStyle: {
+          borderWidth: 0,
+          color: "rgba(210,219,238,0.2)"
+        }
+      };
+      return defaultOption;
+    };
+    return DataZoomFeature2;
+  })(ToolboxFeature)
+);
+var handlers = {
+  zoom: function() {
+    var nextActive = !this._isZoomActive;
+    this.api.dispatchAction({
+      type: "takeGlobalCursor",
+      key: "dataZoomSelect",
+      dataZoomSelectActive: nextActive
+    });
+  },
+  back: function() {
+    this._dispatchZoomAction(pop(this.ecModel));
   }
-  return {
-    center: view.getCenter(),
-    zoom: view.getZoom()
+};
+function makeAxisFinder(dzFeatureModel) {
+  var setting = {
+    xAxisIndex: dzFeatureModel.get("xAxisIndex", true),
+    yAxisIndex: dzFeatureModel.get("yAxisIndex", true),
+    xAxisId: dzFeatureModel.get("xAxisId", true),
+    yAxisId: dzFeatureModel.get("yAxisId", true)
   };
+  if (setting.xAxisIndex == null && setting.xAxisId == null) {
+    setting.xAxisIndex = "all";
+  }
+  if (setting.yAxisIndex == null && setting.yAxisId == null) {
+    setting.yAxisIndex = "all";
+  }
+  return setting;
 }
+function updateBackBtnStatus(featureModel, ecModel) {
+  featureModel.setIconStatus("back", count(ecModel) > 1 ? "emphasis" : "normal");
+}
+function updateZoomBtnStatus(featureModel, ecModel, view, payload, api) {
+  var zoomActive = view._isZoomActive;
+  if (payload && payload.type === "takeGlobalCursor") {
+    zoomActive = payload.key === "dataZoomSelect" ? payload.dataZoomSelectActive : false;
+  }
+  view._isZoomActive = zoomActive;
+  featureModel.setIconStatus("zoom", zoomActive ? "emphasis" : "normal");
+  var brushTargetManager = new BrushTargetManager(makeAxisFinder(featureModel), ecModel, {
+    include: ["grid"]
+  });
+  var panels = brushTargetManager.makePanelOpts(api, function(targetInfo) {
+    return targetInfo.xAxisDeclared && !targetInfo.yAxisDeclared ? "lineX" : !targetInfo.xAxisDeclared && targetInfo.yAxisDeclared ? "lineY" : "rect";
+  });
+  view._brushController.setPanels(panels).enableBrush(zoomActive && panels.length ? {
+    brushType: "auto",
+    brushStyle: featureModel.getModel("brushStyle").getItemStyle()
+  } : false);
+}
+registerInternalOptionCreator("dataZoom", function(ecModel) {
+  var toolboxModel = ecModel.getComponent("toolbox", 0);
+  var featureDataZoomPath = ["feature", "dataZoom"];
+  if (!toolboxModel || toolboxModel.get(featureDataZoomPath) == null) {
+    return;
+  }
+  var dzFeatureModel = toolboxModel.getModel(featureDataZoomPath);
+  var dzOptions = [];
+  var finder = makeAxisFinder(dzFeatureModel);
+  var finderResult = parseFinder(ecModel, finder);
+  each(finderResult.xAxisModels, function(axisModel) {
+    return buildInternalOptions(axisModel, "xAxis", "xAxisIndex");
+  });
+  each(finderResult.yAxisModels, function(axisModel) {
+    return buildInternalOptions(axisModel, "yAxis", "yAxisIndex");
+  });
+  function buildInternalOptions(axisModel, axisMainType, axisIndexPropName) {
+    var axisIndex = axisModel.componentIndex;
+    var newOpt = {
+      type: "select",
+      $fromToolbox: true,
+      // Default to be filter
+      filterMode: dzFeatureModel.get("filterMode", true) || "filter",
+      // Id for merge mapping.
+      id: DATA_ZOOM_ID_BASE + axisMainType + axisIndex
+    };
+    newOpt[axisIndexPropName] = axisIndex;
+    dzOptions.push(newOpt);
+  }
+  return dzOptions;
+});
 export {
-  updateCenterAndZoom
+  DataZoomFeature as default
 };