Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
m0_68066342
uni-app
提交
76981422
U
uni-app
项目概览
m0_68066342
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
76981422
编写于
12月 27, 2019
作者:
fxy060608
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat(cli): support >>> or /deep/ or ::v-deep in selectors (without scoped) #1095
上级
6960827a
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
12 addition
and
91 deletion
+12
-91
packages/vue-cli-plugin-uni/lib/mp.js
packages/vue-cli-plugin-uni/lib/mp.js
+0
-4
packages/vue-cli-plugin-uni/lib/scoped.js
packages/vue-cli-plugin-uni/lib/scoped.js
+0
-83
packages/vue-cli-plugin-uni/packages/@vue/component-compiler-utils/MODIFY.md
...ugin-uni/packages/@vue/component-compiler-utils/MODIFY.md
+2
-1
packages/vue-cli-plugin-uni/packages/@vue/component-compiler-utils/dist/stylePlugins/scoped.js
...@vue/component-compiler-utils/dist/stylePlugins/scoped.js
+10
-3
未找到文件。
packages/vue-cli-plugin-uni/lib/mp.js
浏览文件 @
76981422
const
path
=
require
(
'
path
'
)
const
webpack
=
require
(
'
webpack
'
)
const
moduleAlias
=
require
(
'
module-alias
'
)
// TODO 重写 vue scoped(若升级 vue 编译器,需要确认该文件路径是否发生变化)
moduleAlias
.
addAlias
(
'
./stylePlugins/scoped
'
,
path
.
resolve
(
__dirname
,
'
./scoped.js
'
))
const
{
parseEntry
,
getMainEntry
,
...
...
packages/vue-cli-plugin-uni/lib/scoped.js
已删除
100644 → 0
浏览文件 @
6960827a
'
use strict
'
Object
.
defineProperty
(
exports
,
'
__esModule
'
,
{
value
:
true
})
const
postcss
=
require
(
'
postcss
'
)
// postcss-selector-parser does have typings but it's problematic to work with.
const
selectorParser
=
require
(
'
postcss-selector-parser
'
)
exports
.
default
=
postcss
.
plugin
(
'
add-id
'
,
(
options
)
=>
(
root
)
=>
{
const
id
=
options
const
keyframes
=
Object
.
create
(
null
)
root
.
each
(
function
rewriteSelector
(
node
)
{
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
)
=>
{
selectors
.
each
((
selector
)
=>
{
let
node
=
null
selector
.
each
((
n
)
=>
{
// ">>>" combinator
// and /deep/ alias for >>>, since >>> doesn't work in SASS
if
(
n
.
type
===
'
combinator
'
&&
(
n
.
value
===
'
>>>
'
||
n
.
value
===
'
/deep/
'
))
{
n
.
value
=
'
'
n
.
spaces
.
before
=
n
.
spaces
.
after
=
''
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
.
className
({
value
:
id
}))
})
}).
processSync
(
node
.
selector
)
})
// If keyframes are found in this <style>, find and rewrite animation names
// in declarations.
// Caveat: this only works for keyframes and animation rules in the same
// <style> element.
if
(
Object
.
keys
(
keyframes
).
length
)
{
root
.
walkDecls
(
decl
=>
{
// individual animation-name declaration
if
(
/^
(
-
\w
+-
)?
animation-name$/
.
test
(
decl
.
prop
))
{
decl
.
value
=
decl
.
value
.
split
(
'
,
'
)
.
map
(
v
=>
keyframes
[
v
.
trim
()]
||
v
.
trim
())
.
join
(
'
,
'
)
}
// shorthand
if
(
/^
(
-
\w
+-
)?
animation$/
.
test
(
decl
.
prop
))
{
decl
.
value
=
decl
.
value
.
split
(
'
,
'
)
.
map
(
v
=>
{
const
vals
=
v
.
trim
().
split
(
/
\s
+/
)
const
i
=
vals
.
findIndex
(
val
=>
keyframes
[
val
])
if
(
i
!==
-
1
)
{
vals
.
splice
(
i
,
1
,
keyframes
[
vals
[
i
]])
return
vals
.
join
(
'
'
)
}
else
{
return
v
}
})
.
join
(
'
,
'
)
}
})
}
})
packages/vue-cli-plugin-uni/packages/@vue/component-compiler-utils/MODIFY.md
浏览文件 @
76981422
dist/compileTemplate
dist/parse
dist/parseCustomBlocks
\ No newline at end of file
dist/parseCustomBlocks
dist/stylePlugins/scoped.js
\ No newline at end of file
packages/vue-cli-plugin-uni/packages/@vue/component-compiler-utils/dist/stylePlugins/scoped.js
浏览文件 @
76981422
...
...
@@ -58,9 +58,16 @@ exports.default = postcss.plugin('add-id', (options) => (root) => {
// So all leading spaces must be eliminated to avoid problems.
selector
.
first
.
spaces
.
before
=
''
;
}
selector
.
insertAfter
(
node
,
selectorParser
.
attribute
({
attribute
:
id
}));
// fixed by xxxxxx (h5 平台继续使用 attribute,其他平台使用 className)
if
(
process
.
env
.
UNI_PLATFORM
===
'
h5
'
){
selector
.
insertAfter
(
node
,
selectorParser
.
attribute
({
attribute
:
id
}));
}
else
{
selector
.
insertAfter
(
node
,
selectorParser
.
className
({
value
:
id
}));
}
});
}).
processSync
(
node
.
selector
);
});
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录