Blame view

node_modules/svgo/plugins/collapseGroups.js 2.76 KB
aaac7fed   liuqimichale   add
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
  'use strict';
  
  exports.type = 'perItemReverse';
  
  exports.active = true;
  
  exports.description = 'collapses useless groups';
  
  var collections = require('./_collections'),
      attrsInheritable = collections.inheritableAttrs,
      animationElems = collections.elemsGroups.animation;
  
  function hasAnimatedAttr(item) {
      /* jshint validthis:true */
      return item.isElem(animationElems) && item.hasAttr('attributeName', this) ||
          !item.isEmpty() && item.content.some(hasAnimatedAttr, this);
  }
  
  /*
   * Collapse useless groups.
   *
   * @example
   * <g>
   *     <g attr1="val1">
   *         <path d="..."/>
   *     </g>
   * </g>
   *         
   * <g>
   *     <g>
   *         <path attr1="val1" d="..."/>
   *     </g>
   * </g>
   *         
   * <path attr1="val1" d="..."/>
   *
   * @param {Object} item current iteration item
   * @return {Boolean} if false, item will be filtered out
   *
   * @author Kir Belevich
   */
  exports.fn = function(item) {
  
      // non-empty elements
      if (item.isElem() && !item.isElem('switch') && !item.isEmpty()) {
  
          item.content.forEach(function(g, i) {
  
              // non-empty groups
              if (g.isElem('g') && !g.isEmpty()) {
  
                  // move group attibutes to the single content element
                  if (g.hasAttr() && g.content.length === 1) {
                      var inner = g.content[0];
  
                      if (inner.isElem() && !inner.hasAttr('id') &&
                          !(g.hasAttr('class') && inner.hasAttr('class')) && (
                              !g.hasAttr('clip-path') && !g.hasAttr('mask') ||
                              inner.isElem('g') && !g.hasAttr('transform') && !inner.hasAttr('transform')
                          )
                      ) {
                          g.eachAttr(function(attr) {
                              if (g.content.some(hasAnimatedAttr, attr.name)) return;
  
                              if (!inner.hasAttr(attr.name)) {
                                  inner.addAttr(attr);
                              } else if (attr.name == 'transform') {
                                  inner.attr(attr.name).value = attr.value + ' ' + inner.attr(attr.name).value;
                              } else if (
                                  attrsInheritable.indexOf(attr.name) < 0 &&
                                  !inner.hasAttr(attr.name, attr.value)
                              ) {
                                  return;
                              }
  
                              g.removeAttr(attr.name);
                          });
                      }
                  }
  
                  // collapse groups without attributes
                  if (!g.hasAttr() && !g.content.some(function(item) { return item.isElem(animationElems) })) {
                      item.spliceContent(i, 1, g.content);
                  }
              }
  
          });
  
      }
  
  };