Skip to content

Commit a84220a

Browse files
v5.2.1 refactor: fixed up(#235) and adding docs to the sourceState prop (#237)
* fix: fixed up ts error on `/website` * feat(deps): 增加@types react|react-dom to ^18.2.0 version * feat: Add an additional 'sourceState' props attribute to the component. * fix: fixed up eslint error * fix: Option 'emitDeclarationOnly' cannot be specified with option 'noEmit'. * refactor: fixed up(#235) and adding docs to the `sourceState` prop e296f83
1 parent 3af8c46 commit a84220a

19 files changed

+242
-212
lines changed

CONTRIBUTORS.svg

Lines changed: 3 additions & 3 deletions
Loading

asset-manifest.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"files": {
33
"main.css": "/react-code-preview/static/css/main.8036ca4a.css",
4-
"main.js": "/react-code-preview/static/js/main.ff9c5c45.js",
4+
"main.js": "/react-code-preview/static/js/main.ab3ec9a2.js",
55
"babel_vendors.js": "/react-code-preview/static/js/babel_vendors.dff34ebd.js",
66
"refractor-vendors.js": "/react-code-preview/static/js/refractor-vendors.4d929d76.js",
77
"codemirror-vendors.js": "/react-code-preview/static/js/codemirror-vendors.66e75ab1.js",
@@ -11,7 +11,7 @@
1111
"static/js/499.91849396.js": "/react-code-preview/static/js/499.91849396.js",
1212
"index.html": "/react-code-preview/index.html",
1313
"main.8036ca4a.css.map": "/react-code-preview/static/css/main.8036ca4a.css.map",
14-
"main.ff9c5c45.js.map": "/react-code-preview/static/js/main.ff9c5c45.js.map",
14+
"main.ab3ec9a2.js.map": "/react-code-preview/static/js/main.ab3ec9a2.js.map",
1515
"babel_vendors.dff34ebd.js.map": "/react-code-preview/static/js/babel_vendors.dff34ebd.js.map",
1616
"refractor-vendors.4d929d76.js.map": "/react-code-preview/static/js/refractor-vendors.4d929d76.js.map",
1717
"codemirror-vendors.66e75ab1.js.map": "/react-code-preview/static/js/codemirror-vendors.66e75ab1.js.map",
@@ -29,6 +29,6 @@
2929
"static/js/react-vendors.f1f024a0.js",
3030
"static/js/499.91849396.js",
3131
"static/css/main.8036ca4a.css",
32-
"static/js/main.ff9c5c45.js"
32+
"static/js/main.ab3ec9a2.js"
3333
]
3434
}

coverage/badges.svg

Lines changed: 4 additions & 4 deletions
Loading

coverage/coverage-summary.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
{"total": {"lines":{"total":115,"covered":0,"skipped":0,"pct":0},"statements":{"total":122,"covered":0,"skipped":0,"pct":0},"functions":{"total":27,"covered":0,"skipped":0,"pct":0},"branches":{"total":132,"covered":0,"skipped":0,"pct":0},"branchesTrue":{"total":0,"covered":0,"skipped":0,"pct":"Unknown"}}
1+
{"total": {"lines":{"total":118,"covered":0,"skipped":0,"pct":0},"statements":{"total":125,"covered":0,"skipped":0,"pct":0},"functions":{"total":28,"covered":0,"skipped":0,"pct":0},"branches":{"total":133,"covered":0,"skipped":0,"pct":0},"branchesTrue":{"total":0,"covered":0,"skipped":0,"pct":"Unknown"}}
22
,"/home/runner/work/react-code-preview/react-code-preview/src/ErrorMessage.tsx": {"lines":{"total":4,"covered":0,"skipped":0,"pct":0},"functions":{"total":2,"covered":0,"skipped":0,"pct":0},"statements":{"total":5,"covered":0,"skipped":0,"pct":0},"branches":{"total":2,"covered":0,"skipped":0,"pct":0}}
33
,"/home/runner/work/react-code-preview/react-code-preview/src/ThirdPartyButton.tsx": {"lines":{"total":10,"covered":0,"skipped":0,"pct":0},"functions":{"total":2,"covered":0,"skipped":0,"pct":0},"statements":{"total":10,"covered":0,"skipped":0,"pct":0},"branches":{"total":18,"covered":0,"skipped":0,"pct":0}}
44
,"/home/runner/work/react-code-preview/react-code-preview/src/icon.tsx": {"lines":{"total":4,"covered":0,"skipped":0,"pct":0},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":4,"covered":0,"skipped":0,"pct":0},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
5-
,"/home/runner/work/react-code-preview/react-code-preview/src/index.tsx": {"lines":{"total":40,"covered":0,"skipped":0,"pct":0},"functions":{"total":14,"covered":0,"skipped":0,"pct":0},"statements":{"total":45,"covered":0,"skipped":0,"pct":0},"branches":{"total":86,"covered":0,"skipped":0,"pct":0}}
5+
,"/home/runner/work/react-code-preview/react-code-preview/src/index.tsx": {"lines":{"total":44,"covered":0,"skipped":0,"pct":0},"functions":{"total":15,"covered":0,"skipped":0,"pct":0},"statements":{"total":49,"covered":0,"skipped":0,"pct":0},"branches":{"total":89,"covered":0,"skipped":0,"pct":0}}
66
,"/home/runner/work/react-code-preview/react-code-preview/src/transform.tsx": {"lines":{"total":1,"covered":0,"skipped":0,"pct":0},"functions":{"total":1,"covered":0,"skipped":0,"pct":0},"statements":{"total":1,"covered":0,"skipped":0,"pct":0},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
7-
,"/home/runner/work/react-code-preview/react-code-preview/src/useCodePreview.ts": {"lines":{"total":56,"covered":0,"skipped":0,"pct":0},"functions":{"total":8,"covered":0,"skipped":0,"pct":0},"statements":{"total":57,"covered":0,"skipped":0,"pct":0},"branches":{"total":26,"covered":0,"skipped":0,"pct":0}}
7+
,"/home/runner/work/react-code-preview/react-code-preview/src/useCodePreview.ts": {"lines":{"total":55,"covered":0,"skipped":0,"pct":0},"functions":{"total":8,"covered":0,"skipped":0,"pct":0},"statements":{"total":56,"covered":0,"skipped":0,"pct":0},"branches":{"total":24,"covered":0,"skipped":0,"pct":0}}
88
}

coverage/lcov-report/ErrorMessage.tsx.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -121,7 +121,7 @@ <h1><a href="index.html">All files</a> ErrorMessage.tsx</h1>
121121
<div class='footer quiet pad2 space-top1 center small'>
122122
Code coverage generated by
123123
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
124-
at 2024-03-25T07:54:14.256Z
124+
at 2024-03-28T14:11:32.451Z
125125
</div>
126126
<script src="prettify.js"></script>
127127
<script>

coverage/lcov-report/ThirdPartyButton.tsx.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -205,7 +205,7 @@ <h1><a href="index.html">All files</a> ThirdPartyButton.tsx</h1>
205205
<div class='footer quiet pad2 space-top1 center small'>
206206
Code coverage generated by
207207
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
208-
at 2024-03-25T07:54:14.256Z
208+
at 2024-03-28T14:11:32.451Z
209209
</div>
210210
<script src="prettify.js"></script>
211211
<script>

coverage/lcov-report/icon.tsx.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -169,7 +169,7 @@ <h1><a href="index.html">All files</a> icon.tsx</h1>
169169
<div class='footer quiet pad2 space-top1 center small'>
170170
Code coverage generated by
171171
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
172-
at 2024-03-25T07:54:14.256Z
172+
at 2024-03-28T14:11:32.451Z
173173
</div>
174174
<script src="prettify.js"></script>
175175
<script>

coverage/lcov-report/index.html

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -25,28 +25,28 @@ <h1>All files</h1>
2525
<div class='fl pad1y space-right2'>
2626
<span class="strong">0% </span>
2727
<span class="quiet">Statements</span>
28-
<span class='fraction'>0/122</span>
28+
<span class='fraction'>0/125</span>
2929
</div>
3030

3131

3232
<div class='fl pad1y space-right2'>
3333
<span class="strong">0% </span>
3434
<span class="quiet">Branches</span>
35-
<span class='fraction'>0/132</span>
35+
<span class='fraction'>0/133</span>
3636
</div>
3737

3838

3939
<div class='fl pad1y space-right2'>
4040
<span class="strong">0% </span>
4141
<span class="quiet">Functions</span>
42-
<span class='fraction'>0/27</span>
42+
<span class='fraction'>0/28</span>
4343
</div>
4444

4545

4646
<div class='fl pad1y space-right2'>
4747
<span class="strong">0% </span>
4848
<span class="quiet">Lines</span>
49-
<span class='fraction'>0/115</span>
49+
<span class='fraction'>0/118</span>
5050
</div>
5151

5252

@@ -129,13 +129,13 @@ <h1>All files</h1>
129129
<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
130130
</td>
131131
<td data-value="0" class="pct low">0%</td>
132-
<td data-value="45" class="abs low">0/45</td>
132+
<td data-value="49" class="abs low">0/49</td>
133133
<td data-value="0" class="pct low">0%</td>
134-
<td data-value="86" class="abs low">0/86</td>
134+
<td data-value="89" class="abs low">0/89</td>
135135
<td data-value="0" class="pct low">0%</td>
136-
<td data-value="14" class="abs low">0/14</td>
136+
<td data-value="15" class="abs low">0/15</td>
137137
<td data-value="0" class="pct low">0%</td>
138-
<td data-value="40" class="abs low">0/40</td>
138+
<td data-value="44" class="abs low">0/44</td>
139139
</tr>
140140

141141
<tr>
@@ -159,13 +159,13 @@ <h1>All files</h1>
159159
<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
160160
</td>
161161
<td data-value="0" class="pct low">0%</td>
162-
<td data-value="57" class="abs low">0/57</td>
162+
<td data-value="56" class="abs low">0/56</td>
163163
<td data-value="0" class="pct low">0%</td>
164-
<td data-value="26" class="abs low">0/26</td>
164+
<td data-value="24" class="abs low">0/24</td>
165165
<td data-value="0" class="pct low">0%</td>
166166
<td data-value="8" class="abs low">0/8</td>
167167
<td data-value="0" class="pct low">0%</td>
168-
<td data-value="56" class="abs low">0/56</td>
168+
<td data-value="55" class="abs low">0/55</td>
169169
</tr>
170170

171171
</tbody>
@@ -176,7 +176,7 @@ <h1>All files</h1>
176176
<div class='footer quiet pad2 space-top1 center small'>
177177
Code coverage generated by
178178
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
179-
at 2024-03-25T07:54:14.256Z
179+
at 2024-03-28T14:11:32.451Z
180180
</div>
181181
<script src="prettify.js"></script>
182182
<script>

coverage/lcov-report/index.tsx.html

Lines changed: 34 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -25,28 +25,28 @@ <h1><a href="index.html">All files</a> index.tsx</h1>
2525
<div class='fl pad1y space-right2'>
2626
<span class="strong">0% </span>
2727
<span class="quiet">Statements</span>
28-
<span class='fraction'>0/45</span>
28+
<span class='fraction'>0/49</span>
2929
</div>
3030

3131

3232
<div class='fl pad1y space-right2'>
3333
<span class="strong">0% </span>
3434
<span class="quiet">Branches</span>
35-
<span class='fraction'>0/86</span>
35+
<span class='fraction'>0/89</span>
3636
</div>
3737

3838

3939
<div class='fl pad1y space-right2'>
4040
<span class="strong">0% </span>
4141
<span class="quiet">Functions</span>
42-
<span class='fraction'>0/14</span>
42+
<span class='fraction'>0/15</span>
4343
</div>
4444

4545

4646
<div class='fl pad1y space-right2'>
4747
<span class="strong">0% </span>
4848
<span class="quiet">Lines</span>
49-
<span class='fraction'>0/40</span>
49+
<span class='fraction'>0/44</span>
5050
</div>
5151

5252

@@ -332,7 +332,16 @@ <h1><a href="index.html">All files</a> index.tsx</h1>
332332
<a name='L267'></a><a href='#L267'>267</a>
333333
<a name='L268'></a><a href='#L268'>268</a>
334334
<a name='L269'></a><a href='#L269'>269</a>
335-
<a name='L270'></a><a href='#L270'>270</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
335+
<a name='L270'></a><a href='#L270'>270</a>
336+
<a name='L271'></a><a href='#L271'>271</a>
337+
<a name='L272'></a><a href='#L272'>272</a>
338+
<a name='L273'></a><a href='#L273'>273</a>
339+
<a name='L274'></a><a href='#L274'>274</a>
340+
<a name='L275'></a><a href='#L275'>275</a>
341+
<a name='L276'></a><a href='#L276'>276</a>
342+
<a name='L277'></a><a href='#L277'>277</a>
343+
<a name='L278'></a><a href='#L278'>278</a>
344+
<a name='L279'></a><a href='#L279'>279</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
336345
<span class="cline-any cline-neutral">&nbsp;</span>
337346
<span class="cline-any cline-neutral">&nbsp;</span>
338347
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -444,6 +453,7 @@ <h1><a href="index.html">All files</a> index.tsx</h1>
444453
<span class="cline-any cline-neutral">&nbsp;</span>
445454
<span class="cline-any cline-neutral">&nbsp;</span>
446455
<span class="cline-any cline-neutral">&nbsp;</span>
456+
<span class="cline-any cline-neutral">&nbsp;</span>
447457
<span class="cline-any cline-no">&nbsp;</span>
448458
<span class="cline-any cline-neutral">&nbsp;</span>
449459
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -517,6 +527,13 @@ <h1><a href="index.html">All files</a> index.tsx</h1>
517527
<span class="cline-any cline-no">&nbsp;</span>
518528
<span class="cline-any cline-no">&nbsp;</span>
519529
<span class="cline-any cline-neutral">&nbsp;</span>
530+
<span class="cline-any cline-neutral">&nbsp;</span>
531+
<span class="cline-any cline-no">&nbsp;</span>
532+
<span class="cline-any cline-no">&nbsp;</span>
533+
<span class="cline-any cline-no">&nbsp;</span>
534+
<span class="cline-any cline-no">&nbsp;</span>
535+
<span class="cline-any cline-neutral">&nbsp;</span>
536+
<span class="cline-any cline-neutral">&nbsp;</span>
520537
<span class="cline-any cline-no">&nbsp;</span>
521538
<span class="cline-any cline-no">&nbsp;</span>
522539
<span class="cline-any cline-no">&nbsp;</span>
@@ -598,6 +615,7 @@ <h1><a href="index.html">All files</a> index.tsx</h1>
598615
<span class="cline-any cline-neutral">&nbsp;</span>
599616
<span class="cline-any cline-neutral">&nbsp;</span>
600617
<span class="cline-any cline-neutral">&nbsp;</span>
618+
<span class="cline-any cline-neutral">&nbsp;</span>
601619
<span class="cline-any cline-no">&nbsp;</span>
602620
<span class="cline-any cline-neutral">&nbsp;</span>
603621
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -712,6 +730,7 @@ <h1><a href="index.html">All files</a> index.tsx</h1>
712730
noPreview = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span>
713731
noScroll = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span>
714732
bgWhite = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span>
733+
sourceState,
715734
...otherProps
716735
} = <span class="cstat-no" title="statement not covered" >props;</span>
717736
const {
@@ -786,6 +805,13 @@ <h1><a href="index.html">All files</a> index.tsx</h1>
786805
<span class="cstat-no" title="statement not covered" > setWidth(width === 1 ? '50%' : 1);</span>
787806
<span class="cstat-no" title="statement not covered" > setShowEdit(true);</span>
788807
};
808+
// 通过状态props属性判断是否切换源码
809+
const isShown = <span class="cstat-no" title="statement not covered" >sourceState === 'shown';</span>
810+
<span class="cstat-no" title="statement not covered" > useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
811+
<span class="cstat-no" title="statement not covered" > setWidth(isShown ? '50%' : 1);</span>
812+
<span class="cstat-no" title="statement not covered" > setShowEdit(isShown);</span>
813+
// eslint-disable-next-line react-hooks/exhaustive-deps
814+
}, [isShown]);
789815
const onCopyCode = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
790816
<span class="cstat-no" title="statement not covered" > copyTextToClipboard(code || '', <span class="fstat-no" title="function not covered" >(i</span>sCopy) =&gt; <span class="cstat-no" title="statement not covered" >setCopied(isCopy))</span>;</span>
791817
<span class="cstat-no" title="statement not covered" > setTimeout(<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >setCopied(false),</span> 2000);</span>
@@ -799,7 +825,7 @@ <h1><a href="index.html">All files</a> index.tsx</h1>
799825
};
800826
<span class="cstat-no" title="statement not covered" > return (</span>
801827
&lt;Split data-color-mode={theme} visiable={visiable} className={cls} style={{ flex: 1, ...style }} {...otherProps}&gt;
802-
{!noPreview &amp;&amp; !onlyEdit &amp;&amp; (
828+
{!onlyEdit &amp;&amp; (
803829
&lt;div
804830
className={[
805831
`${prefixCls}-demo`,
@@ -811,6 +837,7 @@ <h1><a href="index.html">All files</a> index.tsx</h1>
811837
.trim()}
812838
style={{
813839
flex: 1,
840+
display: !noPreview ? 'unset' : 'none',
814841
...(width === 1 ? { width: '100%' } : {}),
815842
}}
816843
&gt;
@@ -877,7 +904,7 @@ <h1><a href="index.html">All files</a> index.tsx</h1>
877904
<div class='footer quiet pad2 space-top1 center small'>
878905
Code coverage generated by
879906
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
880-
at 2024-03-25T07:54:14.256Z
907+
at 2024-03-28T14:11:32.451Z
881908
</div>
882909
<script src="prettify.js"></script>
883910
<script>

coverage/lcov-report/transform.tsx.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -97,7 +97,7 @@ <h1><a href="index.html">All files</a> transform.tsx</h1>
9797
<div class='footer quiet pad2 space-top1 center small'>
9898
Code coverage generated by
9999
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
100-
at 2024-03-25T07:54:14.256Z
100+
at 2024-03-28T14:11:32.451Z
101101
</div>
102102
<script src="prettify.js"></script>
103103
<script>

0 commit comments

Comments
 (0)