Brush.js 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. var zrUtil = require("zrender/lib/core/util");
  2. var featureManager = require("../featureManager");
  3. var lang = require("../../../lang");
  4. var brushLang = lang.toolbox.brush;
  5. function Brush(model, ecModel, api) {
  6. this.model = model;
  7. this.ecModel = ecModel;
  8. this.api = api;
  9. /**
  10. * @private
  11. * @type {string}
  12. */
  13. this._brushType;
  14. /**
  15. * @private
  16. * @type {string}
  17. */
  18. this._brushMode;
  19. }
  20. Brush.defaultOption = {
  21. show: true,
  22. type: ['rect', 'polygon', 'lineX', 'lineY', 'keep', 'clear'],
  23. icon: {
  24. 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',
  25. // jshint ignore:line
  26. 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',
  27. // jshint ignore:line
  28. 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',
  29. // jshint ignore:line
  30. 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',
  31. // jshint ignore:line
  32. 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',
  33. // jshint ignore:line
  34. 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
  35. },
  36. // `rect`, `polygon`, `lineX`, `lineY`, `keep`, `clear`
  37. title: zrUtil.clone(brushLang.title)
  38. };
  39. var proto = Brush.prototype;
  40. proto.render = proto.updateView = proto.updateLayout = function (featureModel, ecModel, api) {
  41. var brushType;
  42. var brushMode;
  43. var isBrushed;
  44. ecModel.eachComponent({
  45. mainType: 'brush'
  46. }, function (brushModel) {
  47. brushType = brushModel.brushType;
  48. brushMode = brushModel.brushOption.brushMode || 'single';
  49. isBrushed |= brushModel.areas.length;
  50. });
  51. this._brushType = brushType;
  52. this._brushMode = brushMode;
  53. zrUtil.each(featureModel.get('type', true), function (type) {
  54. featureModel.setIconStatus(type, (type === 'keep' ? brushMode === 'multiple' : type === 'clear' ? isBrushed : type === brushType) ? 'emphasis' : 'normal');
  55. });
  56. };
  57. proto.getIcons = function () {
  58. var model = this.model;
  59. var availableIcons = model.get('icon', true);
  60. var icons = {};
  61. zrUtil.each(model.get('type', true), function (type) {
  62. if (availableIcons[type]) {
  63. icons[type] = availableIcons[type];
  64. }
  65. });
  66. return icons;
  67. };
  68. proto.onclick = function (ecModel, api, type) {
  69. var brushType = this._brushType;
  70. var brushMode = this._brushMode;
  71. if (type === 'clear') {
  72. // Trigger parallel action firstly
  73. api.dispatchAction({
  74. type: 'axisAreaSelect',
  75. intervals: []
  76. });
  77. api.dispatchAction({
  78. type: 'brush',
  79. command: 'clear',
  80. // Clear all areas of all brush components.
  81. areas: []
  82. });
  83. } else {
  84. api.dispatchAction({
  85. type: 'takeGlobalCursor',
  86. key: 'brush',
  87. brushOption: {
  88. brushType: type === 'keep' ? brushType : brushType === type ? false : type,
  89. brushMode: type === 'keep' ? brushMode === 'multiple' ? 'single' : 'multiple' : brushMode
  90. }
  91. });
  92. }
  93. };
  94. featureManager.register('brush', Brush);
  95. var _default = Brush;
  96. module.exports = _default;