|  | @@ -6,6 +6,16 @@
 | 
	
		
			
				|  |  |      <a-form-item label='{{ i18n "pages.xray.outbound.address" }}'>
 | 
	
		
			
				|  |  |        <a-input v-model.trim="dnsModal.dnsServer.address"></a-input>
 | 
	
		
			
				|  |  |      </a-form-item>
 | 
	
		
			
				|  |  | +    <a-form-item label='{{ i18n "pages.inbounds.port" }}'>
 | 
	
		
			
				|  |  | +      <a-input-number v-model.number="dnsModal.dnsServer.port" :min="1" :max="65531"></a-input-number>
 | 
	
		
			
				|  |  | +    </a-form-item>
 | 
	
		
			
				|  |  | +    <a-form-item label='{{ i18n "pages.xray.dns.strategy" }}'>
 | 
	
		
			
				|  |  | +      <a-select v-model="dnsModal.dnsServer.queryStrategy" :style="{ width: '100%' }"
 | 
	
		
			
				|  |  | +        :dropdown-class-name="themeSwitcher.currentTheme">
 | 
	
		
			
				|  |  | +        <a-select-option :value="l" :label="l" v-for="l in ['UseSystem', 'UseIP', 'UseIPv4', 'UseIPv6']"> [[ l ]] </a-select-option>
 | 
	
		
			
				|  |  | +      </a-select>
 | 
	
		
			
				|  |  | +    </a-form-item>
 | 
	
		
			
				|  |  | +    <a-divider :style="{ margin: '5px 0' }"></a-divider>
 | 
	
		
			
				|  |  |      <a-form-item label='{{ i18n "pages.xray.dns.domains" }}'>
 | 
	
		
			
				|  |  |        <a-button icon="plus" size="small" type="primary" @click="dnsModal.dnsServer.domains.push('')"></a-button>
 | 
	
		
			
				|  |  |        <template v-for="(domain, index) in dnsModal.dnsServer.domains">
 | 
	
	
		
			
				|  | @@ -15,15 +25,6 @@
 | 
	
		
			
				|  |  |          </a-input>
 | 
	
		
			
				|  |  |        </template>
 | 
	
		
			
				|  |  |      </a-form-item>
 | 
	
		
			
				|  |  | -    <a-form-item label='{{ i18n "pages.xray.dns.strategy" }}' v-if="isAdvanced">
 | 
	
		
			
				|  |  | -      <a-select v-model="dnsModal.dnsServer.queryStrategy" :style="{ width: '100%' }"
 | 
	
		
			
				|  |  | -        :dropdown-class-name="themeSwitcher.currentTheme">
 | 
	
		
			
				|  |  | -        <a-select-option :value="l" :label="l" v-for="l in ['UseIP', 'UseIPv4', 'UseIPv6']"> [[ l ]] </a-select-option>
 | 
	
		
			
				|  |  | -      </a-select>
 | 
	
		
			
				|  |  | -    </a-form-item>
 | 
	
		
			
				|  |  | -    <a-form-item label='Skip Fallback' v-if="isAdvanced">
 | 
	
		
			
				|  |  | -      <a-switch v-model="dnsModal.dnsServer.skipFallback"></a-switch>
 | 
	
		
			
				|  |  | -    </a-form-item>
 | 
	
		
			
				|  |  |      <a-form-item label='{{ i18n "pages.xray.dns.expectIPs"}}'>
 | 
	
		
			
				|  |  |        <a-button icon="plus" size="small" type="primary" @click="dnsModal.dnsServer.expectIPs.push('')"></a-button>
 | 
	
		
			
				|  |  |        <template v-for="(domain, index) in dnsModal.dnsServer.expectIPs">
 | 
	
	
		
			
				|  | @@ -33,31 +34,50 @@
 | 
	
		
			
				|  |  |          </a-input>
 | 
	
		
			
				|  |  |        </template>
 | 
	
		
			
				|  |  |      </a-form-item>
 | 
	
		
			
				|  |  | +    <a-form-item label='{{ i18n "pages.xray.dns.unexpectIPs"}}'>
 | 
	
		
			
				|  |  | +      <a-button icon="plus" size="small" type="primary" @click="dnsModal.dnsServer.unexpectedIPs.push('')"></a-button>
 | 
	
		
			
				|  |  | +      <template v-for="(domain, index) in dnsModal.dnsServer.unexpectedIPs">
 | 
	
		
			
				|  |  | +        <a-input v-model.trim="dnsModal.dnsServer.unexpectedIPs[index]">
 | 
	
		
			
				|  |  | +          <a-button icon="minus" size="small" slot="addonAfter"
 | 
	
		
			
				|  |  | +            @click="dnsModal.dnsServer.unexpectedIPs.splice(index,1)"></a-button>
 | 
	
		
			
				|  |  | +        </a-input>
 | 
	
		
			
				|  |  | +      </template>
 | 
	
		
			
				|  |  | +    </a-form-item>
 | 
	
		
			
				|  |  | +    <a-divider :style="{ margin: '5px 0' }"></a-divider>
 | 
	
		
			
				|  |  | +    <a-form-item label='Skip Fallback'>
 | 
	
		
			
				|  |  | +      <a-switch v-model="dnsModal.dnsServer.skipFallback"></a-switch>
 | 
	
		
			
				|  |  | +    </a-form-item>
 | 
	
		
			
				|  |  | +    <a-form-item label='Disable Cache'>
 | 
	
		
			
				|  |  | +      <a-switch v-model="dnsModal.dnsServer.disableCache"></a-switch>
 | 
	
		
			
				|  |  | +    </a-form-item>
 | 
	
		
			
				|  |  | +    <a-form-item label='Final Query'>
 | 
	
		
			
				|  |  | +      <a-switch v-model="dnsModal.dnsServer.finalQuery"></a-switch>
 | 
	
		
			
				|  |  | +    </a-form-item>
 | 
	
		
			
				|  |  |    </a-form>
 | 
	
		
			
				|  |  |  </a-modal>
 | 
	
		
			
				|  |  |  <script>
 | 
	
		
			
				|  |  | +  const defaultDnsObject = {
 | 
	
		
			
				|  |  | +    address: "localhost",
 | 
	
		
			
				|  |  | +    port: 53,
 | 
	
		
			
				|  |  | +    domains: [],
 | 
	
		
			
				|  |  | +    expectIPs: [],
 | 
	
		
			
				|  |  | +    unexpectedIPs: [],
 | 
	
		
			
				|  |  | +    queryStrategy: 'UseIP',
 | 
	
		
			
				|  |  | +    skipFallback: true,
 | 
	
		
			
				|  |  | +    disableCache: false,
 | 
	
		
			
				|  |  | +    finalQuery: false
 | 
	
		
			
				|  |  | +  }
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  |    const dnsModal = {
 | 
	
		
			
				|  |  |      title: '',
 | 
	
		
			
				|  |  |      visible: false,
 | 
	
		
			
				|  |  |      okText: '{{ i18n "confirm" }}',
 | 
	
		
			
				|  |  |      isEdit: false,
 | 
	
		
			
				|  |  |      confirm: null,
 | 
	
		
			
				|  |  | -    dnsServer: {
 | 
	
		
			
				|  |  | -      address: "localhost",
 | 
	
		
			
				|  |  | -      domains: [],
 | 
	
		
			
				|  |  | -      expectIPs: [],
 | 
	
		
			
				|  |  | -      queryStrategy: 'UseIP',
 | 
	
		
			
				|  |  | -      skipFallback: true,
 | 
	
		
			
				|  |  | +    dnsServer: { ...defaultDnsObject },
 | 
	
		
			
				|  |  | +    ok() {      
 | 
	
		
			
				|  |  | +      ObjectUtil.execute(dnsModal.confirm, { ...dnsModal.dnsServer });
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  | -    ok() {
 | 
	
		
			
				|  |  | -      domains = dnsModal.dnsServer.domains.filter(d => d.length > 0);
 | 
	
		
			
				|  |  | -      expectIPs = dnsModal.dnsServer.expectIPs.filter(ip => ip.length > 0);
 | 
	
		
			
				|  |  | -      dnsModal.dnsServer.domains = domains;
 | 
	
		
			
				|  |  | -      dnsModal.dnsServer.expectIPs = expectIPs;
 | 
	
		
			
				|  |  | -      newDnsServer = (domains.length > 0 || expectIPs.length > 0) ? dnsModal.dnsServer : dnsModal.dnsServer.address;
 | 
	
		
			
				|  |  | -      ObjectUtil.execute(dnsModal.confirm, newDnsServer);
 | 
	
		
			
				|  |  | -    },
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  |      show({
 | 
	
		
			
				|  |  |        title = '',
 | 
	
		
			
				|  |  |        okText = '{{ i18n "confirm" }}',
 | 
	
	
		
			
				|  | @@ -69,28 +89,28 @@
 | 
	
		
			
				|  |  |        this.okText = okText;
 | 
	
		
			
				|  |  |        this.confirm = confirm;
 | 
	
		
			
				|  |  |        this.visible = true;
 | 
	
		
			
				|  |  | +      this.isEdit = isEdit;
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  |        if (isEdit) {
 | 
	
		
			
				|  |  | -        if (typeof dnsServer == 'object') {
 | 
	
		
			
				|  |  | -          this.dnsServer = dnsServer;
 | 
	
		
			
				|  |  | -        } else {
 | 
	
		
			
				|  |  | -          this.dnsServer = {
 | 
	
		
			
				|  |  | -            address: dnsServer ?? "",
 | 
	
		
			
				|  |  | -            domains: [],
 | 
	
		
			
				|  |  | -            expectIPs: [],
 | 
	
		
			
				|  |  | -            queryStrategy: 'UseIP',
 | 
	
		
			
				|  |  | -            skipFallback: true,
 | 
	
		
			
				|  |  | -          }
 | 
	
		
			
				|  |  | +        switch (typeof dnsServer) {
 | 
	
		
			
				|  |  | +          case 'string':
 | 
	
		
			
				|  |  | +            const dnsObj = { ...defaultDnsObject };
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +            dnsObj.address = dnsServer;
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +            this.dnsServer = dnsObj;
 | 
	
		
			
				|  |  | +            break;
 | 
	
		
			
				|  |  | +          case 'object':
 | 
	
		
			
				|  |  | +            this.dnsServer = dnsServer;
 | 
	
		
			
				|  |  | +            break;
 | 
	
		
			
				|  |  |          }
 | 
	
		
			
				|  |  |        } else {
 | 
	
		
			
				|  |  | -        this.dnsServer = {
 | 
	
		
			
				|  |  | -          address: "localhost",
 | 
	
		
			
				|  |  | -          domains: [],
 | 
	
		
			
				|  |  | -          expectIPs: [],
 | 
	
		
			
				|  |  | -          queryStrategy: 'UseIP',
 | 
	
		
			
				|  |  | -          skipFallback: true,
 | 
	
		
			
				|  |  | -        }
 | 
	
		
			
				|  |  | +        this.dnsServer = { ...defaultDnsObject };
 | 
	
		
			
				|  |  | +      
 | 
	
		
			
				|  |  | +        this.dnsServer.domains = [];
 | 
	
		
			
				|  |  | +        this.dnsServer.expectIPs = [];
 | 
	
		
			
				|  |  | +        this.dnsServer.unexpectedIPs = [];
 | 
	
		
			
				|  |  |        }
 | 
	
		
			
				|  |  | -      this.isEdit = isEdit;
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |      close() {
 | 
	
		
			
				|  |  |        dnsModal.visible = false;
 | 
	
	
		
			
				|  | @@ -101,13 +121,6 @@
 | 
	
		
			
				|  |  |      el: '#dns-modal',
 | 
	
		
			
				|  |  |      data: {
 | 
	
		
			
				|  |  |        dnsModal: dnsModal,
 | 
	
		
			
				|  |  | -    },
 | 
	
		
			
				|  |  | -    computed: {
 | 
	
		
			
				|  |  | -      isAdvanced: {
 | 
	
		
			
				|  |  | -        get: function () {
 | 
	
		
			
				|  |  | -          return dnsModal.dnsServer.domains.length > 0;
 | 
	
		
			
				|  |  | -        }
 | 
	
		
			
				|  |  | -      }
 | 
	
		
			
				|  |  |      }
 | 
	
		
			
				|  |  |    });
 | 
	
		
			
				|  |  |  </script>
 |