添加.prettierrc

.editorconfig

@@ -9,3 +9,4 @@ indent_size = 2
 end_of_line = lf
 trim_trailing_whitespace = true
 insert_final_newline = true
+max_line_length = 120

.prettierrc

@@ -0,0 +1,11 @@
+{
+	"singleQuote": true,
+	"semi": false,
+	"printWidth": 80,
+	"tabWidth": 2,
+	"useTabs": false,
+	"quoteProps": "as-needed",
+	"jsxSingleQuote": true,
+	"vueIndentScriptAndStyle": true,
+	"endOfLine": "lf"
+}

package.json

@@ -20,7 +20,6 @@
 		"mockjs": "^1.1.0",
 		"pinia": "^2.1.7",
 		"vue": "3.4.21",
-    "vue-masonry": "0.16.0",
 		"vue-router": "4.3.0",
 		"vue-switches": "2.0.1"
 	},
@@ -30,6 +29,7 @@
 		"@vitejs/plugin-vue": "4.0.0",
 		"@vitejs/plugin-vue-jsx": "3.0.0",
 		"less": "4.1.3",
+		"prettier": "3.2.5",
 		"rollup-plugin-visualizer": "^5.9.2",
 		"unplugin-vue-define-options": "^1.4.1",
 		"unplugin-vue-macros": "^2.7.10",

pnpm-lock.yaml

@@ -38,9 +38,6 @@ dependencies:
   vue:
     specifier: 3.4.21
     version: 3.4.21
-  vue-masonry:
-    specifier: 0.16.0
-    version: 0.16.0(vue@3.4.21)
   vue-router:
     specifier: 4.3.0
     version: 4.3.0(vue@3.4.21)
@@ -64,6 +61,9 @@ devDependencies:
   less:
     specifier: 4.1.3
     version: 4.1.3
+  prettier:
+    specifier: 3.2.5
+    version: 3.2.5
   rollup-plugin-visualizer:
     specifier: ^5.9.2
     version: 5.12.0(rollup@2.79.1)
@@ -1904,10 +1904,6 @@ packages:
     engines: {node: '>=0.4.0'}
     dev: false
 
-  /desandro-matches-selector@2.0.2:
-    resolution: {integrity: sha512-+1q0nXhdzg1IpIJdMKalUwvvskeKnYyEe3shPRwedNcWtnhEKT3ZxvFjzywHDeGcKViIxTCAoOYQWP1qD7VNyg==}
-    dev: false
-
   /dir-glob@3.0.1:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
     engines: {node: '>=8'}
@@ -2271,10 +2267,6 @@ packages:
   /estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
 
-  /ev-emitter@1.1.1:
-    resolution: {integrity: sha512-ipiDYhdQSCZ4hSbX4rMW+XzNKMD1prg/sTvoVmSLkuQ1MVlwjJQQA+sW8tMYR3BLUr9KjodFV4pvzunvRhd33Q==}
-    dev: false
-
   /exec-buffer@3.2.0:
     resolution: {integrity: sha512-wsiD+2Tp6BWHoVv3B+5Dcx6E7u5zky+hUwOHjuH2hKSLR3dvRmX8fk8UD8uqQixHs4Wk6eDmiegVrMPjKj7wpA==}
     engines: {node: '>=4'}
@@ -2477,12 +2469,6 @@ packages:
       semver-regex: 2.0.0
     dev: true
 
-  /fizzy-ui-utils@2.0.7:
-    resolution: {integrity: sha512-CZXDVXQ1If3/r8s0T+v+qVeMshhfcuq0rqIFgJnrtd+Bu8GmDmqMjntjUePypVtjHXKJ6V4sw9zeyox34n9aCg==}
-    dependencies:
-      desandro-matches-selector: 2.0.2
-    dev: false
-
   /follow-redirects@1.15.6:
     resolution: {integrity: sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==}
     engines: {node: '>=4.0'}
@@ -2556,10 +2542,6 @@ packages:
       npm-conf: 1.1.3
     dev: true
 
-  /get-size@2.0.3:
-    resolution: {integrity: sha512-lXNzT/h/dTjTxRbm9BXb+SGxxzkm97h/PCIKtlN/CBCxxmkkIVV21udumMS93MuVTDX583gqc94v3RjuHmI+2Q==}
-    dev: false
-
   /get-stdin@4.0.1:
     resolution: {integrity: sha512-F5aQMywwJ2n85s4hJPTT9RPxGmubonuB10MNYo17/xph174n2MIR33HRguhzVag10O/npM7SPk73LMZNP+FaWw==}
     engines: {node: '>=0.10.0'}
@@ -2863,12 +2845,6 @@ packages:
       replace-ext: 1.0.1
     dev: true
 
-  /imagesloaded@4.1.4:
-    resolution: {integrity: sha512-ltiBVcYpc/TYTF5nolkMNsnREHW+ICvfQ3Yla2Sgr71YFwQ86bDwV9hgpFhFtrGPuwEx5+LqOHIrdXBdoWwwsA==}
-    dependencies:
-      ev-emitter: 1.1.1
-    dev: false
-
   /import-lazy@3.1.0:
     resolution: {integrity: sha512-8/gvXvX2JMn0F+CDlSC4l6kOmVaLOO3XLkksI7CI3Ud95KDYJuYur2b9P/PUt/i/pDAMd/DulQsNbbbmRRsDIQ==}
     engines: {node: '>=6'}
@@ -3268,13 +3244,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /masonry-layout@4.2.2:
-    resolution: {integrity: sha512-iGtAlrpHNyxaR19CvKC3npnEcAwszXoyJiI8ARV2ePi7fmYhIud25MHK8Zx4P0LCC4d3TNO9+rFa1KoK1OEOaA==}
-    dependencies:
-      get-size: 2.0.3
-      outlayer: 2.1.1
-    dev: false
-
   /mdn-data@2.0.14:
     resolution: {integrity: sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==}
     dev: true
@@ -3530,14 +3499,6 @@ packages:
       arch: 2.2.0
     dev: true
 
-  /outlayer@2.1.1:
-    resolution: {integrity: sha512-+GplXsCQ3VrbGujAeHEzP9SXsBmJxzn/YdDSQZL0xqBmAWBmortu2Y9Gwdp9J0bgDQ8/YNIPMoBM13nTwZfAhw==}
-    dependencies:
-      ev-emitter: 1.1.1
-      fizzy-ui-utils: 2.0.7
-      get-size: 2.0.3
-    dev: false
-
   /ow@0.17.0:
     resolution: {integrity: sha512-i3keDzDQP5lWIe4oODyDFey1qVrq2hXKTuTH2VpqwpYtzPiKZt2ziRI4NBQmgW40AnV5Euz17OyWweCb+bNEQA==}
     engines: {node: '>=10'}
@@ -3774,6 +3735,12 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
+  /prettier@3.2.5:
+    resolution: {integrity: sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dev: true
+
   /process-nextick-args@2.0.1:
     resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
     dev: true
@@ -4579,21 +4546,6 @@ packages:
       fsevents: 2.3.3
     dev: true
 
-  /vue-demi@0.13.11(vue@3.4.21):
-    resolution: {integrity: sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
-    peerDependencies:
-      '@vue/composition-api': ^1.0.0-rc.1
-      vue: ^3.0.0-0 || ^2.6.0
-    peerDependenciesMeta:
-      '@vue/composition-api':
-        optional: true
-    dependencies:
-      vue: 3.4.21
-    dev: false
-
   /vue-demi@0.14.7(vue@3.4.21):
     resolution: {integrity: sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==}
     engines: {node: '>=12'}
@@ -4609,22 +4561,6 @@ packages:
       vue: 3.4.21
     dev: false
 
-  /vue-masonry@0.16.0(vue@3.4.21):
-    resolution: {integrity: sha512-0Wi/BH4iYYRrAAFY/wokczz0lWWPg1vmOvFW4aC2nKybKf6kVqUvFfR9/+izDfzG657/vY+Om0gqOB5YPxPxuQ==}
-    peerDependencies:
-      '@vue/composition-api': ^1.0.0-rc.1
-      vue: ^2.0.0 || >=3.0.0
-    peerDependenciesMeta:
-      '@vue/composition-api':
-        optional: true
-    dependencies:
-      imagesloaded: 4.1.4
-      masonry-layout: 4.2.2
-      mitt: 3.0.0
-      vue: 3.4.21
-      vue-demi: 0.13.11(vue@3.4.21)
-    dev: false
-
   /vue-router@4.3.0(vue@3.4.21):
     resolution: {integrity: sha512-dqUcs8tUeG+ssgWhcPbjHvazML16Oga5w34uCUmsk7i0BcnskoLGwjpa15fqMr2Fa5JgVBrdL2MEgqz6XZ/6IQ==}
     peerDependencies:

src/utils/bus.js

@@ -16,17 +16,17 @@ export default {
 		this.eventMap.set(eventType, [cb])
 	},
 	off(eventType, fn) {
-    let cbs = this.eventMap.has(eventType);
+		let cbs = this.eventMap.has(eventType)
 		if (cbs) {
 			if (fn) {
 				let cbs = this.eventMap.get(eventType)
-        let rIndex = cbs.findIndex(v => v === fn)
+				let rIndex = cbs.findIndex((v) => v === fn)
 				if (rIndex > -1) {
 					cbs.splice(rIndex, 1)
 				}
 				this.eventMap.set(eventType, cbs)
 			} else {
-        this.eventMap.delete(eventType);
+				this.eventMap.delete(eventType)
 			}
 		}
 	},
@@ -36,9 +36,9 @@ export default {
 	emit(eventType, val) {
 		let cbs = this.eventMap.get(eventType)
 		if (cbs) {
-      cbs.map(cb => cb(val))
-    }
+			cbs.map((cb) => cb(val))
 		}
+	},
 }
 
 export const EVENT_KEY = {