separated inbound's client mux #257

frontend/src/components/Multiplex.vue

@@ -85,6 +85,7 @@ export default {
   },
   computed: {
     mux(): oMultiplex {
+      if (!Object.hasOwn(this.$props.data,"multiplex")) this.$props.data.multiplex = {}
       return <oMultiplex> this.$props.data.multiplex
     },
     muxEnable: {

frontend/src/layouts/modals/Inbound.vue

@@ -50,6 +50,7 @@
             </v-window-item>
             <v-window-item value="c">
               <OutJsonVue :inData="inData" :type="inbound.type" />
+              <Multiplex v-if="Object.hasOwn(inbound,'multiplex')" direction="out" :data="inData.outJson" />
               <v-card>
                 <v-card-subtitle>{{ $t('in.multiDomain') }}
                   <v-icon @click="add_addr" icon="mdi-plus"></v-icon>
@@ -169,6 +170,7 @@ export default {
       const prevConfig = { tag: tag ,listen: this.inbound.listen, listen_port: this.inbound.listen_port }
       this.inbound = createInbound(this.inbound.type, prevConfig)
       if (this.HasInData.includes(this.inbound.type)){
+        if (this.inData.id == -1) this.inData.id = 0
         this.inData.outJson = {}
         this.inData.tag = tag
       } else {

frontend/src/plugins/outJson.ts

@@ -61,7 +61,6 @@ function addTls(out: any, tls: iTls, tlsClient: oTls){
 
 function shadowsocksOut(out: any, inbound: Shadowsocks) {
   out.method = inbound.method
-  out.multiplex = inbound.multiplex
 }
 
 function shadowTlsOut(out: any, inbound: ShadowTLS) {
@@ -94,16 +93,13 @@ function tuicOut(out: any, inbound: TUIC) {
 }
 
 function vlessOut(out: any, inbound: VLESS) {
-  out.multiplex = inbound.multiplex
   out.transport = inbound.transport
 }
 
 function trojanOut(out: any, inbound: Trojan) {
-  out.multiplex = inbound.multiplex
   out.transport = inbound.transport
 }
 
 function vmessOut(out: any, inbound: VMess) {
-  out.multiplex = inbound.multiplex
   out.transport = inbound.transport
 }

frontend/src/views/Inbounds.vue

@@ -311,6 +311,10 @@ const delInbound = (index: number) => {
   }
   if (index < Data().oldData.config.inbounds.length){
     Data().delInbound(index)
+  } else {
+    // Delete new inbound's inData if exists
+    const inDataIndex = Data().inData.findIndex((d:any) => d.tag == tag)
+    if (inDataIndex != -1) Data().inData.splice(inDataIndex, 1)
   }
   delOverlay.value[index] = false
 }