GuanM/certimate
1
0
Fork 0
mirror of https://github.com/usual2970/certimate.git synced 2025-06-08 13:39:53 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(ui): clean code

Browse Source
This commit is contained in:
Fu Diwei 2025-01-02 10:04:23 +08:00
parent b2417ad902
commit e256d36cd1
12 changed files with 238 additions and 238 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
ui/src/components/access/AccessEditForm.tsx
View File

@ -5,7 +5,8 @@ import { Form, Input, type FormInstance } from "antd";
import { createSchemaFieldRule } from "antd-zod"; import { createSchemaFieldRule } from "antd-zod";
import { z } from "zod"; import { z } from "zod";
import { ACCESS_PROVIDERS, type AccessModel } from "@/domain/access"; import { type AccessModel } from "@/domain/access";
import { ACCESS_PROVIDERS } from "@/domain/provider";
import { useAntdForm } from "@/hooks"; import { useAntdForm } from "@/hooks";
import AccessEditFormACMEHttpReqConfig from "./AccessEditFormACMEHttpReqConfig"; import AccessEditFormACMEHttpReqConfig from "./AccessEditFormACMEHttpReqConfig";
@ -27,7 +28,7 @@ import AccessEditFormSSHConfig from "./AccessEditFormSSHConfig";
import AccessEditFormTencentCloudConfig from "./AccessEditFormTencentCloudConfig"; import AccessEditFormTencentCloudConfig from "./AccessEditFormTencentCloudConfig";
import AccessEditFormVolcEngineConfig from "./AccessEditFormVolcEngineConfig"; import AccessEditFormVolcEngineConfig from "./AccessEditFormVolcEngineConfig";
import AccessEditFormWebhookConfig from "./AccessEditFormWebhookConfig"; import AccessEditFormWebhookConfig from "./AccessEditFormWebhookConfig";
import AccessTypeSelect from "./AccessTypeSelect"; import AccessProviderSelect from "./AccessProviderSelect";
type AccessEditFormFieldValues = Partial<MaybeModelRecord<AccessModel>>; type AccessEditFormFieldValues = Partial<MaybeModelRecord<AccessModel>>;
type AccessEditFormPresets = "add" | "edit"; type AccessEditFormPresets = "add" | "edit";
@ -164,7 +165,7 @@ const AccessEditForm = forwardRef<AccessEditFormInstance, AccessEditFormProps>((
rules={[formRule]} rules={[formRule]}
tooltip={<span dangerouslySetInnerHTML={{ __html: t("access.form.type.tooltip") }}></span>} tooltip={<span dangerouslySetInnerHTML={{ __html: t("access.form.type.tooltip") }}></span>}
> >
<AccessTypeSelect disabled={preset !== "add"} placeholder={t("access.form.type.placeholder")} showSearch={!disabled} /> <AccessProviderSelect disabled={preset !== "add"} placeholder={t("access.form.type.placeholder")} showSearch={!disabled} />
</Form.Item> </Form.Item>
</Form> </Form>

9
ui/src/components/access/AccessTypeSelect.tsx → ui/src/components/access/AccessProviderSelect.tsx
View File

@ -2,15 +2,14 @@ import { memo } from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { Avatar, Select, Space, Tag, Typography, type SelectProps } from "antd"; import { Avatar, Select, Space, Tag, Typography, type SelectProps } from "antd";
import { ACCESS_USAGES } from "@/domain/access"; import { ACCESS_USAGES, accessProvidersMap } from "@/domain/provider";
import { accessProvidersMap } from "@/domain/provider";
export type AccessTypeSelectProps = Omit< export type AccessProviderSelectProps = Omit<
SelectProps, SelectProps,
"filterOption" | "filterSort" | "labelRender" | "options" | "optionFilterProp" | "optionLabelProp" | "optionRender" "filterOption" | "filterSort" | "labelRender" | "options" | "optionFilterProp" | "optionLabelProp" | "optionRender"
>; >;
const AccessTypeSelect = (props: AccessTypeSelectProps) => { const AccessProviderSelect = (props: AccessProviderSelectProps) => {
const { t } = useTranslation(); const { t } = useTranslation();
const options = Array.from(accessProvidersMap.values()).map((item) => ({ const options = Array.from(accessProvidersMap.values()).map((item) => ({
@ -69,4 +68,4 @@ const AccessTypeSelect = (props: AccessTypeSelectProps) => {
); );
}; };
export default memo(AccessTypeSelect); export default memo(AccessProviderSelect);

75
ui/src/components/workflow/Node.tsx
View File

@ -1,6 +1,7 @@
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { DeleteOutlined as DeleteOutlinedIcon, EllipsisOutlined as EllipsisOutlinedIcon } from "@ant-design/icons"; import { DeleteOutlined as DeleteOutlinedIcon, EllipsisOutlined as EllipsisOutlinedIcon } from "@ant-design/icons";
import { Dropdown } from "antd"; import { Button, Dropdown } from "antd";
import { produce } from "immer";
import Show from "@/components/Show"; import Show from "@/components/Show";
import { deployProvidersMap } from "@/domain/provider"; import { deployProvidersMap } from "@/domain/provider";
@ -20,14 +21,24 @@ type NodeProps = {
const i18nPrefix = "workflow.node"; const i18nPrefix = "workflow.node";
const Node = ({ data }: NodeProps) => { const Node = ({ data }: NodeProps) => {
const { updateNode, removeNode } = useWorkflowStore(useZustandShallowSelector(["updateNode", "removeNode"])); const { t } = useTranslation();
const handleNameBlur = (e: React.FocusEvent<HTMLDivElement>) => {
updateNode({ ...data, name: e.target.innerText });
};
const { updateNode, removeNode } = useWorkflowStore(useZustandShallowSelector(["updateNode", "removeNode"]));
const { showPanel } = usePanel(); const { showPanel } = usePanel();
const { t } = useTranslation(); const handleNameBlur = (e: React.FocusEvent<HTMLDivElement>) => {
const oldName = data.name;
const newName = e.target.innerText.trim();
if (oldName === newName) {
return;
}
updateNode(
produce(data, (draft) => {
draft.name = e.target.innerText;
})
);
};
const handleNodeSettingClick = () => { const handleNodeSettingClick = () => {
showPanel({ showPanel({
@ -83,48 +94,48 @@ const Node = ({ data }: NodeProps) => {
return ( return (
<> <>
<div className="rounded-md shadow-md w-[260px] relative"> <div className="relative w-[256px] rounded-md shadow-md overflow-hidden">
{data.type != WorkflowNodeType.Start && ( <Show when={data.type != WorkflowNodeType.Start}>
<> <Dropdown
<Dropdown menu={{
menu={{ items: [
items: [ {
{ key: "delete",
key: "delete", label: t(`${i18nPrefix}.delete.label`),
label: t(`${i18nPrefix}.delete.label`), icon: <DeleteOutlinedIcon />,
icon: <DeleteOutlinedIcon />, danger: true,
danger: true, onClick: () => {
onClick: () => { removeNode(data.id);
removeNode(data.id);
},
}, },
], },
}} ],
trigger={["click"]} }}
> trigger={["click"]}
<div className="absolute right-2 top-1 cursor-pointer"> >
<EllipsisOutlinedIcon className="text-white" size={17} /> <div className="absolute right-2 top-1">
</div> <Button icon={<EllipsisOutlinedIcon style={{ color: "white" }} />} size="small" type="text" />
</Dropdown> </div>
</> </Dropdown>
)} </Show>
<div className="w-[260px] h-[60px] flex flex-col justify-center items-center bg-primary text-white rounded-t-md px-5"> <div className="w-[256px] h-[48px] flex flex-col justify-center items-center bg-primary text-white rounded-t-md px-4 line-clamp-2">
<div <div
className="w-full text-center outline-none focus:bg-white focus:text-stone-600 focus:rounded-sm"
contentEditable contentEditable
suppressContentEditableWarning suppressContentEditableWarning
onBlur={handleNameBlur} onBlur={handleNameBlur}
className="w-full text-center outline-none focus:bg-white focus:text-stone-600 focus:rounded-sm"
> >
{data.name} {data.name}
</div> </div>
</div> </div>
<div className="p-2 text-sm text-primary flex flex-col justify-center bg-white"> <div className="p-2 text-sm text-primary flex flex-col justify-center bg-white">
<div className="leading-7 text-primary cursor-pointer" onClick={handleNodeSettingClick}> <div className="leading-7 text-primary cursor-pointer" onClick={handleNodeSettingClick}>
{getSetting()} {getSetting()}
</div> </div>
</div> </div>
</div> </div>
<AddNode data={data} /> <AddNode data={data} />
</> </>
); );

3
ui/src/components/workflow/node/ApplyNodeForm.tsx
View File

@ -11,8 +11,7 @@ import AccessEditModal from "@/components/access/AccessEditModal";
import AccessSelect from "@/components/access/AccessSelect"; import AccessSelect from "@/components/access/AccessSelect";
import ModalForm from "@/components/core/ModalForm"; import ModalForm from "@/components/core/ModalForm";
import MultipleInput from "@/components/core/MultipleInput"; import MultipleInput from "@/components/core/MultipleInput";
import { ACCESS_USAGES } from "@/domain/access"; import { ACCESS_USAGES, accessProvidersMap } from "@/domain/provider";
import { accessProvidersMap } from "@/domain/provider";
import { type WorkflowNode, type WorkflowNodeConfig } from "@/domain/workflow"; import { type WorkflowNode, type WorkflowNodeConfig } from "@/domain/workflow";
import { useAntdForm, useZustandShallowSelector } from "@/hooks"; import { useAntdForm, useZustandShallowSelector } from "@/hooks";
import { useContactStore } from "@/stores/contact"; import { useContactStore } from "@/stores/contact";

49
ui/src/components/workflow/node/DeployNodeForm.tsx
View File

@ -8,8 +8,7 @@ import { z } from "zod";
import AccessEditModal from "@/components/access/AccessEditModal"; import AccessEditModal from "@/components/access/AccessEditModal";
import AccessSelect from "@/components/access/AccessSelect"; import AccessSelect from "@/components/access/AccessSelect";
import { ACCESS_USAGES } from "@/domain/access"; import { ACCESS_USAGES, accessProvidersMap, DEPLOY_PROVIDERS, deployProvidersMap } from "@/domain/provider";
import { accessProvidersMap, deployProvidersMap } from "@/domain/provider";
import { type WorkflowNode, type WorkflowNodeConfig } from "@/domain/workflow"; import { type WorkflowNode, type WorkflowNodeConfig } from "@/domain/workflow";
import { useAntdForm, useZustandShallowSelector } from "@/hooks"; import { useAntdForm, useZustandShallowSelector } from "@/hooks";
import { useWorkflowStore } from "@/stores/workflow"; import { useWorkflowStore } from "@/stores/workflow";
@ -96,51 +95,51 @@ const DeployNodeForm = ({ data, defaultProivderType }: DeployFormProps) => {
NOTICE: If you add new child component, please keep ASCII order. NOTICE: If you add new child component, please keep ASCII order.
*/ */
switch (fieldProviderType) { switch (fieldProviderType) {
case "aliyun-alb": case DEPLOY_PROVIDERS.ALIYUN_ALB:
return <DeployNodeFormAliyunALBFields />; return <DeployNodeFormAliyunALBFields />;
case "aliyun-clb": case DEPLOY_PROVIDERS.ALIYUN_CLB:
return <DeployNodeFormAliyunCLBFields />; return <DeployNodeFormAliyunCLBFields />;
case "aliyun-cdn": case DEPLOY_PROVIDERS.ALIYUN_CDN:
return <DeployNodeFormAliyunCDNFields />; return <DeployNodeFormAliyunCDNFields />;
case "aliyun-dcdn": case DEPLOY_PROVIDERS.ALIYUN_DCDN:
return <DeployNodeFormAliyunDCDNFields />; return <DeployNodeFormAliyunDCDNFields />;
case "aliyun-nlb": case DEPLOY_PROVIDERS.ALIYUN_NLB:
return <DeployNodeFormAliyunNLBFields />; return <DeployNodeFormAliyunNLBFields />;
case "aliyun-oss": case DEPLOY_PROVIDERS.ALIYUN_OSS:
return <DeployNodeFormAliyunOSSFields />; return <DeployNodeFormAliyunOSSFields />;
case "baiducloud-cdn": case DEPLOY_PROVIDERS.BAIDUCLOUD_CDN:
return <DeployNodeFormBaiduCloudCDNFields />; return <DeployNodeFormBaiduCloudCDNFields />;
case "byteplus-cdn": case DEPLOY_PROVIDERS.BYTEPLUS_CDN:
return <DeployNodeFormBytePlusCDNFields />; return <DeployNodeFormBytePlusCDNFields />;
case "dogecloud-cdn": case DEPLOY_PROVIDERS.DOGECLOUD_CDN:
return <DeployNodeFormDogeCloudCDNFields />; return <DeployNodeFormDogeCloudCDNFields />;
case "huaweicloud-cdn": case DEPLOY_PROVIDERS.HUAWEICLOUD_CDN:
return <DeployNodeFormHuaweiCloudCDNFields />; return <DeployNodeFormHuaweiCloudCDNFields />;
case "huaweicloud-elb": case DEPLOY_PROVIDERS.HUAWEICLOUD_ELB:
return <DeployNodeFormHuaweiCloudELBFields />; return <DeployNodeFormHuaweiCloudELBFields />;
case "k8s-secret": case DEPLOY_PROVIDERS.KUBERNETES_SECRET:
return <DeployNodeFormKubernetesSecretFields />; return <DeployNodeFormKubernetesSecretFields />;
case "local": case DEPLOY_PROVIDERS.LOCAL:
return <DeployNodeFormLocalFields />; return <DeployNodeFormLocalFields />;
case "qiniu-cdn": case DEPLOY_PROVIDERS.QINIU_CDN:
return <DeployNodeFormQiniuCDNFields />; return <DeployNodeFormQiniuCDNFields />;
case "ssh": case DEPLOY_PROVIDERS.SSH:
return <DeployNodeFormSSHFields />; return <DeployNodeFormSSHFields />;
case "tencentcloud-cdn": case DEPLOY_PROVIDERS.TENCENTCLOUD_CDN:
return <DeployNodeFormTencentCloudCDNFields />; return <DeployNodeFormTencentCloudCDNFields />;
case "tencentcloud-clb": case DEPLOY_PROVIDERS.TENCENTCLOUD_CLB:
return <DeployNodeFormTencentCloudCLBFields />; return <DeployNodeFormTencentCloudCLBFields />;
case "tencentcloud-cos": case DEPLOY_PROVIDERS.TENCENTCLOUD_COS:
return <DeployNodeFormTencentCloudCOSFields />; return <DeployNodeFormTencentCloudCOSFields />;
case "tencentcloud-ecdn": case DEPLOY_PROVIDERS.TENCENTCLOUD_ECDN:
return <DeployNodeFormTencentCloudECDNFields />; return <DeployNodeFormTencentCloudECDNFields />;
case "tencentcloud-eo": case DEPLOY_PROVIDERS.TENCENTCLOUD_EO:
return <DeployNodeFormTencentCloudEOFields />; return <DeployNodeFormTencentCloudEOFields />;
case "volcengine-cdn": case DEPLOY_PROVIDERS.VOLCENGINE_CDN:
return <DeployNodeFormVolcEngineCDNFields />; return <DeployNodeFormVolcEngineCDNFields />;
case "volcengine-live": case DEPLOY_PROVIDERS.VOLCENGINE_LIVE:
return <DeployNodeFormVolcEngineLiveFields />; return <DeployNodeFormVolcEngineLiveFields />;
case "webhook": case DEPLOY_PROVIDERS.WEBHOOK:
return <DeployNodeFormWebhookFields />; return <DeployNodeFormWebhookFields />;
} }
}, [fieldProviderType]); }, [fieldProviderType]);

2
ui/src/components/workflow/run/WorkflowRunDetailDrawer.tsx
View File

@ -30,7 +30,7 @@ const WorkflowRunDetailDrawer = ({ data, loading, trigger, ...props }: WorkflowR
<> <>
{triggerDom} {triggerDom}
<Drawer closable destroyOnClose open={open} loading={loading} placement="right" title={`runlog-${data?.id}`} width={640} onClose={() => setOpen(false)}> <Drawer destroyOnClose open={open} loading={loading} placement="right" title={`runlog-${data?.id}`} width={640} onClose={() => setOpen(false)}>
<Show when={!!data}> <Show when={!!data}>
<Show when={data!.succeed}> <Show when={data!.succeed}>
<Alert showIcon type="success" message={<Typography.Text type="success">{t("workflow_run.props.status.succeeded")}</Typography.Text>} /> <Alert showIcon type="success" message={<Typography.Text type="success">{t("workflow_run.props.status.succeeded")}</Typography.Text>} />

2
ui/src/components/workflow/run/WorkflowRuns.tsx
View File

@ -39,7 +39,7 @@ const WorkflowRuns = ({ className, style, workflowId }: WorkflowRunsProps) => {
key: "id", key: "id",
title: t("workflow_run.props.id"), title: t("workflow_run.props.id"),
ellipsis: true, ellipsis: true,
render: (_, record) => record.id, render: (_, record) => <span className="font-mono">{record.id}</span>,
}, },
{ {
key: "status", key: "status",

58
ui/src/domain/access.ts
View File

@ -1,60 +1,4 @@
/* import { type AccessUsageType } from "./provider";
注意：如果追加新的常量值，请保持以 ASCII 排序。
NOTICE: If you add new constant, please keep ASCII order.
*/
export const ACCESS_PROVIDER_ACMEHTTPREQ = "acmehttpreq" as const;
export const ACCESS_PROVIDER_ALIYUN = "aliyun" as const;
export const ACCESS_PROVIDER_AWS = "aws" as const;
export const ACCESS_PROVIDER_BAIDUCLOUD = "baiducloud" as const;
export const ACCESS_PROVIDER_BYTEPLUS = "byteplus" as const;
export const ACCESS_PROVIDER_CLOUDFLARE = "cloudflare" as const;
export const ACCESS_PROVIDER_DOGECLOUD = "dogecloud" as const;
export const ACCESS_PROVIDER_GODADDY = "godaddy" as const;
export const ACCESS_PROVIDER_HUAWEICLOUD = "huaweicloud" as const;
export const ACCESS_PROVIDER_KUBERNETES = "k8s" as const;
export const ACCESS_PROVIDER_LOCAL = "local" as const;
export const ACCESS_PROVIDER_NAMEDOTCOM = "namedotcom" as const;
export const ACCESS_PROVIDER_NAMESILO = "namesilo" as const;
export const ACCESS_PROVIDER_POWERDNS = "powerdns" as const;
export const ACCESS_PROVIDER_QINIU = "qiniu" as const;
export const ACCESS_PROVIDER_SSH = "ssh" as const;
export const ACCESS_PROVIDER_TENCENTCLOUD = "tencentcloud" as const;
export const ACCESS_PROVIDER_VOLCENGINE = "volcengine" as const;
export const ACCESS_PROVIDER_WEBHOOK = "webhook" as const;
export const ACCESS_PROVIDERS = Object.freeze({
ACMEHTTPREQ: ACCESS_PROVIDER_ACMEHTTPREQ,
ALIYUN: ACCESS_PROVIDER_ALIYUN,
AWS: ACCESS_PROVIDER_AWS,
BAIDUCLOUD: ACCESS_PROVIDER_BAIDUCLOUD,
BYTEPLUS: ACCESS_PROVIDER_BYTEPLUS,
CLOUDFLARE: ACCESS_PROVIDER_CLOUDFLARE,
DOGECLOUD: ACCESS_PROVIDER_DOGECLOUD,
GODADDY: ACCESS_PROVIDER_GODADDY,
HUAWEICLOUD: ACCESS_PROVIDER_HUAWEICLOUD,
KUBERNETES: ACCESS_PROVIDER_KUBERNETES,
LOCAL: ACCESS_PROVIDER_LOCAL,
NAMEDOTCOM: ACCESS_PROVIDER_NAMEDOTCOM,
NAMESILO: ACCESS_PROVIDER_NAMESILO,
POWERDNS: ACCESS_PROVIDER_POWERDNS,
QINIU: ACCESS_PROVIDER_QINIU,
SSH: ACCESS_PROVIDER_SSH,
TENCENTCLOUD: ACCESS_PROVIDER_TENCENTCLOUD,
VOLCENGINE: ACCESS_PROVIDER_VOLCENGINE,
WEBHOOK: ACCESS_PROVIDER_WEBHOOK,
} as const);
export type AccessProviderType = (typeof ACCESS_PROVIDERS)[keyof typeof ACCESS_PROVIDERS];
export const ACCESS_USAGE_ALL = "all" as const;
export const ACCESS_USAGE_APPLY = "apply" as const;
export const ACCESS_USAGE_DEPLOY = "deploy" as const;
export const ACCESS_USAGES = Object.freeze({
ALL: ACCESS_USAGE_ALL,
APPLY: ACCESS_USAGE_APPLY,
DEPLOY: ACCESS_USAGE_DEPLOY,
} as const);
export type AccessUsageType = (typeof ACCESS_USAGES)[keyof typeof ACCESS_USAGES];
// #region AccessModel // #region AccessModel
export interface AccessModel extends BaseModel { export interface AccessModel extends BaseModel {

6
ui/src/domain/base.ts
View File

@ -1,6 +0,0 @@
export type PbErrorData = {
[key: string]: {
message: string;
code: string;
};
};

207
ui/src/domain/provider.ts
View File

@ -1,96 +1,157 @@
import { /*
ACCESS_PROVIDER_ACMEHTTPREQ, 注意：如果追加新的常量值，请保持以 ASCII 排序。
ACCESS_PROVIDER_ALIYUN, NOTICE: If you add new constant, please keep ASCII order.
ACCESS_PROVIDER_AWS, */
ACCESS_PROVIDER_BAIDUCLOUD, export const ACCESS_PROVIDERS = Object.freeze({
ACCESS_PROVIDER_BYTEPLUS, ACMEHTTPREQ: "acmehttpreq",
ACCESS_PROVIDER_CLOUDFLARE, ALIYUN: "aliyun",
ACCESS_PROVIDER_DOGECLOUD, AWS: "aws",
ACCESS_PROVIDER_HUAWEICLOUD, BAIDUCLOUD: "baiducloud",
ACCESS_PROVIDER_KUBERNETES, BYTEPLUS: "byteplus",
ACCESS_PROVIDER_LOCAL, CLOUDFLARE: "cloudflare",
ACCESS_PROVIDER_NAMEDOTCOM, DOGECLOUD: "dogecloud",
ACCESS_PROVIDER_NAMESILO, GODADDY: "godaddy",
ACCESS_PROVIDER_GODADDY, HUAWEICLOUD: "huaweicloud",
ACCESS_PROVIDER_POWERDNS, KUBERNETES: "k8s",
ACCESS_PROVIDER_QINIU, LOCAL: "local",
ACCESS_PROVIDER_SSH, NAMEDOTCOM: "namedotcom",
ACCESS_PROVIDER_TENCENTCLOUD, NAMESILO: "namesilo",
ACCESS_PROVIDER_VOLCENGINE, POWERDNS: "powerdns",
ACCESS_PROVIDER_WEBHOOK, QINIU: "qiniu",
type AccessUsageType, SSH: "ssh",
} from "./access"; TENCENTCLOUD: "tencentcloud",
VOLCENGINE: "volcengine",
WEBHOOK: "webhook",
} as const);
export type AccessProviderType = (typeof ACCESS_PROVIDERS)[keyof typeof ACCESS_PROVIDERS];
export const ACCESS_USAGES = Object.freeze({
ALL: "all",
APPLY: "apply",
DEPLOY: "deploy",
} as const);
export type AccessUsageType = (typeof ACCESS_USAGES)[keyof typeof ACCESS_USAGES];
export type AccessProvider = { export type AccessProvider = {
type: string; type: AccessProviderType;
name: string; name: string;
icon: string; icon: string;
usage: AccessUsageType; usage: AccessUsageType;
}; };
export const accessProvidersMap: Map<AccessProvider["type"], AccessProvider> = new Map( export const accessProvidersMap: Map<AccessProvider["type"] | string, AccessProvider> = new Map(
/* /*
注意：此处的顺序决定显示在前端的顺序。 注意：此处的顺序决定显示在前端的顺序。
NOTICE: The following order determines the order displayed at the frontend. NOTICE: The following order determines the order displayed at the frontend.
*/ */
[ [
[ACCESS_PROVIDER_LOCAL, "common.provider.local", "/imgs/providers/local.svg", "deploy"], [ACCESS_PROVIDERS.LOCAL, "common.provider.local", "/imgs/providers/local.svg", "deploy"],
[ACCESS_PROVIDER_SSH, "common.provider.ssh", "/imgs/providers/ssh.svg", "deploy"], [ACCESS_PROVIDERS.SSH, "common.provider.ssh", "/imgs/providers/ssh.svg", "deploy"],
[ACCESS_PROVIDER_WEBHOOK, "common.provider.webhook", "/imgs/providers/webhook.svg", "deploy"], [ACCESS_PROVIDERS.WEBHOOK, "common.provider.webhook", "/imgs/providers/webhook.svg", "deploy"],
[ACCESS_PROVIDER_KUBERNETES, "common.provider.kubernetes", "/imgs/providers/kubernetes.svg", "deploy"], [ACCESS_PROVIDERS.KUBERNETES, "common.provider.kubernetes", "/imgs/providers/kubernetes.svg", "deploy"],
[ACCESS_PROVIDER_ALIYUN, "common.provider.aliyun", "/imgs/providers/aliyun.svg", "all"], [ACCESS_PROVIDERS.ALIYUN, "common.provider.aliyun", "/imgs/providers/aliyun.svg", "all"],
[ACCESS_PROVIDER_TENCENTCLOUD, "common.provider.tencentcloud", "/imgs/providers/tencentcloud.svg", "all"], [ACCESS_PROVIDERS.TENCENTCLOUD, "common.provider.tencentcloud", "/imgs/providers/tencentcloud.svg", "all"],
[ACCESS_PROVIDER_HUAWEICLOUD, "common.provider.huaweicloud", "/imgs/providers/huaweicloud.svg", "all"], [ACCESS_PROVIDERS.HUAWEICLOUD, "common.provider.huaweicloud", "/imgs/providers/huaweicloud.svg", "all"],
[ACCESS_PROVIDER_BAIDUCLOUD, "common.provider.baiducloud", "/imgs/providers/baiducloud.svg", "all"], [ACCESS_PROVIDERS.BAIDUCLOUD, "common.provider.baiducloud", "/imgs/providers/baiducloud.svg", "all"],
[ACCESS_PROVIDER_QINIU, "common.provider.qiniu", "/imgs/providers/qiniu.svg", "deploy"], [ACCESS_PROVIDERS.QINIU, "common.provider.qiniu", "/imgs/providers/qiniu.svg", "deploy"],
[ACCESS_PROVIDER_DOGECLOUD, "common.provider.dogecloud", "/imgs/providers/dogecloud.svg", "deploy"], [ACCESS_PROVIDERS.DOGECLOUD, "common.provider.dogecloud", "/imgs/providers/dogecloud.svg", "deploy"],
[ACCESS_PROVIDER_VOLCENGINE, "common.provider.volcengine", "/imgs/providers/volcengine.svg", "all"], [ACCESS_PROVIDERS.VOLCENGINE, "common.provider.volcengine", "/imgs/providers/volcengine.svg", "all"],
[ACCESS_PROVIDER_BYTEPLUS, "common.provider.byteplus", "/imgs/providers/byteplus.svg", "all"], [ACCESS_PROVIDERS.BYTEPLUS, "common.provider.byteplus", "/imgs/providers/byteplus.svg", "all"],
[ACCESS_PROVIDER_AWS, "common.provider.aws", "/imgs/providers/aws.svg", "apply"], [ACCESS_PROVIDERS.AWS, "common.provider.aws", "/imgs/providers/aws.svg", "apply"],
[ACCESS_PROVIDER_CLOUDFLARE, "common.provider.cloudflare", "/imgs/providers/cloudflare.svg", "apply"], [ACCESS_PROVIDERS.CLOUDFLARE, "common.provider.cloudflare", "/imgs/providers/cloudflare.svg", "apply"],
[ACCESS_PROVIDER_NAMEDOTCOM, "common.provider.namedotcom", "/imgs/providers/namedotcom.svg", "apply"], [ACCESS_PROVIDERS.NAMEDOTCOM, "common.provider.namedotcom", "/imgs/providers/namedotcom.svg", "apply"],
[ACCESS_PROVIDER_NAMESILO, "common.provider.namesilo", "/imgs/providers/namesilo.svg", "apply"], [ACCESS_PROVIDERS.NAMESILO, "common.provider.namesilo", "/imgs/providers/namesilo.svg", "apply"],
[ACCESS_PROVIDER_GODADDY, "common.provider.godaddy", "/imgs/providers/godaddy.svg", "apply"], [ACCESS_PROVIDERS.GODADDY, "common.provider.godaddy", "/imgs/providers/godaddy.svg", "apply"],
[ACCESS_PROVIDER_POWERDNS, "common.provider.powerdns", "/imgs/providers/powerdns.svg", "apply"], [ACCESS_PROVIDERS.POWERDNS, "common.provider.powerdns", "/imgs/providers/powerdns.svg", "apply"],
[ACCESS_PROVIDER_ACMEHTTPREQ, "common.provider.acmehttpreq", "/imgs/providers/acmehttpreq.svg", "apply"], [ACCESS_PROVIDERS.ACMEHTTPREQ, "common.provider.acmehttpreq", "/imgs/providers/acmehttpreq.svg", "apply"],
].map(([type, name, icon, usage]) => [type, { type, name, icon, usage: usage as AccessUsageType }]) ].map(([type, name, icon, usage]) => [
type,
{
type: type as AccessProviderType,
name: name,
icon: icon,
usage: usage as AccessUsageType,
},
])
); );
/*
注意：如果追加新的常量值，请保持以 ASCII 排序。
NOTICE: If you add new constant, please keep ASCII order.
*/
export const DEPLOY_PROVIDERS = Object.freeze({
ALIYUN_ALB: `${ACCESS_PROVIDERS.ALIYUN}-alb`,
ALIYUN_CDN: `${ACCESS_PROVIDERS.ALIYUN}-cdn`,
ALIYUN_CLB: `${ACCESS_PROVIDERS.ALIYUN}-clb`,
ALIYUN_DCDN: `${ACCESS_PROVIDERS.ALIYUN}-dcdn`,
ALIYUN_NLB: `${ACCESS_PROVIDERS.ALIYUN}-nlb`,
ALIYUN_OSS: `${ACCESS_PROVIDERS.ALIYUN}-oss`,
BAIDUCLOUD_CDN: `${ACCESS_PROVIDERS.BAIDUCLOUD}-cdn`,
BYTEPLUS_CDN: `${ACCESS_PROVIDERS.BYTEPLUS}-cdn`,
DOGECLOUD_CDN: `${ACCESS_PROVIDERS.DOGECLOUD}-cdn`,
HUAWEICLOUD_CDN: `${ACCESS_PROVIDERS.HUAWEICLOUD}-cdn`,
HUAWEICLOUD_ELB: `${ACCESS_PROVIDERS.HUAWEICLOUD}-elb`,
KUBERNETES_SECRET: `${ACCESS_PROVIDERS.KUBERNETES}-secret`,
LOCAL: `${ACCESS_PROVIDERS.LOCAL}`,
QINIU_CDN: `${ACCESS_PROVIDERS.QINIU}-cdn`,
SSH: `${ACCESS_PROVIDERS.SSH}`,
TENCENTCLOUD_CDN: `${ACCESS_PROVIDERS.TENCENTCLOUD}-cdn`,
TENCENTCLOUD_CLB: `${ACCESS_PROVIDERS.TENCENTCLOUD}-clb`,
TENCENTCLOUD_COS: `${ACCESS_PROVIDERS.TENCENTCLOUD}-cos`,
TENCENTCLOUD_ECDN: `${ACCESS_PROVIDERS.TENCENTCLOUD}-ecdn`,
TENCENTCLOUD_EO: `${ACCESS_PROVIDERS.TENCENTCLOUD}-eo`,
VOLCENGINE_CDN: `${ACCESS_PROVIDERS.VOLCENGINE}-cdn`,
VOLCENGINE_LIVE: `${ACCESS_PROVIDERS.VOLCENGINE}-live`,
WEBHOOK: `${ACCESS_PROVIDERS.WEBHOOK}`,
} as const);
export type DeployProviderType = (typeof DEPLOY_PROVIDERS)[keyof typeof DEPLOY_PROVIDERS];
export type DeployProvider = { export type DeployProvider = {
type: string; type: DeployProviderType;
name: string; name: string;
icon: string; icon: string;
provider: AccessProvider["type"]; provider: AccessProviderType;
}; };
export const deployProvidersMap: Map<DeployProvider["type"], DeployProvider> = new Map( export const deployProvidersMap: Map<DeployProvider["type"] | string, DeployProvider> = new Map(
[ /*
/*
注意：此处的顺序决定显示在前端的顺序。 注意：此处的顺序决定显示在前端的顺序。
NOTICE: The following order determines the order displayed at the frontend. NOTICE: The following order determines the order displayed at the frontend.
*/ */
[`${ACCESS_PROVIDER_LOCAL}`, "common.provider.local"], [
[`${ACCESS_PROVIDER_SSH}`, "common.provider.ssh"], [DEPLOY_PROVIDERS.LOCAL, "common.provider.local"],
[`${ACCESS_PROVIDER_WEBHOOK}`, "common.provider.webhook"], [DEPLOY_PROVIDERS.SSH, "common.provider.ssh"],
[`${ACCESS_PROVIDER_KUBERNETES}-secret`, "common.provider.kubernetes.secret"], [DEPLOY_PROVIDERS.WEBHOOK, "common.provider.webhook"],
[`${ACCESS_PROVIDER_ALIYUN}-oss`, "common.provider.aliyun.oss"], [DEPLOY_PROVIDERS.KUBERNETES_SECRET, "common.provider.kubernetes.secret"],
[`${ACCESS_PROVIDER_ALIYUN}-cdn`, "common.provider.aliyun.cdn"], [DEPLOY_PROVIDERS.ALIYUN_OSS, "common.provider.aliyun.oss"],
[`${ACCESS_PROVIDER_ALIYUN}-dcdn`, "common.provider.aliyun.dcdn"], [DEPLOY_PROVIDERS.ALIYUN_CDN, "common.provider.aliyun.cdn"],
[`${ACCESS_PROVIDER_ALIYUN}-clb`, "common.provider.aliyun.clb"], [DEPLOY_PROVIDERS.ALIYUN_DCDN, "common.provider.aliyun.dcdn"],
[`${ACCESS_PROVIDER_ALIYUN}-alb`, "common.provider.aliyun.alb"], [DEPLOY_PROVIDERS.ALIYUN_CLB, "common.provider.aliyun.clb"],
[`${ACCESS_PROVIDER_ALIYUN}-nlb`, "common.provider.aliyun.nlb"], [DEPLOY_PROVIDERS.ALIYUN_ALB, "common.provider.aliyun.alb"],
[`${ACCESS_PROVIDER_TENCENTCLOUD}-cdn`, "common.provider.tencentcloud.cdn"], [DEPLOY_PROVIDERS.ALIYUN_NLB, "common.provider.aliyun.nlb"],
[`${ACCESS_PROVIDER_TENCENTCLOUD}-ecdn`, "common.provider.tencentcloud.ecdn"], [DEPLOY_PROVIDERS.TENCENTCLOUD_CDN, "common.provider.tencentcloud.cdn"],
[`${ACCESS_PROVIDER_TENCENTCLOUD}-clb`, "common.provider.tencentcloud.clb"], [DEPLOY_PROVIDERS.TENCENTCLOUD_ECDN, "common.provider.tencentcloud.ecdn"],
[`${ACCESS_PROVIDER_TENCENTCLOUD}-cos`, "common.provider.tencentcloud.cos"], [DEPLOY_PROVIDERS.TENCENTCLOUD_CLB, "common.provider.tencentcloud.clb"],
[`${ACCESS_PROVIDER_TENCENTCLOUD}-eo`, "common.provider.tencentcloud.eo"], [DEPLOY_PROVIDERS.TENCENTCLOUD_COS, "common.provider.tencentcloud.cos"],
[`${ACCESS_PROVIDER_HUAWEICLOUD}-cdn`, "common.provider.huaweicloud.cdn"], [DEPLOY_PROVIDERS.TENCENTCLOUD_EO, "common.provider.tencentcloud.eo"],
[`${ACCESS_PROVIDER_HUAWEICLOUD}-elb`, "common.provider.huaweicloud.elb"], [DEPLOY_PROVIDERS.HUAWEICLOUD_CDN, "common.provider.huaweicloud.cdn"],
[`${ACCESS_PROVIDER_BAIDUCLOUD}-cdn`, "common.provider.baiducloud.cdn"], [DEPLOY_PROVIDERS.HUAWEICLOUD_ELB, "common.provider.huaweicloud.elb"],
[`${ACCESS_PROVIDER_VOLCENGINE}-cdn`, "common.provider.volcengine.cdn"], [DEPLOY_PROVIDERS.BAIDUCLOUD_CDN, "common.provider.baiducloud.cdn"],
[`${ACCESS_PROVIDER_VOLCENGINE}-live`, "common.provider.volcengine.live"], [DEPLOY_PROVIDERS.VOLCENGINE_CDN, "common.provider.volcengine.cdn"],
[`${ACCESS_PROVIDER_QINIU}-cdn`, "common.provider.qiniu.cdn"], [DEPLOY_PROVIDERS.VOLCENGINE_LIVE, "common.provider.volcengine.live"],
[`${ACCESS_PROVIDER_DOGECLOUD}-cdn`, "common.provider.dogecloud.cdn"], [DEPLOY_PROVIDERS.QINIU_CDN, "common.provider.qiniu.cdn"],
[`${ACCESS_PROVIDER_BYTEPLUS}-cdn`, "common.provider.byteplus.cdn"], [DEPLOY_PROVIDERS.DOGECLOUD_CDN, "common.provider.dogecloud.cdn"],
].map(([type, name]) => [type, { type, name, icon: accessProvidersMap.get(type.split("-")[0])!.icon, provider: type.split("-")[0] }]) [DEPLOY_PROVIDERS.BYTEPLUS_CDN, "common.provider.byteplus.cdn"],
].map(([type, name]) => [
type,
{
type: type as DeployProviderType,
name: name,
icon: accessProvidersMap.get(type.split("-")[0])!.icon,
provider: type.split("-")[0] as AccessProviderType,
},
])
); );

56
ui/src/domain/settings.ts
View File

@ -39,23 +39,15 @@ export const defaultNotifyTemplate: NotifyTemplate = {
// #endregion // #endregion
// #region Settings: NotifyChannels // #region Settings: NotifyChannels
export const NOTIFY_CHANNEL_BARK = "bark" as const;
export const NOTIFY_CHANNEL_DINGTALK = "dingtalk" as const;
export const NOTIFY_CHANNEL_EMAIL = "email" as const;
export const NOTIFY_CHANNEL_LARK = "lark" as const;
export const NOTIFY_CHANNEL_SERVERCHAN = "serverchan" as const;
export const NOTIFY_CHANNEL_TELEGRAM = "telegram" as const;
export const NOTIFY_CHANNEL_WEBHOOK = "webhook" as const;
export const NOTIFY_CHANNEL_WECOM = "wecom" as const;
export const NOTIFY_CHANNELS = Object.freeze({ export const NOTIFY_CHANNELS = Object.freeze({
BARK: NOTIFY_CHANNEL_BARK, BARK: "bark",
DINGTALK: NOTIFY_CHANNEL_DINGTALK, DINGTALK: "dingtalk",
EMAIL: NOTIFY_CHANNEL_EMAIL, EMAIL: "email",
LARK: NOTIFY_CHANNEL_LARK, LARK: "lark",
SERVERCHAN: NOTIFY_CHANNEL_SERVERCHAN, SERVERCHAN: "serverchan",
TELEGRAM: NOTIFY_CHANNEL_TELEGRAM, TELEGRAM: "telegram",
WEBHOOK: NOTIFY_CHANNEL_WEBHOOK, WEBHOOK: "webhook",
WECOM: NOTIFY_CHANNEL_WECOM, WECOM: "wecom",
} as const); } as const);
export type NotifyChannels = (typeof NOTIFY_CHANNELS)[keyof typeof NOTIFY_CHANNELS]; export type NotifyChannels = (typeof NOTIFY_CHANNELS)[keyof typeof NOTIFY_CHANNELS];
@ -66,14 +58,14 @@ export type NotifyChannelsSettingsContent = {
NOTICE: If you add new type, please keep ASCII order. NOTICE: If you add new type, please keep ASCII order.
*/ */
[key: string]: ({ enabled?: boolean } & Record<string, unknown>) | undefined; [key: string]: ({ enabled?: boolean } & Record<string, unknown>) | undefined;
[NOTIFY_CHANNEL_BARK]?: BarkNotifyChannelConfig; [NOTIFY_CHANNELS.BARK]?: BarkNotifyChannelConfig;
[NOTIFY_CHANNEL_DINGTALK]?: DingTalkNotifyChannelConfig; [NOTIFY_CHANNELS.DINGTALK]?: DingTalkNotifyChannelConfig;
[NOTIFY_CHANNEL_EMAIL]?: EmailNotifyChannelConfig; [NOTIFY_CHANNELS.EMAIL]?: EmailNotifyChannelConfig;
[NOTIFY_CHANNEL_LARK]?: LarkNotifyChannelConfig; [NOTIFY_CHANNELS.LARK]?: LarkNotifyChannelConfig;
[NOTIFY_CHANNEL_SERVERCHAN]?: ServerChanNotifyChannelConfig; [NOTIFY_CHANNELS.SERVERCHAN]?: ServerChanNotifyChannelConfig;
[NOTIFY_CHANNEL_TELEGRAM]?: TelegramNotifyChannelConfig; [NOTIFY_CHANNELS.TELEGRAM]?: TelegramNotifyChannelConfig;
[NOTIFY_CHANNEL_WEBHOOK]?: WebhookNotifyChannelConfig; [NOTIFY_CHANNELS.WEBHOOK]?: WebhookNotifyChannelConfig;
[NOTIFY_CHANNEL_WECOM]?: WeComNotifyChannelConfig; [NOTIFY_CHANNELS.WECOM]?: WeComNotifyChannelConfig;
}; };
export type BarkNotifyChannelConfig = { export type BarkNotifyChannelConfig = {
@ -132,14 +124,14 @@ export type NotifyChannel = {
export const notifyChannelsMap: Map<NotifyChannel["type"], NotifyChannel> = new Map( export const notifyChannelsMap: Map<NotifyChannel["type"], NotifyChannel> = new Map(
[ [
["email", "common.notifier.email"], [NOTIFY_CHANNELS.EMAIL, "common.notifier.email"],
["dingtalk", "common.notifier.dingtalk"], [NOTIFY_CHANNELS.DINGTALK, "common.notifier.dingtalk"],
["lark", "common.notifier.lark"], [NOTIFY_CHANNELS.LARK, "common.notifier.lark"],
["wecom", "common.notifier.wecom"], [NOTIFY_CHANNELS.WECOM, "common.notifier.wecom"],
["telegram", "common.notifier.telegram"], [NOTIFY_CHANNELS.TELEGRAM, "common.notifier.telegram"],
["serverchan", "common.notifier.serverchan"], [NOTIFY_CHANNELS.SERVERCHAN, "common.notifier.serverchan"],
["bark", "common.notifier.bark"], [NOTIFY_CHANNELS.BARK, "common.notifier.bark"],
["webhook", "common.notifier.webhook"], [NOTIFY_CHANNELS.WEBHOOK, "common.notifier.webhook"],
].map(([type, name]) => [type, { type, name }]) ].map(([type, name]) => [type, { type, name }])
); );
// #endregion // #endregion

2
ui/src/pages/workflows/WorkflowDetail.tsx
View File

@ -249,7 +249,7 @@ const WorkflowDetail = () => {
}} }}
trigger={["click"]} trigger={["click"]}
> >
<Button color="primary" icon={<EllipsisOutlinedIcon />} variant="outlined" /> <Button color="primary" disabled={!allowDiscard} icon={<EllipsisOutlinedIcon />} variant="outlined" />
</Dropdown> </Dropdown>
</Button.Group> </Button.Group>
</Space> </Space>