support /deep/ alias

yyx990803 · yyx990803 · commit 9018b18cb2fc · 2017-05-29T21:44:01.000+08:00
diff --git a/lib/style-compiler/plugins/scope-id.js b/lib/style-compiler/plugins/scope-id.js
@@ -22,13 +22,24 @@ module.exports = postcss.plugin('add-id', function (opts) {
         selectors.each(function (selector) {
           var node = null
           selector.each(function (n) {
-            // "deep" combinator
+            // ">>>" combinator
             if (n.type === 'combinator' && n.value === '>>>') {
               n.value = ' '
               n.spaces.before = n.spaces.after = ''
               return false
             }
-            if (n.type !== 'pseudo') node = n
+            // /deep/ alias for >>>, since >>> doesn't work in SASS
+            if (n.type === 'tag' && n.value === '/deep/') {
+              var next = n.next()
+              if (next.type === 'combinator' && next.value === ' ') {
+                next.remove()
+              }
+              n.remove()
+              return false
+            }
+            if (n.type !== 'pseudo' && n.type !== 'combinator') {
+              node = n
+            }
           })
           selector.insertAfter(node, selectorParser.attribute({
             attribute: opts.id
@@ -67,3 +78,9 @@ module.exports = postcss.plugin('add-id', function (opts) {
     }
   }
 })
+
+function tryRemove (node) {
+  if (node.value === ' ') {
+
+  }
+}
