Skip to content

Commit 266e92e

Browse files
committed
doc: 更新 readme
1 parent c2468aa commit 266e92e

File tree

1 file changed

+6
-19
lines changed

1 file changed

+6
-19
lines changed

README.md

Lines changed: 6 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -2,26 +2,13 @@
22

33
## 简介
44

5-
解析 React 组件与对应的 CSS 文件,为每一个 React 节点计算样式层叠与继承之后的最终样式,应用于 React Native 、鸿蒙等不支持 CSS 写法的场景。
5+
解析 React 组件与对应的 CSS 文件,为每一个 React 节点计算样式最终样式,应用于 React Native 、鸿蒙等不支持 CSS 写法的场景,目前仅支持类名选择器
66

7-
## 实现思路
7+
## 使用方式
88

9-
1. 解析 React 语法树,并将其中的 JSX 部分转为类 DOM 结构的树
10-
2. 解析样式文件
11-
3. 利用解析后的样式文件中的选择器去反查出第一步 DOM 树中的节点,并收集节点对应的样式块
12-
4. 根据节点上的选择器特异性及样式顺序、import 等计算节点样式层叠
13-
5. 遍历节点的所有父节点,计算样式继承
9+
```typescript
10+
import { parse } from '@tarojs/parse-css-to-stylesheet'
1411

15-
## 功能特性
12+
const code = parse(jsxCode, [cssCode1, cssCode2, ...])
1613

17-
### JSX DOM 树构造
18-
19-
- [x] 支持函数组件
20-
- [x] 支持类组件
21-
- [x] 支持 JSX 分离的写法
22-
- [ ] 支持遍历子组件
23-
24-
### 样式计算
25-
26-
- [x] 样式层叠
27-
- [x] 样式继承
14+
```

0 commit comments

Comments
 (0)