office-viewer 0.3.11 → 0.3.13

package/lib/node_modules/echarts/lib/component/toolbox/ToolboxView.js

@@ -0,0 +1,261 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var util = require('../../../../zrender/lib/core/util.js');
+var text = require('../../../../zrender/lib/contain/text.js');
+var graphic = require('../../util/graphic.js');
+var states = require('../../util/states.js');
+var Model = require('../../model/Model.js');
+var DataDiffer = require('../../data/DataDiffer.js');
+var listComponent = require('../helper/listComponent.js');
+var Component = require('../../view/Component.js');
+var featureManager = require('./featureManager.js');
+var component = require('../../util/component.js');
+var Text = require('../../../../zrender/lib/graphic/Text.js');
+var labelStyle = require('../../label/labelStyle.js');
+
+var ToolboxView = /** @class */function (_super) {
+  tslib.__extends(ToolboxView, _super);
+  function ToolboxView() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+  ToolboxView.prototype.render = function (toolboxModel, ecModel, api, payload) {
+    var group = this.group;
+    group.removeAll();
+    if (!toolboxModel.get('show')) {
+      return;
+    }
+    var itemSize = +toolboxModel.get('itemSize');
+    var isVertical = toolboxModel.get('orient') === 'vertical';
+    var featureOpts = toolboxModel.get('feature') || {};
+    var features = this._features || (this._features = {});
+    var featureNames = [];
+    util.each(featureOpts, function (opt, name) {
+      featureNames.push(name);
+    });
+    new DataDiffer["default"](this._featureNames || [], featureNames).add(processFeature).update(processFeature).remove(util.curry(processFeature, null)).execute();
+    // Keep for diff.
+    this._featureNames = featureNames;
+    function processFeature(newIndex, oldIndex) {
+      var featureName = featureNames[newIndex];
+      var oldName = featureNames[oldIndex];
+      var featureOpt = featureOpts[featureName];
+      var featureModel = new Model["default"](featureOpt, toolboxModel, toolboxModel.ecModel);
+      var feature;
+      // FIX#11236, merge feature title from MagicType newOption. TODO: consider seriesIndex ?
+      if (payload && payload.newTitle != null && payload.featureName === featureName) {
+        featureOpt.title = payload.newTitle;
+      }
+      if (featureName && !oldName) {
+        // Create
+        if (isUserFeatureName(featureName)) {
+          feature = {
+            onclick: featureModel.option.onclick,
+            featureName: featureName
+          };
+        } else {
+          var Feature = featureManager.getFeature(featureName);
+          if (!Feature) {
+            return;
+          }
+          feature = new Feature();
+        }
+        features[featureName] = feature;
+      } else {
+        feature = features[oldName];
+        // If feature does not exist.
+        if (!feature) {
+          return;
+        }
+      }
+      feature.uid = component.getUID('toolbox-feature');
+      feature.model = featureModel;
+      feature.ecModel = ecModel;
+      feature.api = api;
+      var isToolboxFeature = feature instanceof featureManager.ToolboxFeature;
+      if (!featureName && oldName) {
+        isToolboxFeature && feature.dispose && feature.dispose(ecModel, api);
+        return;
+      }
+      if (!featureModel.get('show') || isToolboxFeature && feature.unusable) {
+        isToolboxFeature && feature.remove && feature.remove(ecModel, api);
+        return;
+      }
+      createIconPaths(featureModel, feature, featureName);
+      featureModel.setIconStatus = function (iconName, status) {
+        var option = this.option;
+        var iconPaths = this.iconPaths;
+        option.iconStatus = option.iconStatus || {};
+        option.iconStatus[iconName] = status;
+        if (iconPaths[iconName]) {
+          (status === 'emphasis' ? states.enterEmphasis : states.leaveEmphasis)(iconPaths[iconName]);
+        }
+      };
+      if (feature instanceof featureManager.ToolboxFeature) {
+        if (feature.render) {
+          feature.render(featureModel, ecModel, api, payload);
+        }
+      }
+    }
+    function createIconPaths(featureModel, feature, featureName) {
+      var iconStyleModel = featureModel.getModel('iconStyle');
+      var iconStyleEmphasisModel = featureModel.getModel(['emphasis', 'iconStyle']);
+      // If one feature has multiple icons, they are organized as
+      // {
+      //     icon: {
+      //         foo: '',
+      //         bar: ''
+      //     },
+      //     title: {
+      //         foo: '',
+      //         bar: ''
+      //     }
+      // }
+      var icons = feature instanceof featureManager.ToolboxFeature && feature.getIcons ? feature.getIcons() : featureModel.get('icon');
+      var titles = featureModel.get('title') || {};
+      var iconsMap;
+      var titlesMap;
+      if (util.isString(icons)) {
+        iconsMap = {};
+        iconsMap[featureName] = icons;
+      } else {
+        iconsMap = icons;
+      }
+      if (util.isString(titles)) {
+        titlesMap = {};
+        titlesMap[featureName] = titles;
+      } else {
+        titlesMap = titles;
+      }
+      var iconPaths = featureModel.iconPaths = {};
+      util.each(iconsMap, function (iconStr, iconName) {
+        var path = graphic.createIcon(iconStr, {}, {
+          x: -itemSize / 2,
+          y: -itemSize / 2,
+          width: itemSize,
+          height: itemSize
+        }); // TODO handling image
+        path.setStyle(iconStyleModel.getItemStyle());
+        var pathEmphasisState = path.ensureState('emphasis');
+        pathEmphasisState.style = iconStyleEmphasisModel.getItemStyle();
+        // Text position calculation
+        // TODO: extract `textStyle` from `iconStyle` and use `createTextStyle`
+        var textContent = new Text["default"]({
+          style: {
+            text: titlesMap[iconName],
+            align: iconStyleEmphasisModel.get('textAlign'),
+            borderRadius: iconStyleEmphasisModel.get('textBorderRadius'),
+            padding: iconStyleEmphasisModel.get('textPadding'),
+            fill: null,
+            font: labelStyle.getFont({
+              fontStyle: iconStyleEmphasisModel.get('textFontStyle'),
+              fontFamily: iconStyleEmphasisModel.get('textFontFamily'),
+              fontSize: iconStyleEmphasisModel.get('textFontSize'),
+              fontWeight: iconStyleEmphasisModel.get('textFontWeight')
+            }, ecModel)
+          },
+          ignore: true
+        });
+        path.setTextContent(textContent);
+        graphic.setTooltipConfig({
+          el: path,
+          componentModel: toolboxModel,
+          itemName: iconName,
+          formatterParamsExtra: {
+            title: titlesMap[iconName]
+          }
+        });
+        path.__title = titlesMap[iconName];
+        path.on('mouseover', function () {
+          // Should not reuse above hoverStyle, which might be modified.
+          var hoverStyle = iconStyleEmphasisModel.getItemStyle();
+          var defaultTextPosition = isVertical ? toolboxModel.get('right') == null && toolboxModel.get('left') !== 'right' ? 'right' : 'left' : toolboxModel.get('bottom') == null && toolboxModel.get('top') !== 'bottom' ? 'bottom' : 'top';
+          textContent.setStyle({
+            fill: iconStyleEmphasisModel.get('textFill') || hoverStyle.fill || hoverStyle.stroke || '#000',
+            backgroundColor: iconStyleEmphasisModel.get('textBackgroundColor')
+          });
+          path.setTextConfig({
+            position: iconStyleEmphasisModel.get('textPosition') || defaultTextPosition
+          });
+          textContent.ignore = !toolboxModel.get('showTitle');
+          // Use enterEmphasis and leaveEmphasis provide by ec.
+          // There are flags managed by the echarts.
+          api.enterEmphasis(this);
+        }).on('mouseout', function () {
+          if (featureModel.get(['iconStatus', iconName]) !== 'emphasis') {
+            api.leaveEmphasis(this);
+          }
+          textContent.hide();
+        });
+        (featureModel.get(['iconStatus', iconName]) === 'emphasis' ? states.enterEmphasis : states.leaveEmphasis)(path);
+        group.add(path);
+        path.on('click', util.bind(feature.onclick, feature, ecModel, api, iconName));
+        iconPaths[iconName] = path;
+      });
+    }
+    listComponent.layout(group, toolboxModel, api);
+    // Render background after group is layout
+    // FIXME
+    group.add(listComponent.makeBackground(group.getBoundingRect(), toolboxModel));
+    // Adjust icon title positions to avoid them out of screen
+    isVertical || group.eachChild(function (icon) {
+      var titleText = icon.__title;
+      // const hoverStyle = icon.hoverStyle;
+      // TODO simplify code?
+      var emphasisState = icon.ensureState('emphasis');
+      var emphasisTextConfig = emphasisState.textConfig || (emphasisState.textConfig = {});
+      var textContent = icon.getTextContent();
+      var emphasisTextState = textContent && textContent.ensureState('emphasis');
+      // May be background element
+      if (emphasisTextState && !util.isFunction(emphasisTextState) && titleText) {
+        var emphasisTextStyle = emphasisTextState.style || (emphasisTextState.style = {});
+        var rect = text.getBoundingRect(titleText, Text["default"].makeFont(emphasisTextStyle));
+        var offsetX = icon.x + group.x;
+        var offsetY = icon.y + group.y + itemSize;
+        var needPutOnTop = false;
+        if (offsetY + rect.height > api.getHeight()) {
+          emphasisTextConfig.position = 'top';
+          needPutOnTop = true;
+        }
+        var topOffset = needPutOnTop ? -5 - rect.height : itemSize + 10;
+        if (offsetX + rect.width / 2 > api.getWidth()) {
+          emphasisTextConfig.position = ['100%', topOffset];
+          emphasisTextStyle.align = 'right';
+        } else if (offsetX - rect.width / 2 < 0) {
+          emphasisTextConfig.position = [0, topOffset];
+          emphasisTextStyle.align = 'left';
+        }
+      }
+    });
+  };
+  ToolboxView.prototype.updateView = function (toolboxModel, ecModel, api, payload) {
+    util.each(this._features, function (feature) {
+      feature instanceof featureManager.ToolboxFeature && feature.updateView && feature.updateView(feature.model, ecModel, api, payload);
+    });
+  };
+  // updateLayout(toolboxModel, ecModel, api, payload) {
+  //     zrUtil.each(this._features, function (feature) {
+  //         feature.updateLayout && feature.updateLayout(feature.model, ecModel, api, payload);
+  //     });
+  // },
+  ToolboxView.prototype.remove = function (ecModel, api) {
+    util.each(this._features, function (feature) {
+      feature instanceof featureManager.ToolboxFeature && feature.remove && feature.remove(ecModel, api);
+    });
+    this.group.removeAll();
+  };
+  ToolboxView.prototype.dispose = function (ecModel, api) {
+    util.each(this._features, function (feature) {
+      feature instanceof featureManager.ToolboxFeature && feature.dispose && feature.dispose(ecModel, api);
+    });
+  };
+  ToolboxView.type = 'toolbox';
+  return ToolboxView;
+}(Component["default"]);
+function isUserFeatureName(featureName) {
+  return featureName.indexOf('my') === 0;
+}
+
+exports["default"] = ToolboxView;

package/lib/node_modules/echarts/lib/component/toolbox/feature/Brush.js

@@ -0,0 +1,95 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var util = require('../../../../../zrender/lib/core/util.js');
+var featureManager = require('../featureManager.js');
+
+var ICON_TYPES = ['rect', 'polygon', 'lineX', 'lineY', 'keep', 'clear'];
+var BrushFeature = /** @class */function (_super) {
+  tslib.__extends(BrushFeature, _super);
+  function BrushFeature() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+  BrushFeature.prototype.render = function (featureModel, ecModel, api) {
+    var brushType;
+    var brushMode;
+    var isBrushed;
+    ecModel.eachComponent({
+      mainType: 'brush'
+    }, function (brushModel) {
+      brushType = brushModel.brushType;
+      brushMode = brushModel.brushOption.brushMode || 'single';
+      isBrushed = isBrushed || !!brushModel.areas.length;
+    });
+    this._brushType = brushType;
+    this._brushMode = brushMode;
+    util.each(featureModel.get('type', true), function (type) {
+      featureModel.setIconStatus(type, (type === 'keep' ? brushMode === 'multiple' : type === 'clear' ? isBrushed : type === brushType) ? 'emphasis' : 'normal');
+    });
+  };
+  BrushFeature.prototype.updateView = function (featureModel, ecModel, api) {
+    this.render(featureModel, ecModel, api);
+  };
+  BrushFeature.prototype.getIcons = function () {
+    var model = this.model;
+    var availableIcons = model.get('icon', true);
+    var icons = {};
+    util.each(model.get('type', true), function (type) {
+      if (availableIcons[type]) {
+        icons[type] = availableIcons[type];
+      }
+    });
+    return icons;
+  };
+  BrushFeature.prototype.onclick = function (ecModel, api, type) {
+    var brushType = this._brushType;
+    var brushMode = this._brushMode;
+    if (type === 'clear') {
+      // Trigger parallel action firstly
+      api.dispatchAction({
+        type: 'axisAreaSelect',
+        intervals: []
+      });
+      api.dispatchAction({
+        type: 'brush',
+        command: 'clear',
+        // Clear all areas of all brush components.
+        areas: []
+      });
+    } else {
+      api.dispatchAction({
+        type: 'takeGlobalCursor',
+        key: 'brush',
+        brushOption: {
+          brushType: type === 'keep' ? brushType : brushType === type ? false : type,
+          brushMode: type === 'keep' ? brushMode === 'multiple' ? 'single' : 'multiple' : brushMode
+        }
+      });
+    }
+  };
+  BrushFeature.getDefaultOption = function (ecModel) {
+    var defaultOption = {
+      show: true,
+      type: ICON_TYPES.slice(),
+      icon: {
+        /* eslint-disable */
+        rect: 'M7.3,34.7 M0.4,10V-0.2h9.8 M89.6,10V-0.2h-9.8 M0.4,60v10.2h9.8 M89.6,60v10.2h-9.8 M12.3,22.4V10.5h13.1 M33.6,10.5h7.8 M49.1,10.5h7.8 M77.5,22.4V10.5h-13 M12.3,31.1v8.2 M77.7,31.1v8.2 M12.3,47.6v11.9h13.1 M33.6,59.5h7.6 M49.1,59.5 h7.7 M77.5,47.6v11.9h-13',
+        polygon: 'M55.2,34.9c1.7,0,3.1,1.4,3.1,3.1s-1.4,3.1-3.1,3.1 s-3.1-1.4-3.1-3.1S53.5,34.9,55.2,34.9z M50.4,51c1.7,0,3.1,1.4,3.1,3.1c0,1.7-1.4,3.1-3.1,3.1c-1.7,0-3.1-1.4-3.1-3.1 C47.3,52.4,48.7,51,50.4,51z M55.6,37.1l1.5-7.8 M60.1,13.5l1.6-8.7l-7.8,4 M59,19l-1,5.3 M24,16.1l6.4,4.9l6.4-3.3 M48.5,11.6 l-5.9,3.1 M19.1,12.8L9.7,5.1l1.1,7.7 M13.4,29.8l1,7.3l6.6,1.6 M11.6,18.4l1,6.1 M32.8,41.9 M26.6,40.4 M27.3,40.2l6.1,1.6 M49.9,52.1l-5.6-7.6l-4.9-1.2',
+        lineX: 'M15.2,30 M19.7,15.6V1.9H29 M34.8,1.9H40.4 M55.3,15.6V1.9H45.9 M19.7,44.4V58.1H29 M34.8,58.1H40.4 M55.3,44.4 V58.1H45.9 M12.5,20.3l-9.4,9.6l9.6,9.8 M3.1,29.9h16.5 M62.5,20.3l9.4,9.6L62.3,39.7 M71.9,29.9H55.4',
+        lineY: 'M38.8,7.7 M52.7,12h13.2v9 M65.9,26.6V32 M52.7,46.3h13.2v-9 M24.9,12H11.8v9 M11.8,26.6V32 M24.9,46.3H11.8v-9 M48.2,5.1l-9.3-9l-9.4,9.2 M38.9-3.9V12 M48.2,53.3l-9.3,9l-9.4-9.2 M38.9,62.3V46.4',
+        keep: 'M4,10.5V1h10.3 M20.7,1h6.1 M33,1h6.1 M55.4,10.5V1H45.2 M4,17.3v6.6 M55.6,17.3v6.6 M4,30.5V40h10.3 M20.7,40 h6.1 M33,40h6.1 M55.4,30.5V40H45.2 M21,18.9h62.9v48.6H21V18.9z',
+        clear: 'M22,14.7l30.9,31 M52.9,14.7L22,45.7 M4.7,16.8V4.2h13.1 M26,4.2h7.8 M41.6,4.2h7.8 M70.3,16.8V4.2H57.2 M4.7,25.9v8.6 M70.3,25.9v8.6 M4.7,43.2v12.6h13.1 M26,55.8h7.8 M41.6,55.8h7.8 M70.3,43.2v12.6H57.2' // jshint ignore:line
+        /* eslint-enable */
+      },
+
+      // `rect`, `polygon`, `lineX`, `lineY`, `keep`, `clear`
+      title: ecModel.getLocaleModel().get(['toolbox', 'brush', 'title'])
+    };
+    return defaultOption;
+  };
+  return BrushFeature;
+}(featureManager.ToolboxFeature);
+
+exports["default"] = BrushFeature;