feat: 新建组表单增加折叠

src/locales/langs/en-us.ts

@@ -475,7 +475,9 @@ const local: App.I18n.Schema = {
         description: 'Please enter description',
         idGeneratorMode: 'Please select ID generator mode',
         groupPartition: 'Please select Group partition',
-        initScene: 'Initialized scene'
+        initScene: 'Initialized scene',
+        collapseCommon: 'Common config',
+        collapseRetry: 'Retry config'
       },
       idMode: {
         idWorker: 'Id Workder',

src/locales/langs/zh-cn.ts

@@ -471,7 +471,9 @@ const local: App.I18n.Schema = {
         description: '描述',
         idGeneratorMode: 'ID生成模式',
         groupPartition: '分区',
-        initScene: '初始化场景'
+        initScene: '初始化场景',
+        collapseCommon: '通用配置',
+        collapseRetry: '重试配置'
       },
       idMode: {
         idWorker: '雪花算法',

src/typings/app.d.ts

@@ -633,7 +633,8 @@ declare namespace App {
             groupPartition: string;
             idGeneratorMode: string;
             initScene: string;
-            // bucketIndex: string;
+            collapseCommon: string;
+            collapseRetry: string;
           };
           idMode: {
             idWorker: string;

src/views/group/modules/group-operate-drawer.vue

@@ -158,6 +158,8 @@ watch(visible, () => {
 <template>
   <OperateDrawer v-model="visible" :title="title" @submitted="handleSubmit">
     <NForm ref="formRef" :model="model" :rules="rules">
+      <NCollapse :default-expanded-names="['1', '2']">
+        <NCollapseItem title="通用配置" name="1">
           <NFormItem :label="$t('page.groupConfig.groupName')" path="groupName">
             <NInput
               v-model:value="model.groupName"
@@ -208,6 +210,8 @@ watch(visible, () => {
               round
             />
           </NFormItem>
+        </NCollapseItem>
+        <NCollapseItem title="重试配置" name="2">
           <NFormItem :label="$t('page.groupConfig.idGeneratorMode')" path="idGeneratorMode">
             <NSelect
               v-model:value="model.idGeneratorMode"
@@ -227,7 +231,6 @@ watch(visible, () => {
               </NSpace>
             </NRadioGroup>
           </NFormItem>
-
           <NFormItem :label="$t('page.groupConfig.groupPartition')" path="groupPartition">
             <NSelect
               v-model:value="model.groupPartition"
@@ -235,6 +238,8 @@ watch(visible, () => {
               :options="translateOptions2(partitionList)"
             />
           </NFormItem>
+        </NCollapseItem>
+      </NCollapse>
     </NForm>
     <template #footer>
       <NSpace :size="16">