diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9886979..68ae65d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,8 @@
 ## changelog
 
+## 0.8.4
 
+增加preview的属性，可外界控制loading。
 ## 0.8.3
 
 增加timeline拖动条与选中。
diff --git a/packages/dooringx-doc/src/changelog/1.1.md b/packages/dooringx-doc/src/changelog/1.1.md
index 07e031d..5adf48b 100644
--- a/packages/dooringx-doc/src/changelog/1.1.md
+++ b/packages/dooringx-doc/src/changelog/1.1.md
@@ -4,7 +4,9 @@ order: 1
 ---
 ## changelog
 
+## 0.8.4
 
+增加preview的属性，可外界控制loading。
 ## 0.8.3
 
 增加timeline拖动条与选中。
diff --git a/packages/dooringx-example/src/pages/preview/index.tsx b/packages/dooringx-example/src/pages/preview/index.tsx
index 279b1df..1945091 100644
--- a/packages/dooringx-example/src/pages/preview/index.tsx
+++ b/packages/dooringx-example/src/pages/preview/index.tsx
@@ -2,18 +2,20 @@
  * @Author: yehuozhili
  * @Date: 2021-07-07 20:05:48
  * @LastEditors: yehuozhili
- * @LastEditTime: 2021-07-10 18:01:15
+ * @LastEditTime: 2021-08-19 17:09:24
  * @FilePath: \dooringx\packages\dooringx-example\src\pages\preview\index.tsx
  */
 
 import { PREVIEWSTATE } from '@/constant';
 import { Preview, UserConfig } from 'dooringx-lib';
+import { useState } from 'react';
 import plugin from '../../plugin';
 
 const config = new UserConfig(plugin);
 
 function PreviewPage() {
 	const data = localStorage.getItem(PREVIEWSTATE);
+	//const [loading, setLoading] = useState(true);
 	if (data) {
 		try {
 			const json = JSON.parse(data);
@@ -30,7 +32,15 @@ function PreviewPage() {
 				alignItems: 'center',
 			}}
 		>
-			<Preview config={config}></Preview>
+			<Preview
+				//loadingState={loading}
+				// completeFn={() => {
+				// 	setTimeout(() => {
+				// 		setLoading(false);
+				// 	}, 10000);
+				// }}
+				config={config}
+			></Preview>
 		</div>
 	);
 }
diff --git a/packages/dooringx-lib/README.md b/packages/dooringx-lib/README.md
index b4a3e04..84d9feb 100644
--- a/packages/dooringx-lib/README.md
+++ b/packages/dooringx-lib/README.md
@@ -142,7 +142,7 @@ Contributions, issues and feature requests are welcome!.
 
 ### 技术交流 | Technical Communication
 
-<a href="http://cdn.dooring.cn/dr/gp.jpeg" target="_blank"><img src="http://cdn.dooring.cn/dr/gp.jpeg" width=260 />dooringx-lib交流群</a>
+<a href="http://cdn.dooring.cn/dr/q3.png" target="_blank"><img src="http://cdn.dooring.cn/dr/q3.png" width=260 />dooringx-lib交流群</a>
 
 ## License
 
diff --git a/packages/dooringx-lib/package.json b/packages/dooringx-lib/package.json
index fcb4803..bb3b385 100644
--- a/packages/dooringx-lib/package.json
+++ b/packages/dooringx-lib/package.json
@@ -1,5 +1,5 @@
 {
-	"version": "0.8.3",
+	"version": "0.8.4",
 	"license": "MIT",
 	"main": "dist/index.js",
 	"module": "dist/dooringx-lib.esm.js",