完成PSD解析

.gitignore

@@ -20,3 +20,5 @@ pnpm-debug.log*
 *.njsproj
 *.sln
 *.sw?
+package-lock.json
+yarn.lock

package.json

@@ -11,6 +11,7 @@
   "dependencies": {
     "@element-plus/icons-vue": "^2.1.0",
     "@icon-park/vue-next": "^1.4.2",
+    "@types/psd": "^3.4.3",
     "animate.css": "^4.1.1",
     "axios": "^1.6.2",
     "chartist": "^1.3.0",
@@ -41,6 +42,7 @@
     "prosemirror-schema-list": "^1.2.1",
     "prosemirror-state": "^1.4.1",
     "prosemirror-view": "^1.27.2",
+    "psd.js": "^3.9.0",
     "register-service-worker": "^1.7.2",
     "svg-arc-to-cubic-bezier": "^3.2.0",
     "svg-pathdata": "^6.0.3",

src/App.vue

 <template>
-  <div v-if="isFinish">
+  
     <Screen v-if="screening" />
-    <Market v-else-if="market"></Market>
+    <Market v-else-if="Market"></Market>
+    <!-- <NewFile v-else-if="market"></NewFile> -->
     <Editor v-else-if="_isPC" />
     <Mobile v-else />
-  </div>
+    
 </template>
 
 <script lang="ts" setup>
@@ -20,6 +21,7 @@ import Editor from './views/Editor/index.vue'
 import Screen from './views/Screen/index.vue'
 import Mobile from './views/Mobile/index.vue'
 import Market from './views/Market/Index.vue'
+import NewFile from './views/Market/newFile.vue'
 
 const isFinish = ref(false)
 const userLoginHandler = async ()=>{