@fmdevui/fm-dev 1.0.112 → 1.0.114

package/es/node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/chart/graph/GraphSeries.mjs

@@ -0,0 +1,236 @@
+import { __extends } from '../../../../../../tslib@2.3.0/node_modules/tslib/tslib.es6.mjs';
+import SeriesData from '../../data/SeriesData.mjs';
+import { each, map, extend } from '../../../../../../zrender@6.0.0/node_modules/zrender/lib/core/util.mjs';
+import { defaultEmphasis } from '../../util/model.mjs';
+import Model from '../../model/Model.mjs';
+import createGraphFromNodeEdge from '../helper/createGraphFromNodeEdge.mjs';
+import LegendVisualProvider from '../../visual/LegendVisualProvider.mjs';
+import SeriesModel from '../../model/Series.mjs';
+import { createTooltipMarkup } from '../../component/tooltip/tooltipMarkup.mjs';
+import { defaultSeriesFormatTooltip } from '../../component/tooltip/seriesFormatTooltip.mjs';
+import { initCurvenessList, createEdgeMapForCurveness } from '../helper/multipleGraphEdgeHelper.mjs';
+import tokens from '../../visual/tokens.mjs';
+
+var GraphSeriesModel = /** @class */function (_super) {
+  __extends(GraphSeriesModel, _super);
+  function GraphSeriesModel() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    _this.type = GraphSeriesModel.type;
+    _this.hasSymbolVisual = true;
+    return _this;
+  }
+  GraphSeriesModel.prototype.init = function (option) {
+    _super.prototype.init.apply(this, arguments);
+    var self = this;
+    function getCategoriesData() {
+      return self._categoriesData;
+    }
+    // Provide data for legend select
+    this.legendVisualProvider = new LegendVisualProvider(getCategoriesData, getCategoriesData);
+    this.fillDataTextStyle(option.edges || option.links);
+    this._updateCategoriesData();
+  };
+  GraphSeriesModel.prototype.mergeOption = function (option) {
+    _super.prototype.mergeOption.apply(this, arguments);
+    this.fillDataTextStyle(option.edges || option.links);
+    this._updateCategoriesData();
+  };
+  GraphSeriesModel.prototype.mergeDefaultAndTheme = function (option) {
+    _super.prototype.mergeDefaultAndTheme.apply(this, arguments);
+    defaultEmphasis(option, 'edgeLabel', ['show']);
+  };
+  GraphSeriesModel.prototype.getInitialData = function (option, ecModel) {
+    var edges = option.edges || option.links || [];
+    var nodes = option.data || option.nodes || [];
+    var self = this;
+    if (nodes && edges) {
+      // auto curveness
+      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) {
+      // Overwrite nodeData.getItemModel to
+      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;
+      });
+      // TODO Inherit resolveParentPath by default in Model#getModel?
+      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;
+      }
+    }
+  };
+  GraphSeriesModel.prototype.getGraph = function () {
+    return this.getData().graph;
+  };
+  GraphSeriesModel.prototype.getEdgeData = function () {
+    return this.getGraph().edgeData;
+  };
+  GraphSeriesModel.prototype.getCategoriesData = function () {
+    return this._categoriesData;
+  };
+  GraphSeriesModel.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
+      });
+    }
+    // dataType === 'node' or empty
+    var nodeMarkup = defaultSeriesFormatTooltip({
+      series: this,
+      dataIndex: dataIndex,
+      multipleSeries: multipleSeries
+    });
+    return nodeMarkup;
+  };
+  GraphSeriesModel.prototype._updateCategoriesData = function () {
+    var categories = map(this.option.categories || [], function (category) {
+      // Data must has value
+      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);
+    });
+  };
+  GraphSeriesModel.prototype.setZoom = function (zoom) {
+    this.option.zoom = zoom;
+  };
+  GraphSeriesModel.prototype.setCenter = function (center) {
+    this.option.center = center;
+  };
+  GraphSeriesModel.prototype.isAnimationEnabled = function () {
+    return _super.prototype.isAnimationEnabled.call(this)
+    // Not enable animation when do force layout
+    && !(this.get('layout') === 'force' && this.get(['force', 'layoutAnimation']));
+  };
+  GraphSeriesModel.type = 'series.graph';
+  GraphSeriesModel.dependencies = ['grid', 'polar', 'geo', 'singleAxis', 'calendar'];
+  GraphSeriesModel.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: {
+      // Don't use tokens.color.border because of the opacity
+      color: tokens.color.neutral50,
+      width: 1,
+      opacity: 0.5
+    },
+    emphasis: {
+      scale: true,
+      label: {
+        show: true
+      }
+    },
+    select: {
+      itemStyle: {
+        borderColor: tokens.color.primary
+      }
+    }
+  };
+  return GraphSeriesModel;
+}(SeriesModel);
+
+export { GraphSeriesModel as default };

package/es/node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/chart/graph/GraphView.mjs

@@ -0,0 +1,360 @@
+import { __extends } from '../../../../../../tslib@2.3.0/node_modules/tslib/tslib.es6.mjs';
+import SymbolDraw from '../helper/SymbolDraw.mjs';
+import LineDraw from '../helper/LineDraw.mjs';
+import RoamController from '../../component/helper/RoamController.mjs';
+import { updateViewOnPan, updateViewOnZoom } from '../../component/helper/roamHelper.mjs';
+import '../../util/graphic.mjs';
+import adjustEdge from './adjustEdge.mjs';
+import { getNodeGlobalScale } from './graphHelper.mjs';
+import ChartView from '../../view/Chart.mjs';
+import { getECData } from '../../util/innerStore.mjs';
+import { simpleLayoutEdge } from './simpleLayoutHelper.mjs';
+import { circularLayout, rotateNodeLabel } from './circularLayoutHelper.mjs';
+import { clone, extend } from '../../../../../../zrender@6.0.0/node_modules/zrender/lib/core/util.mjs';
+import ECLinePath from '../helper/LinePath.mjs';
+import { getThumbnailBridge } from '../../component/helper/thumbnailBridge.mjs';
+import Group from '../../../../../../zrender@6.0.0/node_modules/zrender/lib/graphic/Group.mjs';
+import { updateProps } from '../../animation/basicTransition.mjs';
+
+function isViewCoordSys(coordSys) {
+  return coordSys.type === 'view';
+}
+var GraphView = /** @class */function (_super) {
+  __extends(GraphView, _super);
+  function GraphView() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    _this.type = GraphView.type;
+    return _this;
+  }
+  GraphView.prototype.init = function (ecModel, api) {
+    var symbolDraw = new SymbolDraw();
+    var lineDraw = new LineDraw();
+    var group = this.group;
+    var mainGroup = new Group();
+    this._controller = new RoamController(api.getZr());
+    this._controllerHost = {
+      target: mainGroup
+    };
+    mainGroup.add(symbolDraw.group);
+    mainGroup.add(lineDraw.group);
+    group.add(mainGroup);
+    this._symbolDraw = symbolDraw;
+    this._lineDraw = lineDraw;
+    this._mainGroup = mainGroup;
+    this._firstRender = true;
+  };
+  GraphView.prototype.render = function (seriesModel, ecModel, api) {
+    var _this = this;
+    var coordSys = seriesModel.coordinateSystem;
+    var isForceLayout = false;
+    this._model = seriesModel;
+    this._api = api;
+    this._active = true;
+    var thumbnailInfo = this._getThumbnailInfo();
+    if (thumbnailInfo) {
+      thumbnailInfo.bridge.reset(api);
+    }
+    var symbolDraw = this._symbolDraw;
+    var lineDraw = this._lineDraw;
+    if (isViewCoordSys(coordSys)) {
+      var groupNewProp = {
+        x: coordSys.x,
+        y: coordSys.y,
+        scaleX: coordSys.scaleX,
+        scaleY: coordSys.scaleY
+      };
+      if (this._firstRender) {
+        this._mainGroup.attr(groupNewProp);
+      } else {
+        updateProps(this._mainGroup, groupNewProp, seriesModel);
+      }
+    }
+    // Fix edge contact point with node
+    adjustEdge(seriesModel.getGraph(), getNodeGlobalScale(seriesModel));
+    var data = seriesModel.getData();
+    symbolDraw.updateData(data);
+    var edgeData = seriesModel.getEdgeData();
+    // TODO: TYPE
+    lineDraw.updateData(edgeData);
+    this._updateNodeAndLinkScale();
+    this._updateController(null, seriesModel, api);
+    clearTimeout(this._layoutTimeout);
+    var forceLayout = seriesModel.forceLayout;
+    var layoutAnimation = seriesModel.get(['force', 'layoutAnimation']);
+    if (forceLayout) {
+      isForceLayout = true;
+      this._startForceLayoutIteration(forceLayout, api, layoutAnimation);
+    }
+    var layout = seriesModel.get('layout');
+    data.graph.eachNode(function (node) {
+      var idx = node.dataIndex;
+      var el = node.getGraphicEl();
+      var itemModel = node.getModel();
+      if (!el) {
+        return;
+      }
+      // Update draggable
+      el.off('drag').off('dragend');
+      var draggable = itemModel.get('draggable');
+      if (draggable) {
+        el.on('drag', function (e) {
+          switch (layout) {
+            case 'force':
+              forceLayout.warmUp();
+              !_this._layouting && _this._startForceLayoutIteration(forceLayout, api, layoutAnimation);
+              forceLayout.setFixed(idx);
+              // Write position back to layout
+              data.setItemLayout(idx, [el.x, el.y]);
+              break;
+            case 'circular':
+              data.setItemLayout(idx, [el.x, el.y]);
+              // mark node fixed
+              node.setLayout({
+                fixed: true
+              }, true);
+              // recalculate circular layout
+              circularLayout(seriesModel, 'symbolSize', node, [e.offsetX, e.offsetY]);
+              _this.updateLayout(seriesModel);
+              break;
+            case 'none':
+            default:
+              data.setItemLayout(idx, [el.x, el.y]);
+              // update edge
+              simpleLayoutEdge(seriesModel.getGraph(), seriesModel);
+              _this.updateLayout(seriesModel);
+              break;
+          }
+        }).on('dragend', function () {
+          if (forceLayout) {
+            forceLayout.setUnfixed(idx);
+          }
+        });
+      }
+      el.setDraggable(draggable, !!itemModel.get('cursor'));
+      var focus = itemModel.get(['emphasis', 'focus']);
+      if (focus === 'adjacency') {
+        getECData(el).focus = node.getAdjacentDataIndices();
+      }
+    });
+    data.graph.eachEdge(function (edge) {
+      var el = edge.getGraphicEl();
+      var focus = edge.getModel().get(['emphasis', 'focus']);
+      if (!el) {
+        return;
+      }
+      if (focus === 'adjacency') {
+        getECData(el).focus = {
+          edge: [edge.dataIndex],
+          node: [edge.node1.dataIndex, edge.node2.dataIndex]
+        };
+      }
+    });
+    var circularRotateLabel = seriesModel.get('layout') === 'circular' && seriesModel.get(['circular', 'rotateLabel']);
+    var cx = data.getLayout('cx');
+    var cy = data.getLayout('cy');
+    data.graph.eachNode(function (node) {
+      rotateNodeLabel(node, circularRotateLabel, cx, cy);
+    });
+    this._firstRender = false;
+    // Force layout will render thumbnail when layout is finished.
+    if (!isForceLayout) {
+      this._renderThumbnail(seriesModel, api, this._symbolDraw, this._lineDraw);
+    }
+  };
+  GraphView.prototype.dispose = function () {
+    this.remove();
+    this._controller && this._controller.dispose();
+    this._controllerHost = null;
+  };
+  GraphView.prototype._startForceLayoutIteration = function (forceLayout, api, layoutAnimation) {
+    var self = this;
+    var firstRendered = false;
+    (function step() {
+      forceLayout.step(function (stopped) {
+        self.updateLayout(self._model);
+        if (stopped || !firstRendered) {
+          firstRendered = true;
+          self._renderThumbnail(self._model, api, self._symbolDraw, self._lineDraw);
+        }
+        (self._layouting = !stopped) && (layoutAnimation ? self._layoutTimeout = setTimeout(step, 16) : step());
+      });
+    })();
+  };
+  GraphView.prototype._updateController = function (clipRect, seriesModel, api) {
+    var controller = this._controller;
+    var controllerHost = this._controllerHost;
+    var coordSys = seriesModel.coordinateSystem;
+    if (!isViewCoordSys(coordSys)) {
+      controller.disable();
+      return;
+    }
+    controller.enable(seriesModel.get('roam'), {
+      api: api,
+      zInfo: {
+        component: seriesModel
+      },
+      triggerInfo: {
+        roamTrigger: seriesModel.get('roamTrigger'),
+        isInSelf: function (e, x, y) {
+          return coordSys.containPoint([x, y]);
+        },
+        isInClip: function (e, x, y) {
+          return !clipRect || clipRect.contain(x, y);
+        }
+      }
+    });
+    controllerHost.zoomLimit = seriesModel.get('scaleLimit');
+    controllerHost.zoom = coordSys.getZoom();
+    controller.off('pan').off('zoom').on('pan', function (e) {
+      api.dispatchAction({
+        seriesId: seriesModel.id,
+        type: 'graphRoam',
+        dx: e.dx,
+        dy: e.dy
+      });
+    }).on('zoom', function (e) {
+      api.dispatchAction({
+        seriesId: seriesModel.id,
+        type: 'graphRoam',
+        zoom: e.scale,
+        originX: e.originX,
+        originY: e.originY
+      });
+    });
+  };
+  /**
+   * A performance shortcut - called by action handler to update the view directly
+   * without any data/visual processing (which are assumed to be unchanged), while
+   * ensuring consistent behavior between internal and external action triggers.
+   */
+  GraphView.prototype.updateViewOnPan = function (seriesModel, api, params) {
+    if (!this._active) {
+      return;
+    }
+    updateViewOnPan(this._controllerHost, params.dx, params.dy);
+    this._updateThumbnailWindow();
+  };
+  /**
+   * A performance shortcut - called by action handler to update the view directly
+   * without any data/visual processing (which are assumed to be unchanged), while
+   * ensuring consistent behavior between internal and external action triggers.
+   */
+  GraphView.prototype.updateViewOnZoom = function (seriesModel, api, params) {
+    if (!this._active) {
+      return;
+    }
+    updateViewOnZoom(this._controllerHost, params.zoom, params.originX, params.originY);
+    this._updateNodeAndLinkScale();
+    adjustEdge(seriesModel.getGraph(), getNodeGlobalScale(seriesModel));
+    this._lineDraw.updateLayout();
+    // Only update label layout on zoom
+    api.updateLabelLayout();
+    this._updateThumbnailWindow();
+  };
+  GraphView.prototype._updateNodeAndLinkScale = function () {
+    var seriesModel = this._model;
+    var data = seriesModel.getData();
+    var nodeScale = getNodeGlobalScale(seriesModel);
+    data.eachItemGraphicEl(function (el, idx) {
+      el && el.setSymbolScale(nodeScale);
+    });
+  };
+  GraphView.prototype.updateLayout = function (seriesModel) {
+    if (!this._active) {
+      return;
+    }
+    adjustEdge(seriesModel.getGraph(), getNodeGlobalScale(seriesModel));
+    this._symbolDraw.updateLayout();
+    this._lineDraw.updateLayout();
+  };
+  GraphView.prototype.remove = function () {
+    this._active = false;
+    clearTimeout(this._layoutTimeout);
+    this._layouting = false;
+    this._layoutTimeout = null;
+    this._symbolDraw && this._symbolDraw.remove();
+    this._lineDraw && this._lineDraw.remove();
+    this._controller && this._controller.disable();
+  };
+  /**
+   * Get thumbnail data structure only if supported.
+   */
+  GraphView.prototype._getThumbnailInfo = function () {
+    var model = this._model;
+    var coordSys = model.coordinateSystem;
+    if (coordSys.type !== 'view') {
+      return;
+    }
+    var bridge = getThumbnailBridge(model);
+    if (!bridge) {
+      return;
+    }
+    return {
+      bridge: bridge,
+      coordSys: coordSys
+    };
+  };
+  GraphView.prototype._updateThumbnailWindow = function () {
+    var info = this._getThumbnailInfo();
+    if (info) {
+      info.bridge.updateWindow(info.coordSys.transform, this._api);
+    }
+  };
+  GraphView.prototype._renderThumbnail = function (seriesModel, api, symbolDraw, lineDraw) {
+    var info = this._getThumbnailInfo();
+    if (!info) {
+      return;
+    }
+    var bridgeGroup = new Group();
+    var symbolNodes = symbolDraw.group.children();
+    var lineNodes = lineDraw.group.children();
+    var lineGroup = new Group();
+    var symbolGroup = new Group();
+    bridgeGroup.add(symbolGroup);
+    bridgeGroup.add(lineGroup);
+    // TODO: reuse elemenents for performance in large graph?
+    for (var i = 0; i < symbolNodes.length; i++) {
+      var node = symbolNodes[i];
+      var sub = node.children()[0];
+      var x = node.x;
+      var y = node.y;
+      var subShape = clone(sub.shape);
+      var shape = extend(subShape, {
+        width: sub.scaleX,
+        height: sub.scaleY,
+        x: x - sub.scaleX / 2,
+        y: y - sub.scaleY / 2
+      });
+      var style = clone(sub.style);
+      var subThumbnail = new sub.constructor({
+        shape: shape,
+        style: style,
+        z2: 151
+      });
+      symbolGroup.add(subThumbnail);
+    }
+    for (var i = 0; i < lineNodes.length; i++) {
+      var node = lineNodes[i];
+      var line = node.children()[0];
+      var style = clone(line.style);
+      var shape = clone(line.shape);
+      var lineThumbnail = new ECLinePath({
+        style: style,
+        shape: shape,
+        z2: 151
+      });
+      lineGroup.add(lineThumbnail);
+    }
+    info.bridge.renderContent({
+      api: api,
+      roamType: seriesModel.get('roam'),
+      viewportRect: null,
+      group: bridgeGroup,
+      targetTrans: info.coordSys.transform
+    });
+  };
+  GraphView.type = 'graph';
+  return GraphView;
+}(ChartView);
+
+export { GraphView as default };