feat: Added functionality to rename presets

src/components/display/PresetItem.vue

@@ -31,6 +31,15 @@
                     class="button"
                     :title="t('misc.export')"
                 ></el-button>
+              <el-button
+                  :icon="IconEpEdit"
+                  text
+                  size="small"
+                  circle
+                  @click.stop="$emit('rename')"
+                  class="button"
+                  :title="t('misc.rename')"
+              ></el-button>
             </div>
         </div>
         <div class="body">
@@ -59,8 +68,8 @@ import { weaponData } from "@weapon"
 import { targetFunctionData } from "@targetFunction"
 
 import IconFa6SolidDownload from "~icons/fa6-solid/download"
+import IconEpEdit from "~icons/ep/edit"
 import IconEpDelete from "~icons/ep/delete"
-import IconEpCPU from "~icons/ep/cpu"
 import {IPreset} from "@/types/preset"
 import {useI18n} from "@/i18n/i18n";
 

src/i18n/locales/en.js

@@ -195,7 +195,9 @@ export default {
         exportAll: "Export All",
         go: "Please go to",
         toCalc: "page to add new presets",
-        wrongFormat: "Wrong format"
+        wrongFormat: "Wrong format",
+        renamePresetTitle:"Rename the preset",
+        renamePresetContent:"Please enter the new name for the preset",
     },
     calcPage: {
         selectArt: "Select Artifact",

src/i18n/locales/zh-cn.js

@@ -197,7 +197,9 @@ export default {
         exportAll: "导出全部",
         go: "请前往",
         toCalc: "页面添加预设",
-        wrongFormat: "导入格式错误"
+        wrongFormat: "导入格式错误",
+        renamePresetTitle:"重命名预设",
+        renamePresetContent:"请输入新的预设名字",
     },
     calcPage: {
         selectArt: "选择圣遗物",

src/pages/CharacterPresetsPage/CharacterPresetsPage.vue

@@ -56,6 +56,7 @@
                 :calculate-icon="false"
                 @delete="handleDeletePreset(entry.name)"
                 @download="handleDownload(entry.name)"
+                @rename="handleRename(entry.name)"
                 class="item"
                 @click="handleClickPreset(entry.name)"
             ></preset-item>
@@ -153,6 +154,16 @@ function handleDownload(name: string) {
     downloadString(str, "application/json", name)
 }
 
+function handleRename(name:string){
+  ElMessageBox.prompt(t("presetPage.renamePresetContent"), t("presetPage.renamePresetTitle"), {
+    confirmButtonText: t("misc.confirm"),
+    cancelButtonText: t("misc.cancel"),
+    inputValue:name,
+  }).then(({ value }) => {
+    presetStore.renamePreset(name,value)
+  }).catch(() => {})
+}
+
 function handleExportAll() {
     const str = JSON.stringify(presetStore.allFlat.value)
 

src/store/pinia/preset.ts

@@ -49,6 +49,16 @@ function f() {
         return presets.value[name]
     }
 
+    function renamePreset(name:string,newName:string):boolean{
+        const preset = getPreset(name)
+        if(preset===undefined) return false
+        const item = preset.item
+        item.name = newName
+        deletePreset(name)
+        addOrOverwrite(newName,item)
+        return getPreset(newName)!==undefined
+    }
+
     function deletePreset(name: string) {
         delete presets.value[name]
     }
@@ -68,6 +78,7 @@ function f() {
         addOrOverwrite,
         deletePreset,
         getPreset,
+        renamePreset,
 
         allFlat,
         count