[ss] fix 128 bit shadowsocks password #208

frontend/src/components/protocols/Shadowsocks.vue

@@ -6,12 +6,10 @@
           hide-details
           :label="$t('in.ssMethod')"
           :items="ssMethods"
+          @update:model-value="changeMethod($event)"
           v-model="data.method">
         </v-select>
       </v-col>
-      <v-col cols="12" sm="6" md="4">
-        <v-text-field v-model="data.password" :label="$t('types.pw')" hide-details></v-text-field>
-      </v-col>
       <v-col cols="12" sm="6" md="4">
         <Network :data="data" />
       </v-col>
@@ -19,12 +17,24 @@
         <UoT :data="data" />
       </v-col>
     </v-row>
+    <v-row v-if="data.method.startsWith('2022')">
+      <v-col cols="12" sm="8">
+        <v-text-field
+          v-model="data.password"
+          :label="$t('types.pw')"
+          hide-details
+          append-inner-icon="mdi-refresh"
+          @click:append-inner="changeMethod(data.method)">
+        </v-text-field>
+      </v-col>
+    </v-row>
   </v-card>
 </template>
 
 <script lang="ts">
 import Network from '@/components/Network.vue'
 import UoT from '@/components/UoT.vue';
+import RandomUtil from '@/plugins/randomUtil';
 
 export default {
   props: ['direction','data'],
@@ -43,6 +53,15 @@ export default {
       ]
     }
   },
+  methods: {
+    changeMethod(ssMethod :string) {
+      if (ssMethod.startsWith('2022')) {
+        this.$props.data.password = ssMethod == "2022-blake3-aes-128-gcm" ? RandomUtil.randomShadowsocksPassword(16) : RandomUtil.randomShadowsocksPassword(32)
+      } else {
+        this.$props.data.password = ''
+      }
+    }
+  },
   components: { Network, UoT }
 }
 </script>