Blame view

node_modules/postcss-merge-longhand/dist/lib/decl/columns.js 2.09 KB
ce4c83ff   wxy   初始提交
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
  'use strict';
  
  exports.__esModule = true;
  
  var _postcss = require('postcss');
  
  var _postcssValueParser = require('postcss-value-parser');
  
  var _stylehacks = require('stylehacks');
  
  var _genericMerge = require('../genericMerge');
  
  var _getValue = require('../getValue');
  
  var _getValue2 = _interopRequireDefault(_getValue);
  
  var _insertCloned = require('../insertCloned');
  
  var _insertCloned2 = _interopRequireDefault(_insertCloned);
  
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  
  var properties = ['column-width', 'column-count'];
  var auto = 'auto';
  
  /**
   * Normalize a columns shorthand definition. Both of the longhand
   * properties' initial values are 'auto', and as per the spec,
   * omitted values are set to their initial values. Thus, we can
   * remove any 'auto' definition when there are two values.
   *
   * Specification link: https://www.w3.org/TR/css3-multicol/
   */
  
  function normalize(values) {
      if (values[0] === auto) {
          return values[1];
      }
      if (values[1] === auto) {
          return values[0];
      }
      return values.join(' ');
  }
  
  function explode(rule) {
      if (rule.nodes.some(_stylehacks.detect)) {
          return false;
      }
      rule.walkDecls('columns', function (decl) {
          var values = _postcss.list.space(decl.value);
          if (values.length === 1) {
              values.push(auto);
          }
  
          values.forEach(function (value, i) {
              var prop = properties[1];
  
              if (value === auto) {
                  prop = properties[i];
              } else if ((0, _postcssValueParser.unit)(value).unit) {
                  prop = properties[0];
              }
  
              (0, _insertCloned2.default)(rule, decl, {
                  prop: prop,
                  value: value
              });
          });
          decl.remove();
      });
  }
  
  var merge = (0, _genericMerge.genericMergeFactory)({
      prop: 'columns',
      properties: properties,
      value: function value(rules) {
          return normalize(rules.map(_getValue2.default));
      }
  });
  
  exports.default = {
      explode: explode,
      merge: merge
  };
  module.exports = exports['default'];