feat: save

packages/frontend/src/views/menu/index.vue

@@ -92,7 +92,10 @@
                   trigger: ['input', 'blur'],
                 }"
               >
-                <n-input v-model:value="modalForm.translations.find(i => i.locale === lang).title" :maxlength="200" show-count />
+                <n-input
+                  v-model:value="modalForm.translations.find(i => i.locale === lang).title" :maxlength="200"
+                  show-count
+                />
               </n-form-item>
 
               <n-form-item
@@ -103,8 +106,8 @@
                 }"
               >
                 <n-input
-                  v-model:value="modalForm.translations.find(i => i.locale === lang).description" :maxlength="200" show-count
-                  type="textarea"
+                  v-model:value="modalForm.translations.find(i => i.locale === lang).description"
+                  :maxlength="200" show-count type="textarea"
                 />
               </n-form-item>
             </n-tab-pane>
@@ -157,7 +160,7 @@ console.log('styleEnum', styleEnum)
 /** QueryBar筛选参数（可选） */
 const queryItems = ref({})
 
-const { modalRef, modalFormRef, modalAction, modalForm, handleAdd, handleDelete, handleEdit }
+const { modalRef, modalFormRef, modalAction, modalForm, handleAdd, handleDelete, handleEdit, handleCancel }
   = useCrud({
     name: '菜单',
     doCreate: MenuApi.create,
@@ -169,6 +172,9 @@ const { modalRef, modalFormRef, modalAction, modalForm, handleAdd, handleDelete,
       translations: initTranslations({}, ['title', 'remark']).translations,
     },
     refresh: (_, keepCurrentPage) => $table.value?.handleSearch(keepCurrentPage),
+    onCancel: () => {
+      console.log('onCancel')
+    },
   })
 onMounted(() => {
   $table.value?.handleSearch()
@@ -230,6 +236,10 @@ function getTopMenuList() {
 }
 
 function handleAddMenu() {
+  modalForm.value.translations = []
+  setTimeout(() => {
+    modalForm.value.translations = initTranslations({}, ['title', 'description']).translations
+  }, 200)
   handleAdd(null, null, () => {
     getTopMenuList()
   })