txlyre
/
3x-ui
镜像来自 https://github.com/MHSanaei/3x-ui


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894
							<!DOCTYPE html>
<html lang="en">
{{template "head" .}}
<style>

    @media (min-width: 769px) {

        .ant-layout-content {

            margin: 24px 16px;

        }

    }


    @media (max-width: 768px) {

        .ant-tabs-nav .ant-tabs-tab {

            margin: 0;

            padding: 12px .5rem;

        }

    }


    .ant-tabs-bar {

        margin: 0;

    }


    .ant-list-item {

        display: block;

    }


    .collapse-title {

        color: inherit;

        font-weight: bold;

        font-size: 18px;

        padding: 10px 20px;

        border-bottom: 2px solid;

    }


    .collapse-title > i {

        color: inherit;

        font-size: 24px;

    }

</style>
<body>
<a-layout id="app" v-cloak :class="themeSwitcher.currentTheme">
    {{ template "commonSider" . }}
    <a-layout id="content-layout">
        <a-layout-content>
            <a-spin :spinning="spinning" :delay="500" tip='{{ i18n "loading"}}'>
                <a-space direction="vertical">
                    <a-card hoverable style="margin-bottom: .5rem;">
                        <a-row>
                            <a-col :xs="24" :sm="8" style="padding: 4px;">
                                <a-space direction="horizontal">
                                    <a-button type="primary" :disabled="saveBtnDisable" @click="updateXraySetting">{{ i18n "pages.xray.save" }}</a-button>
                                    <a-button type="danger" :disabled="!saveBtnDisable" @click="restartXray">{{ i18n "pages.xray.restart" }}</a-button>
                                </a-space>
                            </a-col>
                            <a-col :xs="24" :sm="16">
                                <a-alert type="warning" style="float: right; width: fit-content"

                                message='{{ i18n "pages.settings.infoDesc" }}'

                                show-icon

                                >
                            </a-col>
                        </a-row>
                    </a-card>
                    <a-tabs class="ant-card-dark-box-nohover" default-active-key="tpl-1" :class="themeSwitcher.currentTheme" style="padding: 20px 20px;">
                        <a-tab-pane key="tpl-1" tab='{{ i18n "pages.xray.basicTemplate"}}' style="padding-top: 20px;">
                            <a-space direction="horizontal" style="padding: 20px 20px">
                                <a-button type="primary" @click="resetXrayConfigToDefault">{{ i18n "pages.settings.resetDefaultConfig" }}</a-button>
                            </a-space>
                            <a-collapse>
                                <a-collapse-panel header='{{ i18n "pages.xray.generalConfigs"}}'>
                                    <a-row :xs="24" :sm="24" :lg="12">
                                        <h2 class="collapse-title">
                                            <a-icon type="warning"></a-icon>
                                            {{ i18n "pages.xray.generalConfigsDesc" }}
                                        </h2>
                                    </a-row>
                                    <a-list-item>
                                        <a-row style="padding: 20px">
                                            <a-col :lg="24" :xl="12">
                                                <a-list-item-meta 

                                                    title='{{ i18n "pages.xray.xrayConfigFreedomStrategy" }}'

                                                    description='{{ i18n "pages.xray.xrayConfigFreedomStrategyDesc" }}'/>
                                            </a-col>
                                            <a-col :lg="24" :xl="12">
                                                <template>
                                                    <a-select

                                                        v-model="freedomStrategy"

                                                        :dropdown-class-name="themeSwitcher.currentTheme"

                                                        style="width: 100%">
                                                        <a-select-option v-for="s in outboundDomainStrategies" :value="s">[[ s ]]</a-select-option>
                                                    </a-select>
                                                </template>
                                            </a-col>
                                        </a-row>
                                    </a-list-item>
                                    <a-row style="padding: 20px">
                                        <a-col :lg="24" :xl="12">
                                            <a-list-item-meta 

                                                title='{{ i18n "pages.xray.xrayConfigRoutingStrategy" }}'

                                                description='{{ i18n "pages.xray.xrayConfigRoutingStrategyDesc" }}'/>
                                        </a-col>
                                        <a-col :lg="24" :xl="12">
                                            <template>
                                                <a-select

                                                    v-model="routingStrategy"

                                                    :dropdown-class-name="themeSwitcher.currentTheme"

                                                    style="width: 100%">
                                                    <a-select-option v-for="s in routingDomainStrategies" :value="s">[[ s ]]</a-select-option>
                                                </a-select>
                                            </template>
                                        </a-col>
                                    </a-row>
                                </a-list-item>
                                </a-collapse-panel>
                                <a-collapse-panel header='{{ i18n "pages.xray.blockConfigs"}}'>
                                    <a-row :xs="24" :sm="24" :lg="12">
                                        <h2 class="collapse-title">
                                            <a-icon type="warning"></a-icon>
                                            {{ i18n "pages.xray.blockConfigsDesc" }}
                                        </h2>
                                    </a-row>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigTorrent"}}' desc='{{ i18n "pages.xray.xrayConfigTorrentDesc"}}' v-model="torrentSettings"></setting-list-item>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigPrivateIp"}}' desc='{{ i18n "pages.xray.xrayConfigPrivateIpDesc"}}' v-model="privateIpSettings"></setting-list-item>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigAds"}}' desc='{{ i18n "pages.xray.xrayConfigAdsDesc"}}' v-model="AdsSettings"></setting-list-item>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigFamily"}}' desc='{{ i18n "pages.xray.xrayConfigFamilyDesc"}}' v-model="familyProtectSettings"></setting-list-item>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigSpeedtest"}}' desc='{{ i18n "pages.xray.xrayConfigSpeedtestDesc"}}' v-model="SpeedTestSettings"></setting-list-item>
                                </a-collapse-panel>
                                <a-collapse-panel header='{{ i18n "pages.xray.blockCountryConfigs"}}'>
                                    <a-row :xs="24" :sm="24" :lg="12">
                                        <h2 class="collapse-title">
                                            <a-icon type="warning"></a-icon>
                                            {{ i18n "pages.xray.blockCountryConfigsDesc" }}
                                        </h2>
                                    </a-row>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigIRIp"}}' desc='{{ i18n "pages.xray.xrayConfigIRIpDesc"}}' v-model="IRIpSettings"></setting-list-item>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigIRDomain"}}' desc='{{ i18n "pages.xray.xrayConfigIRDomainDesc"}}' v-model="IRDomainSettings"></setting-list-item>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigChinaIp"}}' desc='{{ i18n "pages.xray.xrayConfigChinaIpDesc"}}' v-model="ChinaIpSettings"></setting-list-item>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigChinaDomain"}}' desc='{{ i18n "pages.xray.xrayConfigChinaDomainDesc"}}' v-model="ChinaDomainSettings"></setting-list-item>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigRussiaIp"}}' desc='{{ i18n "pages.xray.xrayConfigRussiaIpDesc"}}' v-model="RussiaIpSettings"></setting-list-item>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigRussiaDomain"}}' desc='{{ i18n "pages.xray.xrayConfigRussiaDomainDesc"}}' v-model="RussiaDomainSettings"></setting-list-item>
                                </a-collapse-panel>
                                <a-collapse-panel header='{{ i18n "pages.xray.directCountryConfigs"}}'>
                                    <a-row :xs="24" :sm="24" :lg="12">
                                        <h2 class="collapse-title">
                                            <a-icon type="warning"></a-icon>
                                            {{ i18n "pages.xray.directCountryConfigsDesc" }}
                                        </h2>
                                    </a-row>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigDirectIRIp"}}' desc='{{ i18n "pages.xray.xrayConfigDirectIRIpDesc"}}' v-model="IRIpDirectSettings"></setting-list-item>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigDirectIRDomain"}}' desc='{{ i18n "pages.xray.xrayConfigDirectIRDomainDesc"}}' v-model="IRDomainDirectSettings"></setting-list-item>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigDirectChinaIp"}}' desc='{{ i18n "pages.xray.xrayConfigDirectChinaIpDesc"}}' v-model="ChinaIpDirectSettings"></setting-list-item>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigDirectChinaDomain"}}' desc='{{ i18n "pages.xray.xrayConfigDirectChinaDomainDesc"}}' v-model="ChinaDomainDirectSettings"></setting-list-item>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigDirectRussiaIp"}}' desc='{{ i18n "pages.xray.xrayConfigDirectRussiaIpDesc"}}' v-model="RussiaIpDirectSettings"></setting-list-item>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigDirectRussiaDomain"}}' desc='{{ i18n "pages.xray.xrayConfigDirectRussiaDomainDesc"}}' v-model="RussiaDomainDirectSettings"></setting-list-item>
                                </a-collapse-panel>
                                <a-collapse-panel header='{{ i18n "pages.xray.ipv4Configs"}}'>
                                    <a-row :xs="24" :sm="24" :lg="12">
                                        <h2 class="collapse-title">
                                            <a-icon type="warning"></a-icon>
                                            {{ i18n "pages.xray.ipv4ConfigsDesc" }}
                                        </h2>
                                    </a-row>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigGoogleIPv4"}}' desc='{{ i18n "pages.xray.xrayConfigGoogleIPv4Desc"}}' v-model="GoogleIPv4Settings"></setting-list-item>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigNetflixIPv4"}}' desc='{{ i18n "pages.xray.xrayConfigNetflixIPv4Desc"}}' v-model="NetflixIPv4Settings"></setting-list-item>
                                </a-collapse-panel>
                                <a-collapse-panel header='{{ i18n "pages.xray.warpConfigs"}}'>
                                    <a-row :xs="24" :sm="24" :lg="12">
                                        <h2 class="collapse-title">
                                            <a-icon type="warning"></a-icon>
                                            {{ i18n "pages.xray.warpConfigsDesc" }}
                                        </h2>
                                    </a-row>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigGoogleWARP"}}' desc='{{ i18n "pages.xray.xrayConfigGoogleWARPDesc"}}' v-model="GoogleWARPSettings"></setting-list-item>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigOpenAIWARP"}}' desc='{{ i18n "pages.xray.xrayConfigOpenAIWARPDesc"}}' v-model="OpenAIWARPSettings"></setting-list-item>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigNetflixWARP"}}' desc='{{ i18n "pages.xray.xrayConfigNetflixWARPDesc"}}' v-model="NetflixWARPSettings"></setting-list-item>
                                    <setting-list-item type="switch" title='{{ i18n "pages.xray.xrayConfigSpotifyWARP"}}' desc='{{ i18n "pages.xray.xrayConfigSpotifyWARPDesc"}}' v-model="SpotifyWARPSettings"></setting-list-item>
                                </a-collapse-panel>
                            </a-collapse>
                        </a-tab-pane>
                        <a-tab-pane key="tpl-2" tab='{{ i18n "pages.xray.manualLists"}}' style="padding-top: 20px;">
                            <a-row :xs="24" :sm="24" :lg="12">
                                <h2 class="collapse-title">
                                    <a-icon type="warning"></a-icon>
                                    {{ i18n "pages.xray.manualListsDesc" }}
                                </h2>
                            </a-row>
                            <a-collapse>
                                <a-collapse-panel header='{{ i18n "pages.xray.manualBlockedIPs"}}'>
                                    <setting-list-item type="textarea" v-model="manualBlockedIPs"></setting-list-item>
                                </a-collapse-panel>
                                <a-collapse-panel header='{{ i18n "pages.xray.manualBlockedDomains"}}'>
                                    <setting-list-item type="textarea" v-model="manualBlockedDomains"></setting-list-item>
                                </a-collapse-panel>
                                <a-collapse-panel header='{{ i18n "pages.xray.manualDirectIPs"}}'>
                                    <setting-list-item type="textarea" v-model="manualDirectIPs"></setting-list-item>
                                </a-collapse-panel>
                                <a-collapse-panel header='{{ i18n "pages.xray.manualDirectDomains"}}'>
                                    <setting-list-item type="textarea" v-model="manualDirectDomains"></setting-list-item>
                                </a-collapse-panel>
                                <a-collapse-panel header='{{ i18n "pages.xray.manualIPv4Domains"}}'>
                                    <setting-list-item type="textarea" v-model="manualIPv4Domains"></setting-list-item>
                                </a-collapse-panel>
                                <a-collapse-panel header='{{ i18n "pages.xray.manualWARPDomains"}}'>
                                    <setting-list-item type="textarea" v-model="manualWARPDomains"></setting-list-item>
                                </a-collapse-panel>
                            </a-collapse>
                        </a-tab-pane>
                        <a-tab-pane key="tpl-3" tab='{{ i18n "pages.xray.advancedTemplate"}}' style="padding-top: 20px;">
                            <a-collapse>
                                <a-collapse-panel header='{{ i18n "pages.xray.xrayConfigInbounds"}}'>
                                    <setting-list-item type="textarea" title='{{ i18n "pages.xray.xrayConfigInbounds"}}' desc='{{ i18n "pages.xray.xrayConfigInboundsDesc"}}' v-model="inboundSettings"></setting-list-item>
                                </a-collapse-panel>
                                <a-collapse-panel header='{{ i18n "pages.xray.xrayConfigOutbounds"}}'>
                                    <setting-list-item type="textarea" title='{{ i18n "pages.xray.xrayConfigOutbounds"}}' desc='{{ i18n "pages.xray.xrayConfigOutboundsDesc"}}' v-model="outboundSettings"></setting-list-item>
                                </a-collapse-panel>
                                <a-collapse-panel header='{{ i18n "pages.xray.xrayConfigRoutings"}}'>
                                    <setting-list-item type="textarea" title='{{ i18n "pages.xray.xrayConfigRoutings"}}' desc='{{ i18n "pages.xray.xrayConfigRoutingsDesc"}}' v-model="routingRuleSettings"></setting-list-item>
                                </a-collapse-panel>
                            </a-collapse>
                        </a-tab-pane>
                        <a-tab-pane key="tpl-4" tab='{{ i18n "pages.xray.completeTemplate"}}' style="padding-top: 20px;">
                            <setting-list-item type="textarea" title='{{ i18n "pages.xray.xrayConfigTemplate"}}' desc='{{ i18n "pages.xray.xrayConfigTemplateDesc"}}' v-model="this.xraySetting"></setting-list-item>
                        </a-tab-pane>
                    </a-tabs>
                </a-space>
            </a-spin>
        </a-layout-content>
    </a-layout>
</a-layout>
{{template "js" .}}
{{template "component/themeSwitcher" .}}
{{template "component/setting"}}
<script>

    const app = new Vue({

        delimiters: ['[[', ']]'],

        el: '#app',

        data: {

            siderDrawer,

            themeSwitcher,

            spinning: false,

            oldXraySetting: '',

            xraySetting: '',

            saveBtnDisable: true,

            ipv4Settings: {

                tag: "IPv4",

                protocol: "freedom",

                settings: {

                    domainStrategy: "UseIPv4"

                }

            },

            warpSettings: {

                tag: "WARP",

                protocol: "socks",

                settings: {

                    servers: [

                        {

                            address: "127.0.0.1",

                            port: 40000

                        }

                    ]

                }

            },

            directSettings: {

                tag: "direct",

                protocol: "freedom"

            },

            outboundDomainStrategies: ["AsIs", "UseIP", "UseIPv4", "UseIPv6"],

            routingDomainStrategies: ["AsIs", "IPIfNonMatch", "IPOnDemand"],

            settingsData: {

                protocols: {

                    bittorrent: ["bittorrent"],

                },

                ips: {

                    local: ["geoip:private"],

                    cn: ["geoip:cn"],

                    ir: ["ext:geoip_IR.dat:ir","ext:geoip_IR.dat:arvancloud","ext:geoip_IR.dat:derakcloud","ext:geoip_IR.dat:iranserver"],

                    ru: ["geoip:ru"],

                },

                domains: {

                    ads: [

                        "geosite:category-ads-all",

                        "ext:geosite_IR.dat:category-ads-all"

                    ],

                    speedtest: ["geosite:speedtest"],

                    openai: ["geosite:openai"],

                    google: ["geosite:google"],

                    spotify: ["geosite:spotify"],

                    netflix: ["geosite:netflix"],

                    cn: [

                        "geosite:cn",

                        "regexp:.*\\.cn$"

                    ],

                    ru: [

                        "geosite:category-gov-ru",

                        "regexp:.*\\.ru$"

                    ],

                    ir: [

                        "regexp:.*\\.ir$",

                        "regexp:.*\\.xn--mgba3a4f16a$",  // .ایران

                        "ext:geosite_IR.dat:ir"  // have rules to bypass all .ir domains.

                    ]

                },

                familyProtectDNS: {

                    "servers": [

                        "1.1.1.3",  // https://developers.cloudflare.com/1.1.1.1/setup/

                        "1.0.0.3",

                        "94.140.14.15",  // https://adguard-dns.io/kb/general/dns-providers/

                        "94.140.15.16"

                    ],

                    "queryStrategy": "UseIPv4"

                },

            }

        },

        methods: {

            loading(spinning = true) {

                this.spinning = spinning;

            },

            async getXraySetting() {

                this.loading(true);

                const msg = await HttpUtil.post("/panel/xray/");

                this.loading(false);

                if (msg.success) {

                    this.oldXraySetting = msg.obj;

                    this.xraySetting = msg.obj;

                    this.saveBtnDisable = true;

                }

            },

            async updateXraySetting() {

                this.loading(true);

                const msg = await HttpUtil.post("/panel/xray/update", {xraySetting : this.xraySetting});

                this.loading(false);

                if (msg.success) {

                    await this.getXraySetting();

                }

            },

            async restartPanel() {

                this.loading(true);

                const msg = await HttpUtil.post("server/restartXrayService");

                this.loading(false);

                if (msg.success) {

                    this.loading(true);

                }

            },

            async fetchUserSecret() {

                this.loading(true);

                const userMessage = await HttpUtil.post("/panel/setting/getUserSecret", this.user);

                if (userMessage.success) {

                    this.user = userMessage.obj;

                }

                this.loading(false);

            },

            async updateSecret() {

                this.loading(true);

                const msg = await HttpUtil.post("/panel/setting/updateUserSecret", this.user);

                if (msg.success) {

                    this.user = msg.obj;

                    window.location.replace(basePath + "logout");

                }

                this.loading(false);

                await this.updateXraySetting();

            },

            generateRandomString(length) {

                var chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890";

                let randomString = "";

                for (let i = 0; i < length; i++) {

                    randomString += chars[Math.floor(Math.random() * chars.length)];

                }

                return randomString;

            },

            async getNewSecret() {

                this.loading(true);

                await PromiseUtil.sleep(600);

                const newSecret = this.generateRandomString(64);

                this.user.loginSecret = newSecret;

                document.getElementById("token").textContent = newSecret;

                this.loading(false);

            },

            async toggleToken(value) {

                if (value) {

                await this.getNewSecret();

                } else {

                this.user.loginSecret = "";

                }

            },

            async resetXrayConfigToDefault() {

                this.loading(true);

                const msg = await HttpUtil.get("/panel/setting/getDefaultJsonConfig");

                this.loading(false);

                if (msg.success) {

                    this.templateSettings = JSON.parse(JSON.stringify(msg.obj, null, 2));

                    this.saveBtnDisable = true;

                }

            },

            syncRulesWithOutbound(tag, setting) {

                const newTemplateSettings = {...this.templateSettings};

                const haveRules = newTemplateSettings.routing.rules.some((r) => r?.outboundTag === tag);

                const outboundIndex = newTemplateSettings.outbounds.findIndex((o) => o.tag === tag);

                if (!haveRules && outboundIndex >= 0) {

                    newTemplateSettings.outbounds.splice(outboundIndex, 1);

                }

                if (haveRules && outboundIndex === -1) {

                    newTemplateSettings.outbounds.push(setting);

                }

                this.templateSettings = newTemplateSettings;

            },

            templateRuleGetter(routeSettings) {

                const { property, outboundTag } = routeSettings;

                let result = [];

                if (this.templateSettings != null) {

                    this.templateSettings.routing.rules.forEach(

                        (routingRule) => {

                            if (

                                routingRule.hasOwnProperty(property) &&

                                routingRule.hasOwnProperty("outboundTag") &&

                                routingRule.outboundTag === outboundTag

                            ) {

                                result.push(...routingRule[property]);

                            }

                        }

                    );

                }

                return result;

            },

            templateRuleSetter(routeSettings) {

                const { data, property, outboundTag } = routeSettings;

                const oldTemplateSettings = this.templateSettings;

                const newTemplateSettings = oldTemplateSettings;

                currentProperty = this.templateRuleGetter({ outboundTag, property })

                if (currentProperty.length == 0) {

                    const propertyRule = {

                        type: "field",

                        outboundTag,

                        [property]: data

                    };

                    newTemplateSettings.routing.rules.push(propertyRule);

                }

                else {

                    const newRules = [];

                    insertedOnce = false;

                    newTemplateSettings.routing.rules.forEach(

                        (routingRule) => {

                            if (

                                routingRule.hasOwnProperty(property) &&

                                routingRule.hasOwnProperty("outboundTag") &&

                                routingRule.outboundTag === outboundTag

                            ) {

                                if (!insertedOnce && data.length > 0) {

                                    insertedOnce = true;

                                    routingRule[property] = data;

                                    newRules.push(routingRule);

                                }

                            }

                            else {

                                newRules.push(routingRule);

                            }

                        }

                    );

                    newTemplateSettings.routing.rules = newRules;

                }

                this.templateSettings = newTemplateSettings;

            }

        },

        async mounted() {

            await this.getXraySetting();

            while (true) {

                await PromiseUtil.sleep(600);

                this.saveBtnDisable = this.oldXraySetting === this.xraySetting;

            }

        },

        computed: {

            templateSettings: {

                get: function () { return this.xraySetting ? JSON.parse(this.xraySetting) : null; },

                set: function (newValue) { this.xraySetting = JSON.stringify(newValue, null, 2); },

            },

            inboundSettings: {

                get: function () { return this.templateSettings ? JSON.stringify(this.templateSettings.inbounds, null, 2) : null; },

                set: function (newValue) {

                    newTemplateSettings = this.templateSettings;

                    newTemplateSettings.inbounds = JSON.parse(newValue);

                    this.templateSettings = newTemplateSettings;

                },

            },

            outboundSettings: {

                get: function () { return this.templateSettings ? JSON.stringify(this.templateSettings.outbounds, null, 2) : null; },

                set: function (newValue) {

                    newTemplateSettings = this.templateSettings;

                    newTemplateSettings.outbounds = JSON.parse(newValue);

                    this.templateSettings = newTemplateSettings;

                },

            },

            routingRuleSettings: {

                get: function () { return this.templateSettings ? JSON.stringify(this.templateSettings.routing.rules, null, 2) : null; },

                set: function (newValue) {

                    newTemplateSettings = this.templateSettings;

                    newTemplateSettings.routing.rules = JSON.parse(newValue);

                    this.templateSettings = newTemplateSettings;

                },

            },

            freedomStrategy: {

                get: function () {

                    if (!this.templateSettings) return "AsIs";

                    freedomOutbound = this.templateSettings.outbounds.find((o) => o.protocol === "freedom" && !o.tag);

                    if (!freedomOutbound) return "AsIs";

                    if (!freedomOutbound.settings || !freedomOutbound.settings.domainStrategy) return "AsIs";

                    return freedomOutbound.settings.domainStrategy;

                },

                set: function (newValue) {

                    newTemplateSettings = this.templateSettings;

                    freedomOutboundIndex = newTemplateSettings.outbounds.findIndex((o) => o.protocol === "freedom" && !o.tag);

                    if (!newTemplateSettings.outbounds[freedomOutboundIndex].settings) {

                        newTemplateSettings.outbounds[freedomOutboundIndex].settings = {"domainStrategy": newValue};

                    } else {

                        newTemplateSettings.outbounds[freedomOutboundIndex].settings.domainStrategy = newValue;

                    }

                    this.templateSettings = newTemplateSettings;

                }

            },

            routingStrategy: {

                get: function () {

                    if (!this.templateSettings || !this.templateSettings.routing || !this.templateSettings.routing.domainStrategy) return "AsIs";

                    return this.templateSettings.routing.domainStrategy;

                },

                set: function (newValue) {

                    newTemplateSettings = this.templateSettings;

                    newTemplateSettings.routing.domainStrategy = newValue;

                    this.templateSettings = newTemplateSettings;

                }

            },

            blockedIPs: {

                get: function () {

                    return this.templateRuleGetter({ outboundTag: "blocked", property: "ip" });

                },

                set: function (newValue) {

                    this.templateRuleSetter({ outboundTag: "blocked", property: "ip", data: newValue });

                }

            },

            blockedDomains: {

                get: function () {

                    return this.templateRuleGetter({ outboundTag: "blocked", property: "domain" });

                },

                set: function (newValue) {

                    this.templateRuleSetter({ outboundTag: "blocked", property: "domain", data: newValue });

                }

            },

            blockedProtocols: {

                get: function () {

                    return this.templateRuleGetter({ outboundTag: "blocked", property: "protocol" });

                },

                set: function (newValue) {

                    this.templateRuleSetter({ outboundTag: "blocked", property: "protocol", data: newValue });

                }

            },

            directIPs: {

                get: function () {

                    return this.templateRuleGetter({ outboundTag: "direct", property: "ip" });

                },

                set: function (newValue) {

                    this.templateRuleSetter({ outboundTag: "direct", property: "ip", data: newValue });

                    this.syncRulesWithOutbound("direct", this.directSettings);

                }

            },

            directDomains: {

                get: function () {

                    return this.templateRuleGetter({ outboundTag: "direct", property: "domain" });

                },

                set: function (newValue) {

                    this.templateRuleSetter({ outboundTag: "direct", property: "domain", data: newValue });

                    this.syncRulesWithOutbound("direct", this.directSettings);

                }

            },

            ipv4Domains: {

                get: function () {

                    return this.templateRuleGetter({ outboundTag: "IPv4", property: "domain" });

                },

                set: function (newValue) {

                    this.templateRuleSetter({ outboundTag: "IPv4", property: "domain", data: newValue });

                    this.syncRulesWithOutbound("IPv4", this.ipv4Settings);

                }

            },

            warpDomains: {

                get: function () {

                    return this.templateRuleGetter({ outboundTag: "WARP", property: "domain" });

                },

                set: function (newValue) {

                    this.templateRuleSetter({ outboundTag: "WARP", property: "domain", data: newValue });

                    this.syncRulesWithOutbound("WARP", this.warpSettings);

                }

            },

            manualBlockedIPs: {

                get: function () { return JSON.stringify(this.blockedIPs, null, 2); },

                set: debounce(function (value) { this.blockedIPs = JSON.parse(value); }, 1000)

            },

            manualBlockedDomains: {

                get: function () { return JSON.stringify(this.blockedDomains, null, 2); },

                set: debounce(function (value) { this.blockedDomains = JSON.parse(value); }, 1000)

            },

            manualDirectIPs: {

                get: function () { return JSON.stringify(this.directIPs, null, 2); },

                set: debounce(function (value) { this.directIPs = JSON.parse(value); }, 1000)

            },

            manualDirectDomains: {

                get: function () { return JSON.stringify(this.directDomains, null, 2); },

                set: debounce(function (value) { this.directDomains = JSON.parse(value); }, 1000)

            },

            manualIPv4Domains: {

                get: function () { return JSON.stringify(this.ipv4Domains, null, 2); },

                set: debounce(function (value) { this.ipv4Domains = JSON.parse(value); }, 1000)

            },

            manualWARPDomains: {

                get: function () { return JSON.stringify(this.warpDomains, null, 2); },

                set: debounce(function (value) { this.warpDomains = JSON.parse(value); }, 1000)

            },

            torrentSettings: {

                get: function () {

                    return doAllItemsExist(this.settingsData.protocols.bittorrent, this.blockedProtocols);

                },

                set: function (newValue) {

                    if (newValue) {

                        this.blockedProtocols = [...this.blockedProtocols, ...this.settingsData.protocols.bittorrent];

                    } else {

                        this.blockedProtocols = this.blockedProtocols.filter(data => !this.settingsData.protocols.bittorrent.includes(data));

                    }

                },

            },

            privateIpSettings: {

                get: function () {

                    return doAllItemsExist(this.settingsData.ips.local, this.blockedIPs);

                },

                set: function (newValue) {

                    if (newValue) {

                        this.blockedIPs = [...this.blockedIPs, ...this.settingsData.ips.local];

                    } else {

                        this.blockedIPs = this.blockedIPs.filter(data => !this.settingsData.ips.local.includes(data));

                    }

                },

            },

            AdsSettings: {

                get: function () {

                    return doAllItemsExist(this.settingsData.domains.ads, this.blockedDomains);

                },

                set: function (newValue) {

                    if (newValue) {

                        this.blockedDomains = [...this.blockedDomains, ...this.settingsData.domains.ads];

                    } else {

                        this.blockedDomains = this.blockedDomains.filter(data => !this.settingsData.domains.ads.includes(data));

                    }

                },

            },

            SpeedTestSettings: {

                get: function () {

                    return doAllItemsExist(this.settingsData.domains.speedtest, this.blockedDomains);

                },

                set: function (newValue) {

                    if (newValue) {

                        this.blockedDomains = [...this.blockedDomains, ...this.settingsData.domains.speedtest];

                    } else {

                        this.blockedDomains = this.blockedDomains.filter(data => !this.settingsData.domains.speedtest.includes(data));

                    }

                },

            },

            familyProtectSettings: {

                get: function () {

                    if (!this.templateSettings || !this.templateSettings.dns || !this.templateSettings.dns.servers) return false;

                    return doAllItemsExist(this.templateSettings.dns.servers, this.settingsData.familyProtectDNS.servers);

                },

                set: function (newValue) {

                    newTemplateSettings = this.templateSettings;

                    if (newValue) {

                        newTemplateSettings.dns = this.settingsData.familyProtectDNS;

                    } else {

                        delete newTemplateSettings.dns;

                    }

                    this.templateSettings = newTemplateSettings;

                },

            },

            GoogleIPv4Settings: {

                get: function () {

                    return doAllItemsExist(this.settingsData.domains.google, this.ipv4Domains);

                },

                set: function (newValue) {

                    if (newValue) {

                        this.ipv4Domains = [...this.ipv4Domains, ...this.settingsData.domains.google];

                    } else {

                        this.ipv4Domains = this.ipv4Domains.filter(data => !this.settingsData.domains.google.includes(data));

                    }

                },

            },

            NetflixIPv4Settings: {

                get: function () {

                    return doAllItemsExist(this.settingsData.domains.netflix, this.ipv4Domains);

                },

                set: function (newValue) {

                    if (newValue) {

                        this.ipv4Domains = [...this.ipv4Domains, ...this.settingsData.domains.netflix];

                    } else {

                        this.ipv4Domains = this.ipv4Domains.filter(data => !this.settingsData.domains.netflix.includes(data));

                    }

                },

            },

            IRIpSettings: {

                get: function () {

                    return doAllItemsExist(this.settingsData.ips.ir, this.blockedIPs);

                },

                set: function (newValue) {

                    if (newValue) {

                        this.blockedIPs = [...this.blockedIPs, ...this.settingsData.ips.ir];

                    } else {

                        this.blockedIPs = this.blockedIPs.filter(data => !this.settingsData.ips.ir.includes(data));

                    }

                }

            },

            IRDomainSettings: {

                get: function () {

                    return doAllItemsExist(this.settingsData.domains.ir, this.blockedDomains);

                },

                set: function (newValue) {

                    if (newValue) {

                        this.blockedDomains = [...this.blockedDomains, ...this.settingsData.domains.ir];

                    } else {

                        this.blockedDomains = this.blockedDomains.filter(data => !this.settingsData.domains.ir.includes(data));

                    }

                }

            },

            ChinaIpSettings: {

                get: function () {

                    return doAllItemsExist(this.settingsData.ips.cn, this.blockedIPs);

                },

                set: function (newValue) {

                    if (newValue) {

                        this.blockedIPs = [...this.blockedIPs, ...this.settingsData.ips.cn];

                    } else {

                        this.blockedIPs = this.blockedIPs.filter(data => !this.settingsData.ips.cn.includes(data));

                    }

                }

            },

            ChinaDomainSettings: {

                get: function () {

                    return doAllItemsExist(this.settingsData.domains.cn, this.blockedDomains);

                },

                set: function (newValue) {

                    if (newValue) {

                        this.blockedDomains = [...this.blockedDomains, ...this.settingsData.domains.cn];

                    } else {

                        this.blockedDomains = this.blockedDomains.filter(data => !this.settingsData.domains.cn.includes(data));

                    }

                }

            },

            RussiaIpSettings: {

                get: function () {

                    return doAllItemsExist(this.settingsData.ips.ru, this.blockedIPs);

                },

                set: function (newValue) {

                    if (newValue) {

                        this.blockedIPs = [...this.blockedIPs, ...this.settingsData.ips.ru];

                    } else {

                        this.blockedIPs = this.blockedIPs.filter(data => !this.settingsData.ips.ru.includes(data));

                    }

                }

            },

            RussiaDomainSettings: {

                get: function () {

                    return doAllItemsExist(this.settingsData.domains.ru, this.blockedDomains);

                },

                set: function (newValue) {

                    if (newValue) {

                        this.blockedDomains = [...this.blockedDomains, ...this.settingsData.domains.ru];

                    } else {

                        this.blockedDomains = this.blockedDomains.filter(data => !this.settingsData.domains.ru.includes(data));

                    }

                }

            },

            IRIpDirectSettings: {

                get: function () {

                    return doAllItemsExist(this.settingsData.ips.ir, this.directIPs);

                },

                set: function (newValue) {

                    if (newValue) {

                        this.directIPs = [...this.directIPs, ...this.settingsData.ips.ir];

                    } else {

                        this.directIPs = this.directIPs.filter(data => !this.settingsData.ips.ir.includes(data));

                    }

                }

            },

            IRDomainDirectSettings: {

                get: function () {

                    return doAllItemsExist(this.settingsData.domains.ir, this.directDomains);

                },

                set: function (newValue) {

                    if (newValue) {

                        this.directDomains = [...this.directDomains, ...this.settingsData.domains.ir];

                    } else {

                        this.directDomains = this.directDomains.filter(data => !this.settingsData.domains.ir.includes(data));

                    }

                }

            },

            ChinaIpDirectSettings: {

                get: function () {

                    return doAllItemsExist(this.settingsData.ips.cn, this.directIPs);

                },

                set: function (newValue) {

                    if (newValue) {

                        this.directIPs = [...this.directIPs, ...this.settingsData.ips.cn];

                    } else {

                        this.directIPs = this.directIPs.filter(data => !this.settingsData.ips.cn.includes(data));

                    }

                }

            },

            ChinaDomainDirectSettings: {

                get: function () {

                    return doAllItemsExist(this.settingsData.domains.cn, this.directDomains);

                },

                set: function (newValue) {

                    if (newValue) {

                        this.directDomains = [...this.directDomains, ...this.settingsData.domains.cn];

                    } else {

                        this.directDomains = this.directDomains.filter(data => !this.settingsData.domains.cn.includes(data));

                    }

                }

            },

            RussiaIpDirectSettings: {

                get: function () {

                    return doAllItemsExist(this.settingsData.ips.ru, this.directIPs);

                },

                set: function (newValue) {

                    if (newValue) {

                        this.directIPs = [...this.directIPs, ...this.settingsData.ips.ru];

                    } else {

                        this.directIPs = this.directIPs.filter(data => !this.settingsData.ips.ru.includes(data));

                    }

                }

            },

            RussiaDomainDirectSettings: {

                get: function () {

                    return doAllItemsExist(this.settingsData.domains.ru, this.directDomains);

                },

                set: function (newValue) {

                    if (newValue) {

                        this.directDomains = [...this.directDomains, ...this.settingsData.domains.ru];

                    } else {

                        this.directDomains = this.directDomains.filter(data => !this.settingsData.domains.ru.includes(data));

                    }

                }

            },

            GoogleWARPSettings: {

                get: function () {

                    return doAllItemsExist(this.settingsData.domains.google, this.warpDomains);

                },

                set: function (newValue) {

                    if (newValue) {

                        this.warpDomains = [...this.warpDomains, ...this.settingsData.domains.google];

                    } else {

                        this.warpDomains = this.warpDomains.filter(data => !this.settingsData.domains.google.includes(data));

                    }

                },

            },

            OpenAIWARPSettings: {

                get: function () {

                    return doAllItemsExist(this.settingsData.domains.openai, this.warpDomains);

                },

                set: function (newValue) {

                    if (newValue) {

                        this.warpDomains = [...this.warpDomains, ...this.settingsData.domains.openai];

                    } else {

                        this.warpDomains = this.warpDomains.filter(data => !this.settingsData.domains.openai.includes(data));

                    }

                },

            },

            NetflixWARPSettings: {

                get: function () {

                    return doAllItemsExist(this.settingsData.domains.netflix, this.warpDomains);

                },

                set: function (newValue) {

                    if (newValue) {

                        this.warpDomains = [...this.warpDomains, ...this.settingsData.domains.netflix];

                    } else {

                        this.warpDomains = this.warpDomains.filter(data => !this.settingsData.domains.netflix.includes(data));

                    }

                },

            },

            SpotifyWARPSettings: {

                get: function () {

                    return doAllItemsExist(this.settingsData.domains.spotify, this.warpDomains);

                },

                set: function (newValue) {

                    if (newValue) {

                        this.warpDomains = [...this.warpDomains, ...this.settingsData.domains.spotify];

                    } else {

                        this.warpDomains = this.warpDomains.filter(data => !this.settingsData.domains.spotify.includes(data));

                    }

                },

            },

        },

    });

</script>
</body>
</html>