diff --git a/README.md b/README.md
index 3b72a282b80a7d5ea389bc0024807130d0b7d94e..b6bfdad788e285606c2abfaa7cb26654455a6799 100644
--- a/README.md
+++ b/README.md
@@ -3,10 +3,12 @@
 <h2> LIGHT CHASER</h2>
 
 <p>
-    <img alt="" src="https://img.shields.io/badge/version-v0.0.9-blue">
-    <img alt="" src="https://img.shields.io/badge/language-typescript-blue">
+    <img alt="" src="https://img.shields.io/badge/version-v1.2.0-blue">
     <img alt="" src="https://img.shields.io/badge/license-MIT-08CE5D?logoColor=08CE5D">
-    <img alt="" src="https://img.shields.io/badge/framework-React-61daeb?logoColor=08CE5D">
+    <img alt="" src="https://img.shields.io/badge/TypeScript-blue">
+    <img alt="" src="https://img.shields.io/badge/React-61daeb?logoColor=08CE5D">
+    <img alt="" src="https://img.shields.io/badge/Vite-purple">
+    <img alt="" src="https://img.shields.io/badge/Mobx-FFEB0B">
 </p>
 
 <p>Data visualization tools</p>
@@ -45,7 +47,11 @@ preview image：
 
 ![lightchaser1](https://i.072333.xyz/file/8ff8361817216f2fb1c47.png)
 
-![lightchaser](https://i.072333.xyz/file/3cacaaa9edc640ce64536.png)
+![lightchaser](https://i.072333.xyz/file/b3d60f091201818432a98.png)
+
+![lightchaser](https://i.072333.xyz/file/802e2d2b4d95fa32fae48.png)
+
+![lightchaser](https://i.072333.xyz/file/51819086932cb1b559a15.png)
 
 # Usage & Deployment
 
@@ -60,7 +66,7 @@ git clone https://gitee.com/xiaopujun/light-chaser.git
 
 - Install project dependencies
 
-> Note: This project uses pnpm as the package management tool, so you need to install [pnpm](https://pnpm.io/) first 
+> Note: This project uses pnpm as the package management tool, so you need to install [pnpm](https://pnpm.io/) first
 > ,if you have installed pnpm, you can skip this step
 
 ```shell
@@ -91,6 +97,11 @@ Feel free to dive in! Open an issue or submit PRs.
 
 light chaser follows the Contributor Covenant Code of Conduct.
 
+## Sustainability
+
+If you have ideas for donations, sponsorships, business partnerships, etc., please contact the author. This will play an
+important role in the continued development and maintenance of the program.
+
 # License
 
 [MIT](LICENSE) © xiaopujun
diff --git a/README_ZH.md b/README_ZH.md
index f2bfaed66558022fdaf74532d9cbfe6bdf3fb06a..8fa4b49ac43795210aa9f0f2f627a4cf241f6f57 100644
--- a/README_ZH.md
+++ b/README_ZH.md
@@ -1,15 +1,18 @@
 <h2> LIGHT CHASER</h2>
 
 <p>
-    <img alt="" src="https://img.shields.io/badge/version-v0.0.9-blue">
-    <img alt="" src="https://img.shields.io/badge/language-typescript-blue">
+    <img alt="" src="https://img.shields.io/badge/version-v1.2.0-blue">
     <img alt="" src="https://img.shields.io/badge/license-MIT-08CE5D?logoColor=08CE5D">
-    <img alt="" src="https://img.shields.io/badge/framework-React-61daeb?logoColor=08CE5D">
+    <img alt="" src="https://img.shields.io/badge/TypeScript-blue">
+    <img alt="" src="https://img.shields.io/badge/React-61daeb?logoColor=08CE5D">
+    <img alt="" src="https://img.shields.io/badge/Vite-purple">
+    <img alt="" src="https://img.shields.io/badge/Mobx-FFEB0B">
 </p>
 
 <p>数据可视化工具</p>
 
-light chaser 是一款开源免费的数据可视化设计工具，基于 React18、Vite5、TypeScript5 技术栈实现。 通过它，你可以简单快速地制作数据可视化相关内容。它可用于大屏幕数据 可视化展示、数据报告、数据分析等场景。
+light chaser 是一款开源免费的数据可视化设计工具，基于 React18、Vite5、TypeScript5 技术栈实现。
+通过它，你可以简单快速地制作数据可视化相关内容。它可用于大屏幕数据 可视化展示、数据报告、数据分析等场景。
 
 这个项目包含:
 
@@ -39,7 +42,12 @@ light chaser 专为数据可视化而设计，并将不断发展和完善！
 
 ![lightchaser1](https://i.072333.xyz/file/8ff8361817216f2fb1c47.png)
 
-![lightchaser](https://i.072333.xyz/file/3cacaaa9edc640ce64536.png)
+![lightchaser](https://i.072333.xyz/file/b3d60f091201818432a98.png)
+
+![lightchaser](https://i.072333.xyz/file/802e2d2b4d95fa32fae48.png)
+
+![lightchaser](https://i.072333.xyz/file/51819086932cb1b559a15.png)
+
 
 # 部署和使用
 
@@ -78,20 +86,35 @@ http://localhost:5173
 pnpm build
 ```
 
+# Docker 镜像
+
+```shell
+docker pull puyinzhen/light-chaser
+```
+
 # 贡献
 
 欢迎随时加入！打开issue或提交PR。
 
-light chaser遵守《贡献者公约行为准则》。
-
 # License
 
 [MIT](LICENSE) © xiaopujun
 
-感谢为本项目做出贡献的每一位开发人员和个人！
+感谢为本项目做出贡献的每一个人！
 
 ## 社区
 
 <div style="display: flex">
-    <div  style="padding: 20px"><img alt="group" src="https://i.072333.xyz/file/8b4b56b773a55d3888a12.jpg"></div>
+    <div  style="width: 50%"><img alt="group" src="https://i.072333.xyz/file/2007ed7b558c04d8e3d00.jpg"></div>
 </div>
+
+## 可持续
+
+如果您有捐赠，赞助，商业合作等想法，请联系作者。这将对项目的持续发展和维护起到重要作用。
+
+## 联系作者
+
+<div style="display: flex">
+    <div  style="width: 50%"><img alt="group" src="https://i.072333.xyz/file/110e9602ef12a7d93bff0.jpg"></div>
+</div>
+
diff --git a/src/test/Demo.tsx b/src/test/Demo.tsx
index d4492896ce1044b9e540c28018dde88f0c3ae92b..4cd846af44bfabc30fb13ac7f44062e481fd9288 100644
--- a/src/test/Demo.tsx
+++ b/src/test/Demo.tsx
@@ -1,6 +1,7 @@
 import './DemoMain.less';
 import "@amap/amap-jsapi-types";
 import ProjectItem from "../pages/home/project-list/ProjectItem.tsx";
+import {SaveType} from "../designer/DesignerType.ts";
 
 
 export default function Demo() {
@@ -8,6 +9,7 @@ export default function Demo() {
     return (
         <ProjectItem id={'22'} name={'使得开发商积分'} doOperate={(id: string, type: string) => {
         }}
+                     saveType={SaveType.LOCAL}
                      cover={'blob:http://localhost:5173/9fdc377b-540b-4fa2-a9fd-8d33b6b5735b'}/>
     );
 }