feat: 新增图片和图标

src/store/modules/packagesStore/packagesStore.d.ts

@@ -1,8 +1,9 @@
-import { PackagesType, ConfigType } from '@/packages/index.d'
-
-export { ConfigType }
-
-export { PackagesType }
-export interface PackagesStoreType {
-  packagesList: PackagesType
-}
+import { PackagesType, ConfigType } from '@/packages/index.d'
+
+export { ConfigType }
+
+export { PackagesType }
+export interface PackagesStoreType {
+  packagesList: PackagesType,
+  newPhoto?: ConfigType
+}

src/store/modules/packagesStore/packagesStore.ts

@@ -1,16 +1,23 @@
-import { defineStore } from 'pinia'
-import { PackagesStoreType, PackagesType } from './packagesStore.d'
-import { packagesList } from '@/packages/index'
-
-// 组件 pakages
-export const usePackagesStore = defineStore({
-  id: 'usePackagesStore',
-  state: (): PackagesStoreType => ({
-    packagesList: Object.freeze(packagesList)
-  }),
-  getters: {
-    getPackagesList(): PackagesType {
-      return this.packagesList
-    }
-  }
-})
+import { defineStore } from 'pinia'
+import { ConfigType, PackagesStoreType, PackagesType } from './packagesStore.d'
+import { packagesList } from '@/packages/index'
+
+// 组件 packages
+export const usePackagesStore = defineStore({
+  id: 'usePackagesStore',
+  state: (): PackagesStoreType => ({
+    packagesList: Object.freeze(packagesList),
+    newPhoto: undefined
+  }),
+  getters: {
+    getPackagesList(): PackagesType {
+      return this.packagesList
+    }
+  },
+  actions: {
+    addPhotos(newPhoto: ConfigType, index: number) {
+      this.newPhoto = newPhoto
+      this.packagesList.Photos.splice(index, 0, newPhoto)
+    }
+  }
+})