fix7: закрыть P0/P1 блокеры runtime/install и перевести hysteria UI в read-only
This commit is contained in:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user