From 99cb5ec772c7944edbd161bf573f7c482f40dde0 Mon Sep 17 00:00:00 2001
From: ShawnPhang <shawnphang@PengXiaoPengdeMac-mini.local>
Date: Wed, 23 Aug 2023 00:21:06 +0800
Subject: [PATCH] code: change import

---
 README.md                                     | 26 +++++++------------
 .../modules/settings/colorSelect.vue          |  3 +--
 2 files changed, 11 insertions(+), 18 deletions(-)

diff --git a/README.md b/README.md
index c7107de..afe18a1 100644
--- a/README.md
+++ b/README.md
@@ -12,13 +12,13 @@
 
 - 丝滑的操作体验，丰富的交互细节，基础功能完善
 - 采用服务端生成图片，确保多端出图统一性，支持各种 CSS 特性
-- 简易 AI 抠图工具，上传图片一键去除背景
+- 支持将上传的 PSD 文件解析成模板，方便导入已有设计图
 - 技术栈：Vue3 、Vite2 、Vuex 、ElementPlus
 - 图片生成：Puppeteer、Express
 
 ### 支持功能
 
-- 导入 PSD 文件解析成模板、在线导出图片下载
+- 导入 PSD 设计稿，导出图片下载
 - 元素拖拽、组合、缩放、层级调整、对齐等操作。
 - 图片素材插入、替换、裁剪，图片容器等功能。
 - SVG 素材颜色、透明度编辑，文字花字组合。
@@ -62,30 +62,24 @@ npm run serve
 
 ### 打包
 
-| 前端页面          | 截图服务                              |
+| 前端页面          | 图片生成服务                          |
 | ----------------- | ------------------------------------- |
 | `npm run v-build` | `cd sreenshot` <br /> `npm run build` |
 
-### 截图服务
+### 后端
+
+根据你的具体场景自行实现，目前本项目中的所有服务端接口可参考：[接口 API 文档](https://xp.palxp.com/apidoc/index.html)。
+
+### 图片生成服务
 
 代码位于 [screenshots/](https://github.com/palxiao/poster-design/tree/main/screenshot) 目录下，查看[接口 API 文档](https://xp.palxp.com/apidoc/screenshot.html)。
 
 > 打包注意事项与服务器配置相关请进入该目录下查看 README 文件说明。
 
-### 截图服务 Docker 部署
+### Docker 容器部署
 
 可以通过 Docker 运行一个带 Linux 浏览器的容器，[参考说明](https://xp.palxp.com/#/articles/1689319644311?id=docker%e5%ae%b9%e5%99%a8)。
 
-### 后端
-
-根据你的具体场景自行实现，目前本项目中的所有后端接口可参考：[接口 API 文档](https://xp.palxp.com/apidoc/index.html)。
-
-### 抠图服务部署
-
-```
-docker run -d -p 5000:5000 --restart always danielgatis/rembg s
-```
-
 ### 感谢
 
 本项目使用或参考了一些优秀开源项目，包括但不限于：
@@ -110,7 +104,7 @@ A：考虑到服务端的开发语言、数据库类型都可能不尽相同，
 
 项目最早使用 Vue2 开发，后改用 Vue3 重构，所以有部分代码混合了 Options 写法。
 
-或许你在工作中有类似的研发需求，或者对开发编辑器感兴趣，希望这个项目能给到你一些微薄帮助！
+或许你在工作中有这类需求，这个项目能给到你一些微薄帮助的话，那就再好不过了！
 
 目前本项目也还在不断迭代中，有很多的不足之处，我也是一边学习一边成长。开源不易，希望看到这里的你可以给本项目点个 **Star** 支持一下~ 感谢！
 
diff --git a/src/components/modules/settings/colorSelect.vue b/src/components/modules/settings/colorSelect.vue
index c96eea4..4f3ad6d 100644
--- a/src/components/modules/settings/colorSelect.vue
+++ b/src/components/modules/settings/colorSelect.vue
@@ -22,8 +22,7 @@ import { useStore } from 'vuex'
 // import { debounce } from 'throttle-debounce'
 // import { toolTip } from '@/common/methods/helper'
 // import colorPicker from '@/utils/plugins/color-picker/index.vue'
-// import colorPicker from '@palxp/color-picker'
-import colorPicker from '@palxp/color-picker/index.vue'
+import colorPicker from '@palxp/color-picker'
 
 export default defineComponent({
   name: NAME,