diff --git a/README.md b/README.md
index dd2de17323fc6274eeac34ea4a7d8520d4a8e38c..d05ea0592c2ba88d354ac35e1c7bb275b2a87938 100644
--- a/README.md
+++ b/README.md
@@ -1,30 +1,150 @@
-## 总览
-
-![logo](readme/logo-t-y.png)
-
-GoView 是一个高效的拖拽式低代码数据可视化开发平台，将图表或页面元素封装为基础组件，无需编写代码即可制作数据大屏，减少心智负担。
-
-### 😶 纯 **前端** 分支： **`master`**
-
-### 👻 携带 **后端** 请求分支: **`master-fetch`**
-
-### 📚 GoView **文档** 地址：[http://www.mtruning.club:81/](http://www.mtruning.club:81/)
-
-项目纯前端-Demo 地址：[https://www.mtruning.club](https://www.mtruning.club)
-
-项目带后端-Demo 地址：[后端 Demo 地址](http://1.117.240.165:8080/goview/#/login)
-
-文档-在线地址：[http://www.mtruning.club:81/](http://www.mtruning.club:81/)
-
-文档-源码地址：[https://gitee.com/MTrun/go-view-doc](https://gitee.com/MTrun/go-view-doc)
-
-### 🤯 后端项目
-
-后端项目 gitee 地址：[https://gitee.com/MTrun/go-view-serve](https://gitee.com/MTrun/go-view-serve)
-
-接口说明地址：[https://docs.apipost.cn/preview/5aa85d10a59d66ce/ddb813732007ad2b?target_id=84dbc5b0-158f-4bcb-8f74-793ac604ada3#3e053622-1e76-43f9-a039-756aee822dbb](https://docs.apipost.cn/preview/5aa85d10a59d66ce/ddb813732007ad2b?target_id=84dbc5b0-158f-4bcb-8f74-793ac604ada3#3e053622-1e76-43f9-a039-756aee822dbb)
-
-技术点：
+<p align="center">
+  <a
+      href="https://ai.goviewlink.com/saas/"
+      target="_blank"
+      style="
+        padding: 10px 20px;
+        display: inline-block;
+        border-radius: 10px;
+      ">
+    <img src="readme/GoViewPro.png" alt="go-view" />
+  </a>
+</p>
+
+<p align="center">
+    <img src="readme/logo-t-y.png" alt="go-view" />
+</p>
+
+<h4 align="center">开源、精美、便捷的「数据可视化」低代码开发平台</h4>
+
+#### 长期赞助商
+
+<div>
+  <div align="center" style="column-gap: 20px;">
+    <a
+      href="http://www.ccflow.org/?from=goviewGitee"
+      target="_blank"
+      style="
+        padding: 10px 20px;
+        display: inline-block;
+        border-radius: 10px;
+        background: #f9f9f9;
+      ">
+      <img src="readme/sponsors/ccflow-banner.png" alt="go-view" style="width: 250px;" width="250px" />
+    </a>
+    <span> &nbsp;</span>
+    <a
+      href="https://fastbee.cn/"
+      target="_blank"
+      style="
+        padding: 10px 20px;
+        display: inline-block;
+        border-radius: 10px;
+        background: #f9f9f9;
+      ">
+      <img src="readme/sponsors/fb-banner.gif" alt="go-view" style="width: 250px;" width="250px"/>
+    </a>
+    <br/>
+    <br/>
+    <a
+      href="http://doc.zyplayer.com/#/integrate/zyplayer-doc?utm=goview"
+      target="_blank"
+      style="
+        padding: 10px 20px;
+        display: inline-block;
+        border-radius: 10px;
+        background: #f9f9f9;
+      ">
+      <img src="readme/sponsors/zyplayer-banner.png" alt="go-view" style="width: 250px;" width="250px"/>
+    </a>
+    <span> &nbsp;</span>
+    <!-- <a
+      href="https://gitee.com/dandiankeji/icampus"
+      target="_blank"
+      style="
+        padding: 10px 20px;
+        display: inline-block;
+        border-radius: 10px;
+        background: #f9f9f9;
+      ">
+      <img src="readme/sponsors/dandian-banner.png" alt="go-view" style="width: 250px;" width="250px"/>
+    </a>   -->
+    <a
+      href="https://www.mingdao.com?s=utm_88&utm_source=Goview&utm_medium=banner&utm_campaign=gitee&utm_content=IT%E8%B5%8B%E8%83%BD%E4%B8%9A%E5%8A%A1"
+      target="_blank"
+      style="
+        padding: 10px 20px;
+        display: inline-block;
+        border-radius: 10px;
+        background: #f9f9f9;
+      ">
+      <img src="readme/sponsors/mdy-banner.png" alt="go-view" style="width: 270px;" width="270px"/>
+    </a>
+    <br/>
+    <br/>
+    <a
+      href="https://www.diboot.com?from=gv/"
+      target="_blank"
+      style="
+        padding: 10px 20px;
+        display: inline-block;
+        border-radius: 10px;
+        background: #f9f9f9;
+      ">
+      <img src="readme/sponsors/diboot-banner.png" alt="go-view" style="width: 270px;" width="270px"/>
+    </a>
+    <a
+      href="https://www.xingyunzuo.cn/?from=goview"
+      target="_blank"
+      style="
+        padding: 10px 20px;
+        display: inline-block;
+        border-radius: 10px;
+        background: #f9f9f9;
+      ">
+      <img src="readme/sponsors/xingyun-banner.png" alt="go-view" style="width: 270px;" width="270px"/>
+    </a>
+    <br/>
+    <br/>
+    <a
+      href="https://www.mtruning.club/chengDan/index.html"
+      target="_blank"
+      style="
+        padding: 10px 20px;
+        display: inline-block;
+        border-radius: 10px;
+        background: #f9f9f9;
+      ">
+      <img src="readme/sponsors/chengdan-banner.png" alt="go-view" style="width: 270px;" width="270px"/>
+    </a>
+  </div>
+</div>
+
+#### 😶 **纯前端** 分支： **`master`**
+
+#### 👻 携带 **后端** 请求分支: **`master-fetch`**
+
+#### 📚 GoView **文档** 地址：[https://www.mtruning.club/](https://www.mtruning.club/)
+
+项目纯前端-Demo 地址：[https://vue.mtruning.club/](https://vue.mtruning.club/)
+
+项目带后端-Demo 地址：[https://demo.mtruning.club/](https://demo.mtruning.club/)
+
+Cloud IDE 代码在线预览地址：[https://idegitee.com/dromara/go-view](https://idegitee.com/dromara/go-view)
+
+#### 🤯 后端项目看这里!
+
+后端地址（社区实现，仅供参考）：
+
+- `JAVA` [https://gitee.com/MTrun/go-view-serve](https://gitee.com/MTrun/go-view-serve) (当前使用)
+- `.NET` [https://gitee.com/sun_xiang_yu/go-view-dotnet](https://gitee.com/sun_xiang_yu/go-view-dotnet)
+- `NODE` [https://gitee.com/qwdingyu/led](https://gitee.com/qwdingyu/led)
+- `Docker 镜像` [https://gitee.com/AHEAD4/go-view-docker](https://gitee.com/AHEAD4/go-view-docker)
+- `GO-goframe` [https://gitee.com/bufanyun/go-view-server](https://gitee.com/bufanyun/go-view-server)
+- `GO-gin` [https://gitee.com/ls1990/go-view-serve](https://gitee.com/ls1990/go-view-serve)
+- `接口文档` [https://docs.apipost.cn](https://docs.apipost.cn/preview/5aa85d10a59d66ce/ddb813732007ad2b?target_id=84dbc5b0-158f-4bcb-8f74-793ac604ada3) (不是最新, 以前端代码为准)
+
+#### 整体介绍
 
 - 框架：基于 `Vue3` 框架编写，使用 `hooks` 写法抽离部分逻辑，使代码结构更加清晰；
 
@@ -44,16 +164,31 @@ GoView 是一个高效的拖拽式低代码数据可视化开发平台，将图
 ![说明文档](readme/go-view-doc.png)
 
 工作台：
-![项目截图](readme/go-view-canvas.png)
+![工作台](readme/go-view-canvas.png)
 
 请求配置：
-![项目截图](readme/go-view-fetch.png)
+![请求配置](readme/go-view-fetch.png)
 
 数据过滤：
-![项目截图](readme/go-view-filter.png)
+![数据过滤](readme/go-view-filter.png)
+
+高级事件编辑:
+![高级事件编辑](readme/go-view-event.png)
+
+自定义组件颜色:
+![高级事件编辑](readme/go-view-echarts-color.png)
+
+快捷主页：
+![快捷主页](readme/go-view-indexpage.png)
 
 主题色：
-![项目截图](readme/go-view-color.png)
+![主题色](readme/go-view-color.png)
+
+亮白主题：
+![亮白主题](readme/go-view-theme.png)
+
+最新动态: 整合字节图表框架 VChart[https://visactor.io/vchart](https://visactor.io/vchart)
+![图表框架 VChart](readme/go-view-vcharts.png)
 
 主要技术栈为：
 
@@ -68,19 +203,22 @@ GoView 是一个高效的拖拽式低代码数据可视化开发平台，将图
 
 | 名称 | 版本    | 名称    | 版本  |
 | ---- | ------- | ------- | ----- |
-| node | 16.16.x | npm     | 8.5.x |
-| pnpm | 7.1.x   | windows | 11    |
+| node | 18.20.x | npm     | 10.7.x|
+| pnpm | 8.6.7   | windows | 11    |
 
 已完成图表：
 
-| 分类   | 名称             | 名称             | 名称     |
-| ------ | ---------------- | ---------------- | -------- |
-| 图表   | 柱状图           | 横向柱状图       | 折线图   |
-| \*     | 单/多 折线面积图 | 饼图             | 水球图   |
-| \*     | 环形图           | NaiveUI 多种进度 | 🤠       |
-| 信息   | 文字             | 图片             | 😶       |
-| 列表   | 滚动排名列表     | 滚动表格         | 🤓       |
-| 小组件 | 边框-01~13       | 装饰-01~05       | 数字翻牌 |
+| 分类   | 名称             | 名称       | 名称           | 名称                     |
+| ------ | ---------------- | ---------- | -------------- | ------------------------ |
+| 图表   | 柱状图           | 横向柱状图 | 折线图         | 单/多 折线面积图(渐变色) |
+| \*     | 饼图             | 环形图     | 水球图         | 雷达图                   |
+| \*     | NaiveUI 多种进度 | 散点图     | 对数回归散点图 | 热力图                   |
+| \*     | 漏斗图           | 中国地图   | 高德地图       | 🦊                       |
+| 信息   | 文字             | 渐变文字   | 词云           | 嵌套网页                 |
+| \*     | 图片             | 视频       | 😺             | 🐯                       |
+| 列表   | 滚动排名列表     | 滚动表格   | 🐮             | 🐐                       |
+| 小组件 | 边框-01~13       | 装饰-01~05 | 数字翻牌       | 通用时间                 |
+| \*     | 数字计数         | 倒计时     | 时钟           | 🦁                       |
 
 ## 浏览器支持
 
@@ -88,52 +226,7 @@ GoView 是一个高效的拖拽式低代码数据可视化开发平台，将图
 
 ## 安装
 
-本项目采用` pnpm` 进行包管理
-
-```shell
-#建议使用 nrm 切换到淘宝源 https://registry.npmmirror.com/
-#pnpm
-pnpm install
-
-#yarn
-yarn install
-
-#npm
-npm install
-```
-
-## 启动
-
-```shell
-#pnpm
-pnpm dev
-
-# npm
-npm run dev
-
-#yarn
-yarn dev
-
-#Makefile
-make dev
-```
-
-## 编译
-
-```shell
-#pnpm
-pnpm run build
-
-# npm
-npm run build
-
-#yarn
-yarn run build
-
-#Makefile
-make dist
-
-```
+请查看文档：[https://www.mtruning.club/](https://www.mtruning.club/)
 
 ## 代码提交
 
@@ -149,10 +242,14 @@ make dist
 - style: 不影响程序逻辑的代码修改
 - chore: 不属于以上类型的其他类型(日常事务)
 
-## 交流
+## 交流群
+
+QQ 群：687586375
+
+<img width="260px" src="readme/go-view-qq.jpg" alt="QQ群" style="border-radius: 20px" />
 
-QQ 群：1030129384
+## Pro 部分功能展示
 
-![QQ群](readme/go-view-qq.png)
+体验地址： <a href="https://ai.goviewlink.com/saas/" target="_blank">https://ai.goviewlink.com/saas/</a>
 
 ![渲染海报](readme/logo-poster.png)
diff --git a/package.json b/package.json
index ffe4939e18800401f1e67269fdc8825d3880807e..eefc170e8985208f7fe48864047522d7a0130323 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "go-view",
-  "version": "1.1.11",
+  "version": "1.3.2",
   "engines": {
     "node": ">=16.14"
   },
diff --git a/preview.yml b/preview.yml
new file mode 100644
index 0000000000000000000000000000000000000000..1a26db2c8f937ddb004c9524f03bc6f2360616e6
--- /dev/null
+++ b/preview.yml
@@ -0,0 +1,10 @@
+# preview.yml
+autoOpen: true # 打开工作空间时是否自动开启所有应用的预览
+apps:
+  - port: 3000 # 应用的端口
+    run: npm i --registry=https://registry.npmmirror.com && npm run dev # 应用的启动命令
+    command: # 使用此命令启动服务，且不执行run
+    root: ./ # 应用的启动目录
+    name: GoView # 应用名称
+    description: 开源、精美、便捷的「数据可视化」低代码开发平台 # 应用描述
+    autoOpen: true # 打开工作空间时是否自动开启预览（优先级高于根级 autoOpen)
\ No newline at end of file
diff --git a/readme/GoViewPro.png b/readme/GoViewPro.png
new file mode 100644
index 0000000000000000000000000000000000000000..d09bde9554847198ead36b043a2c0d4e4647ab2c
Binary files /dev/null and b/readme/GoViewPro.png differ
diff --git a/readme/go-view-doc.png b/readme/go-view-doc.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e5187c581f82a44ebb78476801ded40821da208
Binary files /dev/null and b/readme/go-view-doc.png differ
diff --git a/readme/go-view-echarts-color.png b/readme/go-view-echarts-color.png
new file mode 100644
index 0000000000000000000000000000000000000000..73eb21252fde533b7e87a3ff9ae4e6ec98e0c618
Binary files /dev/null and b/readme/go-view-echarts-color.png differ
diff --git a/readme/go-view-event.png b/readme/go-view-event.png
new file mode 100644
index 0000000000000000000000000000000000000000..da773e99ad4875b791794cc6d588a3022ffe4ded
Binary files /dev/null and b/readme/go-view-event.png differ
diff --git a/readme/go-view-indexpage.png b/readme/go-view-indexpage.png
new file mode 100644
index 0000000000000000000000000000000000000000..ba0dc202c6b83a453f416e85e1b2e0fb1cbf8667
Binary files /dev/null and b/readme/go-view-indexpage.png differ
diff --git a/readme/go-view-qq.jpg b/readme/go-view-qq.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..019d0334cba05eda5bf92a07e75c348a7b1ab38a
Binary files /dev/null and b/readme/go-view-qq.jpg differ
diff --git a/readme/go-view-qq.png b/readme/go-view-qq.png
deleted file mode 100644
index daeed71275dda09baed1f3c51c5d367ecd6963f4..0000000000000000000000000000000000000000
Binary files a/readme/go-view-qq.png and /dev/null differ
diff --git a/readme/go-view-theme.png b/readme/go-view-theme.png
new file mode 100644
index 0000000000000000000000000000000000000000..0f21f1a46ee02e28c9683e998c291fb299c6159e
Binary files /dev/null and b/readme/go-view-theme.png differ
diff --git a/readme/go-view-vcharts.png b/readme/go-view-vcharts.png
new file mode 100644
index 0000000000000000000000000000000000000000..4c1fe798a59d117067446d0cbecd5893f127c8d0
Binary files /dev/null and b/readme/go-view-vcharts.png differ
diff --git a/readme/logo-poster.png b/readme/logo-poster.png
index 1a6a32b499264450df2e0877133deb1b9dca79d5..a779ef130fa611e29e4979fcfbb73e76dea0dea3 100644
Binary files a/readme/logo-poster.png and b/readme/logo-poster.png differ
diff --git a/readme/sponsors/ccflow-banner.png b/readme/sponsors/ccflow-banner.png
new file mode 100644
index 0000000000000000000000000000000000000000..6849c7c637f1f04d273d3932d351d736012fd702
Binary files /dev/null and b/readme/sponsors/ccflow-banner.png differ
diff --git a/readme/sponsors/chengdan-banner.png b/readme/sponsors/chengdan-banner.png
new file mode 100644
index 0000000000000000000000000000000000000000..2710bd2de77015989959dfbcef59bb13da0d7af8
Binary files /dev/null and b/readme/sponsors/chengdan-banner.png differ
diff --git a/readme/sponsors/dandian-banner.png b/readme/sponsors/dandian-banner.png
new file mode 100644
index 0000000000000000000000000000000000000000..77b8a4a6c0052e61d3998c8750fbf456949d6782
Binary files /dev/null and b/readme/sponsors/dandian-banner.png differ
diff --git a/readme/sponsors/diboot-banner.png b/readme/sponsors/diboot-banner.png
new file mode 100644
index 0000000000000000000000000000000000000000..7e83f45c3e326a9586bd20b5008b6707ddaba6cb
Binary files /dev/null and b/readme/sponsors/diboot-banner.png differ
diff --git a/readme/sponsors/fb-banner.gif b/readme/sponsors/fb-banner.gif
new file mode 100644
index 0000000000000000000000000000000000000000..811bbc37be21bd7a1a64bc481fef32413a6d521e
Binary files /dev/null and b/readme/sponsors/fb-banner.gif differ
diff --git a/readme/sponsors/mdy-banner.png b/readme/sponsors/mdy-banner.png
new file mode 100644
index 0000000000000000000000000000000000000000..70c452074d786f399e1558c1fef67db167f5b4a3
Binary files /dev/null and b/readme/sponsors/mdy-banner.png differ
diff --git a/readme/sponsors/qyy-banner.png b/readme/sponsors/qyy-banner.png
new file mode 100644
index 0000000000000000000000000000000000000000..f2d376577a4e144c0c10d673e4cd84735809f81e
Binary files /dev/null and b/readme/sponsors/qyy-banner.png differ
diff --git a/readme/sponsors/shaguo-banner.png b/readme/sponsors/shaguo-banner.png
new file mode 100644
index 0000000000000000000000000000000000000000..08465235d2e8bb7f19b567474e4699c36d4fd310
Binary files /dev/null and b/readme/sponsors/shaguo-banner.png differ
diff --git a/readme/sponsors/xingyun-banner.png b/readme/sponsors/xingyun-banner.png
new file mode 100644
index 0000000000000000000000000000000000000000..f446a7d97035626f4a8b02a0d64b2afba8a946f1
Binary files /dev/null and b/readme/sponsors/xingyun-banner.png differ
diff --git a/readme/sponsors/yuncheng-banner.png b/readme/sponsors/yuncheng-banner.png
new file mode 100644
index 0000000000000000000000000000000000000000..7da1cf6fadb2771d245294167d5ee53535bd48f5
Binary files /dev/null and b/readme/sponsors/yuncheng-banner.png differ
diff --git a/readme/sponsors/zyplayer-banner.png b/readme/sponsors/zyplayer-banner.png
new file mode 100644
index 0000000000000000000000000000000000000000..bfc0ff8cfd979924caf838a430dd8f4bb68261a4
Binary files /dev/null and b/readme/sponsors/zyplayer-banner.png differ
diff --git a/src/assets/images/project/moke-20211219181327.png b/src/assets/images/project/moke-20211219181327.png
index 7be19aa31540c4255c818bbcc62eaaca881b9c51..023a7e5533baf26c9e383b9571e1b0bebb689187 100644
Binary files a/src/assets/images/project/moke-20211219181327.png and b/src/assets/images/project/moke-20211219181327.png differ
diff --git a/types/shims-vue.d.ts b/types/shims-vue.d.ts
index 6c92d48bee9d6c8401889540524cde012fd700ac..d9fc5493d967f420cca066a40d5994e531783718 100644
--- a/types/shims-vue.d.ts
+++ b/types/shims-vue.d.ts
@@ -4,6 +4,10 @@ declare module '*.vue' {
   export default component
 }
 
+declare module 'lodash/*'
+declare module 'dom-helpers'
+declare module 'vue3-sketch-ruler';
+
 declare module 'lodash/*'
 declare module 'dom-helpers'
 declare module 'vue3-sketch-ruler';
\ No newline at end of file
diff --git a/vite.config.ts b/vite.config.ts
index 1016080e06122b5fd33a9d604b2042706dd8bd37..a62ce9d3c6d91e01d97934b0425c9c62853f1de9 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -12,6 +12,11 @@ function pathResolve(dir: string) {
 
 export default defineConfig({
   base: '/',
+  // 修改端口
+  server: {
+    port: 3020,
+    open: true,
+  },
   // 路径重定向
   resolve: {
     alias: [