From 26105034da4fcce7ac883c899d781f016559310d Mon Sep 17 00:00:00 2001 From: ruki Date: Thu, 8 Nov 2018 00:38:48 +0800 Subject: switch to vuepress --- .../lib/stylePlugins/scoped.ts | 98 ++++++++++++++++++++++ .../lib/stylePlugins/trim.ts | 10 +++ 2 files changed, 108 insertions(+) create mode 100644 node_modules/@vue/component-compiler-utils/lib/stylePlugins/scoped.ts create mode 100644 node_modules/@vue/component-compiler-utils/lib/stylePlugins/trim.ts (limited to 'node_modules/@vue/component-compiler-utils/lib/stylePlugins') diff --git a/node_modules/@vue/component-compiler-utils/lib/stylePlugins/scoped.ts b/node_modules/@vue/component-compiler-utils/lib/stylePlugins/scoped.ts new file mode 100644 index 00000000..c0ce6c2a --- /dev/null +++ b/node_modules/@vue/component-compiler-utils/lib/stylePlugins/scoped.ts @@ -0,0 +1,98 @@ +import { Root } from 'postcss' +import * as postcss from 'postcss' +// postcss-selector-parser does have typings but it's problematic to work with. +const selectorParser = require('postcss-selector-parser') + +export default postcss.plugin('add-id', (options: any) => (root: Root) => { + const id: string = options + const keyframes = Object.create(null) + + root.each(function rewriteSelector(node: any) { + if (!node.selector) { + // handle media queries + if (node.type === 'atrule') { + if (node.name === 'media' || node.name === 'supports') { + node.each(rewriteSelector) + } else if (/-?keyframes$/.test(node.name)) { + // register keyframes + keyframes[node.params] = node.params = node.params + '-' + id + } + } + return + } + node.selector = selectorParser((selectors: any) => { + selectors.each((selector: any) => { + let node: any = null + + selector.each((n: any) => { + // ">>>" combinator + if (n.type === 'combinator' && n.value === '>>>') { + n.value = ' ' + n.spaces.before = n.spaces.after = '' + return false + } + // /deep/ alias for >>>, since >>> doesn't work in SASS + if (n.type === 'tag' && n.value === '/deep/') { + const prev = n.prev() + if (prev && prev.type === 'combinator' && prev.value === ' ') { + prev.remove() + } + n.remove() + return false + } + if (n.type !== 'pseudo' && n.type !== 'combinator') { + node = n + } + }) + + if (node) { + node.spaces.after = '' + } else { + // For deep selectors & standalone pseudo selectors, + // the attribute selectors are prepended rather than appended. + // So all leading spaces must be eliminated to avoid problems. + selector.first.spaces.before = '' + } + + selector.insertAfter( + node, + selectorParser.attribute({ + attribute: id + }) + ) + }) + }).processSync(node.selector) + }) + + // If keyframes are found in this