|
|
|
@@ -2,28 +2,6 @@
|
|
|
|
|
<div class="app-container">
|
|
|
|
|
<div class="search">
|
|
|
|
|
<el-form :inline="true">
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button type="primary" @click="submitForm" :icon="Select">
|
|
|
|
|
{{ $t("common.save") }}
|
|
|
|
|
</el-button>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-upload
|
|
|
|
|
v-model:file-list="fileList"
|
|
|
|
|
:http-request="handleImport"
|
|
|
|
|
:show-file-list="false"
|
|
|
|
|
accept=".yaml"
|
|
|
|
|
:limit="1"
|
|
|
|
|
:before-upload="beforeImport"
|
|
|
|
|
>
|
|
|
|
|
<el-button>
|
|
|
|
|
<template #icon>
|
|
|
|
|
<i-ep-upload />
|
|
|
|
|
</template>
|
|
|
|
|
{{ $t("common.import") }}
|
|
|
|
|
</el-button>
|
|
|
|
|
</el-upload>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button @click="handleExport">
|
|
|
|
|
<template #icon>
|
|
|
|
@@ -32,53 +10,18 @@
|
|
|
|
|
{{ $t("common.export") }}
|
|
|
|
|
</el-button>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button @click="handleReset">
|
|
|
|
|
<template #icon>
|
|
|
|
|
<i-ep-refresh />
|
|
|
|
|
</template>
|
|
|
|
|
{{ $t("common.reset") }}
|
|
|
|
|
</el-button>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<el-alert
|
|
|
|
|
title="Hysteria runtime config is managed by hy2xs-orchestrator reconfigure."
|
|
|
|
|
type="info"
|
|
|
|
|
:closable="false"
|
|
|
|
|
style="margin-bottom: 12px"
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
<el-card shadow="never">
|
|
|
|
|
<el-form ref="enableFormRef" :model="enableForm" inline>
|
|
|
|
|
<el-tooltip :content="$t('hysteria.config.enable')" placement="bottom">
|
|
|
|
|
<el-form-item prop="enable">
|
|
|
|
|
<el-switch
|
|
|
|
|
v-model="enableForm.enable"
|
|
|
|
|
active-value="1"
|
|
|
|
|
inactive-value="0"
|
|
|
|
|
@change="handleChangeEnable"
|
|
|
|
|
:active-text="$t('hysteria.enable')"
|
|
|
|
|
:inactive-text="$t('hysteria.disable')"
|
|
|
|
|
style="height: 32px"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-tooltip>
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-dropdown @command="handleDropdownClick">
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
:icon="CirclePlusFilled"
|
|
|
|
|
style="height: 32px"
|
|
|
|
|
>
|
|
|
|
|
{{ $t("hysteria.addConfigItem") }}
|
|
|
|
|
</el-button>
|
|
|
|
|
<template #dropdown>
|
|
|
|
|
<el-dropdown-menu>
|
|
|
|
|
<el-dropdown-item
|
|
|
|
|
:key="item"
|
|
|
|
|
v-for="item in tabs"
|
|
|
|
|
:command="item.name"
|
|
|
|
|
>{{ item.desc }}
|
|
|
|
|
</el-dropdown-item>
|
|
|
|
|
</el-dropdown-menu>
|
|
|
|
|
</template>
|
|
|
|
|
</el-dropdown>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form inline>
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-tag style="height: 32px">
|
|
|
|
|
{{ $t("hysteria.hysteria2Version") }}:
|
|
|
|
@@ -100,17 +43,16 @@
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
|
|
|
|
|
<el-form
|
|
|
|
|
<el-form
|
|
|
|
|
ref="dataFormRef"
|
|
|
|
|
:rules="dataFormRules"
|
|
|
|
|
label-position="top"
|
|
|
|
|
:model="dataForm"
|
|
|
|
|
:disabled="true"
|
|
|
|
|
>
|
|
|
|
|
<el-tabs
|
|
|
|
|
v-model="activeName"
|
|
|
|
|
class="tabs"
|
|
|
|
|
closable
|
|
|
|
|
@tab-remove="closeTabPane"
|
|
|
|
|
>
|
|
|
|
|
<el-tab-pane :label="$t('hysteria.extension')" name="extension">
|
|
|
|
|
<el-tooltip
|
|
|
|
@@ -1057,21 +999,16 @@ import {
|
|
|
|
|
Tab,
|
|
|
|
|
} from "@/api/config/types";
|
|
|
|
|
import Outbounds from "./components/Outbounds/index.vue";
|
|
|
|
|
import { CirclePlusFilled, Select } from "@element-plus/icons-vue";
|
|
|
|
|
import {
|
|
|
|
|
exportHysteria2ConfigApi,
|
|
|
|
|
getHysteria2ConfigApi,
|
|
|
|
|
importHysteria2ConfigApi,
|
|
|
|
|
listConfigApi,
|
|
|
|
|
updateConfigsApi,
|
|
|
|
|
updateHysteria2ConfigApi,
|
|
|
|
|
uploadCertFileApi,
|
|
|
|
|
} from "@/api/config";
|
|
|
|
|
import { useI18n } from "vue-i18n";
|
|
|
|
|
import { assignWith, deepCopy } from "@/utils/copy";
|
|
|
|
|
import {
|
|
|
|
|
UploadFile,
|
|
|
|
|
UploadRawFile,
|
|
|
|
|
UploadRequestOptions,
|
|
|
|
|
} from "element-plus/lib/components";
|
|
|
|
|
import { monitorHysteria2Api } from "@/api/monitor";
|
|
|
|
@@ -1079,7 +1016,6 @@ import { UploadUserFile } from "element-plus";
|
|
|
|
|
|
|
|
|
|
const { t } = useI18n();
|
|
|
|
|
|
|
|
|
|
const hysteria2EnableKey = "HYSTERIA2_ENABLE";
|
|
|
|
|
const hysteria2Remark = "HYSTERIA2_CONFIG_REMARK";
|
|
|
|
|
const clashExtension = "CLASH_EXTENSION";
|
|
|
|
|
const dataFormRef = ref(ElForm);
|
|
|
|
@@ -1119,9 +1055,6 @@ const resolverTypes = ref<string[]>(["tcp", "udp", "tls", "https"]);
|
|
|
|
|
const masqueradeTypes = ref<string[]>(["file", "proxy", "string"]);
|
|
|
|
|
|
|
|
|
|
const state = reactive({
|
|
|
|
|
enableForm: {
|
|
|
|
|
enable: "0",
|
|
|
|
|
},
|
|
|
|
|
configForm: {
|
|
|
|
|
remark: "",
|
|
|
|
|
clashExtension: "",
|
|
|
|
@@ -1140,7 +1073,6 @@ const state = reactive({
|
|
|
|
|
acl: false,
|
|
|
|
|
outbounds: false,
|
|
|
|
|
masquerade: false,
|
|
|
|
|
fileList: [] as UploadFile[],
|
|
|
|
|
hysteria2Monitor: {
|
|
|
|
|
version: "",
|
|
|
|
|
running: false,
|
|
|
|
@@ -1150,7 +1082,6 @@ const state = reactive({
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
const {
|
|
|
|
|
enableForm,
|
|
|
|
|
configForm,
|
|
|
|
|
activeName,
|
|
|
|
|
dataForm,
|
|
|
|
@@ -1166,7 +1097,6 @@ const {
|
|
|
|
|
acl,
|
|
|
|
|
outbounds,
|
|
|
|
|
masquerade,
|
|
|
|
|
fileList,
|
|
|
|
|
hysteria2Monitor,
|
|
|
|
|
crtFileList,
|
|
|
|
|
keyFileList,
|
|
|
|
@@ -1237,28 +1167,6 @@ const tabs = computed(() => {
|
|
|
|
|
return tabs;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
const handleImport = (params: UploadRequestOptions) => {
|
|
|
|
|
if (state.fileList.length > 0) {
|
|
|
|
|
let formData = new FormData();
|
|
|
|
|
formData.append("file", params.file);
|
|
|
|
|
importHysteria2ConfigApi(formData).then(() => {
|
|
|
|
|
ElMessage.success(t("common.success"));
|
|
|
|
|
});
|
|
|
|
|
state.fileList = [];
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const beforeImport = (file: UploadRawFile) => {
|
|
|
|
|
if (!file.name.endsWith(".yaml")) {
|
|
|
|
|
ElMessage.error("file format not supported");
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
if (file.size / 1024 / 1024 > 2) {
|
|
|
|
|
ElMessage.error("the file is too big, less than 2 MB");
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const handleExport = async () => {
|
|
|
|
|
let response = await exportHysteria2ConfigApi();
|
|
|
|
|
try {
|
|
|
|
@@ -1279,199 +1187,13 @@ const handleExport = async () => {
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const handleReset = () => {
|
|
|
|
|
state.configForm = {
|
|
|
|
|
remark: "",
|
|
|
|
|
clashExtension: "",
|
|
|
|
|
};
|
|
|
|
|
state.dataForm = deepCopy(defaultHysteria2ServerConfig);
|
|
|
|
|
state.activeName = "extension";
|
|
|
|
|
state.tlsType = "acme";
|
|
|
|
|
state.aclType = "inline";
|
|
|
|
|
state.obfs = false;
|
|
|
|
|
state.quic = false;
|
|
|
|
|
state.bandwidth = false;
|
|
|
|
|
state.speedTest = false;
|
|
|
|
|
state.udp = false;
|
|
|
|
|
state.resolver = false;
|
|
|
|
|
state.sniff = false;
|
|
|
|
|
state.acl = false;
|
|
|
|
|
state.outbounds = false;
|
|
|
|
|
state.masquerade = false;
|
|
|
|
|
state.fileList = [];
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const handleChangeEnable = async () => {
|
|
|
|
|
const enable = state.enableForm.enable === "1" ? "0" : "1";
|
|
|
|
|
try {
|
|
|
|
|
await updateConfigsApi({
|
|
|
|
|
configUpdateDtos: [
|
|
|
|
|
{ key: hysteria2EnableKey, value: state.enableForm.enable },
|
|
|
|
|
],
|
|
|
|
|
});
|
|
|
|
|
if (state.enableForm.enable === "1") {
|
|
|
|
|
ElMessage.success(t("common.enableSuccess"));
|
|
|
|
|
} else {
|
|
|
|
|
ElMessage.error(t("common.disableSuccess"));
|
|
|
|
|
}
|
|
|
|
|
} catch (e) {
|
|
|
|
|
state.enableForm.enable = enable;
|
|
|
|
|
}
|
|
|
|
|
await setHysteria2Monitor();
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const submitForm = () => {
|
|
|
|
|
dataFormRef.value.validate((valid: any) => {
|
|
|
|
|
if (valid) {
|
|
|
|
|
let configs: ConfigsUpdateDto[] = [
|
|
|
|
|
{
|
|
|
|
|
key: hysteria2Remark,
|
|
|
|
|
value: state.configForm.remark,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: clashExtension,
|
|
|
|
|
value: state.configForm.clashExtension,
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
updateConfigsApi({ configUpdateDtos: configs });
|
|
|
|
|
|
|
|
|
|
if (state.tlsType == "tls") {
|
|
|
|
|
state.dataForm.acme = undefined;
|
|
|
|
|
} else if (state.tlsType == "acme") {
|
|
|
|
|
state.dataForm.tls = undefined;
|
|
|
|
|
if (state.dataForm.acme?.type == "http") {
|
|
|
|
|
state.dataForm.acme.tls = undefined;
|
|
|
|
|
state.dataForm.acme.dns = undefined;
|
|
|
|
|
} else if (state.dataForm.acme?.type == "tls") {
|
|
|
|
|
state.dataForm.acme.http = undefined;
|
|
|
|
|
state.dataForm.acme.dns = undefined;
|
|
|
|
|
} else if (state.dataForm.acme?.type == "dns") {
|
|
|
|
|
state.dataForm.acme.http = undefined;
|
|
|
|
|
state.dataForm.acme.tls = undefined;
|
|
|
|
|
} else if (state.dataForm.acme?.type == "") {
|
|
|
|
|
state.dataForm.acme.http = undefined;
|
|
|
|
|
state.dataForm.acme.tls = undefined;
|
|
|
|
|
state.dataForm.acme.dns = undefined;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (state.dataForm.acl) {
|
|
|
|
|
if (state.aclType == "inline") {
|
|
|
|
|
state.dataForm.acl.file = undefined;
|
|
|
|
|
} else if (state.aclType == "file") {
|
|
|
|
|
state.dataForm.acl.inline = undefined;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (state.dataForm.resolver?.type == "tcp") {
|
|
|
|
|
state.dataForm.resolver.udp = undefined;
|
|
|
|
|
state.dataForm.resolver.tls = undefined;
|
|
|
|
|
state.dataForm.resolver.https = undefined;
|
|
|
|
|
} else if (state.dataForm.resolver?.type == "udp") {
|
|
|
|
|
state.dataForm.resolver.tcp = undefined;
|
|
|
|
|
state.dataForm.resolver.tls = undefined;
|
|
|
|
|
state.dataForm.resolver.https = undefined;
|
|
|
|
|
} else if (state.dataForm.resolver?.type == "tls") {
|
|
|
|
|
state.dataForm.resolver.tcp = undefined;
|
|
|
|
|
state.dataForm.resolver.udp = undefined;
|
|
|
|
|
state.dataForm.resolver.https = undefined;
|
|
|
|
|
} else if (state.dataForm.resolver?.type == "https") {
|
|
|
|
|
state.dataForm.resolver.tcp = undefined;
|
|
|
|
|
state.dataForm.resolver.udp = undefined;
|
|
|
|
|
state.dataForm.resolver.tls = undefined;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (state.dataForm.masquerade?.type == "file") {
|
|
|
|
|
state.dataForm.masquerade.proxy = undefined;
|
|
|
|
|
state.dataForm.masquerade.string = undefined;
|
|
|
|
|
} else if (state.dataForm.masquerade?.type == "proxy") {
|
|
|
|
|
state.dataForm.masquerade.file = undefined;
|
|
|
|
|
state.dataForm.masquerade.string = undefined;
|
|
|
|
|
} else if (state.dataForm.masquerade?.type == "string") {
|
|
|
|
|
state.dataForm.masquerade.file = undefined;
|
|
|
|
|
state.dataForm.masquerade.proxy = undefined;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (!state.obfs) {
|
|
|
|
|
state.dataForm.obfs = undefined;
|
|
|
|
|
}
|
|
|
|
|
if (!state.quic) {
|
|
|
|
|
state.dataForm.quic = undefined;
|
|
|
|
|
}
|
|
|
|
|
if (!state.bandwidth) {
|
|
|
|
|
state.dataForm.bandwidth = undefined;
|
|
|
|
|
state.dataForm.ignoreClientBandwidth = undefined;
|
|
|
|
|
}
|
|
|
|
|
if (!state.speedTest) {
|
|
|
|
|
state.dataForm.speedTest = undefined;
|
|
|
|
|
}
|
|
|
|
|
if (!state.udp) {
|
|
|
|
|
state.dataForm.disableUDP = undefined;
|
|
|
|
|
state.dataForm.udpIdleTimeout = undefined;
|
|
|
|
|
}
|
|
|
|
|
if (!state.resolver) {
|
|
|
|
|
state.dataForm.resolver = undefined;
|
|
|
|
|
}
|
|
|
|
|
if (!state.sniff) {
|
|
|
|
|
state.dataForm.sniff = undefined;
|
|
|
|
|
}
|
|
|
|
|
if (!state.acl) {
|
|
|
|
|
state.dataForm.acl = undefined;
|
|
|
|
|
}
|
|
|
|
|
if (!state.outbounds) {
|
|
|
|
|
state.dataForm.outbounds = undefined;
|
|
|
|
|
}
|
|
|
|
|
if (!state.masquerade) {
|
|
|
|
|
state.dataForm.masquerade = undefined;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (state.dataForm?.udpIdleTimeout === "") {
|
|
|
|
|
state.dataForm!.udpIdleTimeout = "60s";
|
|
|
|
|
}
|
|
|
|
|
if (state.dataForm?.quic?.maxIdleTimeout === "") {
|
|
|
|
|
state.dataForm!.quic!.maxIdleTimeout = "30s";
|
|
|
|
|
}
|
|
|
|
|
if (state.dataForm?.resolver?.tcp?.timeout === "") {
|
|
|
|
|
state.dataForm!.resolver!.tcp!.timeout = "4s";
|
|
|
|
|
}
|
|
|
|
|
if (state.dataForm?.resolver?.udp?.timeout === "") {
|
|
|
|
|
state.dataForm!.resolver!.udp!.timeout = "4s";
|
|
|
|
|
}
|
|
|
|
|
if (state.dataForm?.resolver?.tls?.timeout === "") {
|
|
|
|
|
state.dataForm!.resolver!.tls!.timeout = "10s";
|
|
|
|
|
}
|
|
|
|
|
if (state.dataForm?.resolver?.https?.timeout === "") {
|
|
|
|
|
state.dataForm!.resolver!.https!.timeout = "10s";
|
|
|
|
|
}
|
|
|
|
|
if (state.dataForm?.sniff?.timeout === "") {
|
|
|
|
|
state.dataForm!.sniff!.timeout = "2s";
|
|
|
|
|
}
|
|
|
|
|
if (state.dataForm?.acl?.geoUpdateInterval === "") {
|
|
|
|
|
state.dataForm!.acl!.geoUpdateInterval = "168h";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const params = { ...state.dataForm };
|
|
|
|
|
updateHysteria2ConfigApi(params).then(() => {
|
|
|
|
|
ElMessage.success(t("common.success"));
|
|
|
|
|
setConfig();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const setConfig = () => {
|
|
|
|
|
listConfigApi({
|
|
|
|
|
keys: [
|
|
|
|
|
hysteria2EnableKey,
|
|
|
|
|
hysteria2Remark,
|
|
|
|
|
clashExtension,
|
|
|
|
|
],
|
|
|
|
|
keys: [hysteria2Remark, clashExtension],
|
|
|
|
|
}).then((response) => {
|
|
|
|
|
const data = response.data;
|
|
|
|
|
data.forEach((configVo) => {
|
|
|
|
|
if (configVo.key === hysteria2EnableKey) {
|
|
|
|
|
state.enableForm.enable = configVo.value;
|
|
|
|
|
} else if (configVo.key === hysteria2Remark) {
|
|
|
|
|
if (configVo.key === hysteria2Remark) {
|
|
|
|
|
state.configForm.remark = configVo.value;
|
|
|
|
|
} else if (configVo.key === clashExtension) {
|
|
|
|
|
state.configForm.clashExtension = configVo.value;
|
|
|
|
@@ -1502,66 +1224,6 @@ const setConfig = () => {
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const closeTabPane = (tabPaneName: string) => {
|
|
|
|
|
if (
|
|
|
|
|
tabPaneName === "extension" ||
|
|
|
|
|
tabPaneName === "listen" ||
|
|
|
|
|
tabPaneName === "tls" ||
|
|
|
|
|
tabPaneName === "http"
|
|
|
|
|
) {
|
|
|
|
|
ElMessage.error("This tab is required");
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (tabPaneName === "obfs") {
|
|
|
|
|
state.obfs = false;
|
|
|
|
|
} else if (tabPaneName === "quic") {
|
|
|
|
|
state.quic = false;
|
|
|
|
|
} else if (tabPaneName === "bandwidth") {
|
|
|
|
|
state.bandwidth = false;
|
|
|
|
|
} else if (tabPaneName === "speedTest") {
|
|
|
|
|
state.speedTest = false;
|
|
|
|
|
} else if (tabPaneName === "udp") {
|
|
|
|
|
state.udp = false;
|
|
|
|
|
} else if (tabPaneName === "resolver") {
|
|
|
|
|
state.resolver = false;
|
|
|
|
|
} else if (tabPaneName === "sniff") {
|
|
|
|
|
state.sniff = false;
|
|
|
|
|
} else if (tabPaneName === "acl") {
|
|
|
|
|
state.acl = false;
|
|
|
|
|
} else if (tabPaneName === "outbounds") {
|
|
|
|
|
state.outbounds = false;
|
|
|
|
|
} else if (tabPaneName === "masquerade") {
|
|
|
|
|
state.masquerade = false;
|
|
|
|
|
}
|
|
|
|
|
state.activeName = "listen";
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const handleDropdownClick = (command: string) => {
|
|
|
|
|
if (command === "obfs") {
|
|
|
|
|
state.obfs = true;
|
|
|
|
|
} else if (command === "quic") {
|
|
|
|
|
state.quic = true;
|
|
|
|
|
} else if (command === "bandwidth") {
|
|
|
|
|
state.bandwidth = true;
|
|
|
|
|
} else if (command === "speedTest") {
|
|
|
|
|
state.speedTest = true;
|
|
|
|
|
} else if (command === "udp") {
|
|
|
|
|
state.udp = true;
|
|
|
|
|
} else if (command === "resolver") {
|
|
|
|
|
state.resolver = true;
|
|
|
|
|
} else if (command === "sniff") {
|
|
|
|
|
state.sniff = true;
|
|
|
|
|
} else if (command === "acl") {
|
|
|
|
|
state.acl = true;
|
|
|
|
|
} else if (command === "outbounds") {
|
|
|
|
|
state.outbounds = true;
|
|
|
|
|
} else if (command === "masquerade") {
|
|
|
|
|
state.masquerade = true;
|
|
|
|
|
}
|
|
|
|
|
state.activeName = command;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const setHysteria2Monitor = async () => {
|
|
|
|
|
const { data } = await monitorHysteria2Api();
|
|
|
|
|
Object.assign(state.hysteria2Monitor, data);
|
|
|
|
|