lk
3 months ago
7 changed files with 414 additions and 274 deletions
-
70package.json
-
14src/App.css
-
2src/layout/RootLayout.tsx
-
259src/pages/websites/cert/apply.tsx
-
33src/service/websites.ts
-
295src/store/websites/cert.ts
-
1vite.config.ts
@ -1,185 +1,218 @@ |
|||||
import { atom } from 'jotai' |
|
||||
import { IApiResult, IPage } from '@/global' |
|
||||
import { atomWithMutation, atomWithQuery, queryClientAtom } from 'jotai-tanstack-query' |
|
||||
import { message } from 'antd' |
|
||||
import { t } from 'i18next' |
|
||||
import websitesServ from '@/service/websites.ts' |
|
||||
|
|
||||
|
|
||||
type SearchParams = IPage & { |
|
||||
name?: string |
|
||||
} |
|
||||
|
import { atom } from "jotai"; |
||||
|
import { IApiResult, IPage } from "@/global"; |
||||
|
import { atomWithMutation, atomWithQuery, queryClientAtom } from "jotai-tanstack-query"; |
||||
|
import { message } from "antd"; |
||||
|
import { t } from "i18next"; |
||||
|
import websitesServ from "@/service/websites.ts"; |
||||
|
|
||||
|
export type Req_SearchParams = IPage & { |
||||
|
name?: string; |
||||
|
}; |
||||
|
|
||||
|
export type Req_AddCname = { |
||||
|
is_sync: boolean; |
||||
|
dns_list: ICertificate[]; |
||||
|
}; |
||||
|
|
||||
|
export type Req_ApplyTxtCertificate = { |
||||
|
is_sync: boolean; |
||||
|
acme_type: string; |
||||
|
key_rsa: string; |
||||
|
dns_list: ICertificate[]; |
||||
|
}; |
||||
|
|
||||
export const bandTypes = [ |
export const bandTypes = [ |
||||
{ label: 'Google', value: 'Google' }, |
|
||||
{ label: 'ZeroSSL', value: 'ZeroSSL' }, |
|
||||
{ label: 'Let\'s Encrypt', value: 'Let\'s Encrypt' }, |
|
||||
] |
|
||||
|
{ label: "Google", value: "Google" }, |
||||
|
{ label: "ZeroSSL", value: "ZeroSSL" }, |
||||
|
{ label: "Let's Encrypt", value: "Let's Encrypt" }, |
||||
|
]; |
||||
|
|
||||
export const algorithmTypes = [ |
export const algorithmTypes = [ |
||||
{ label: 'RSA', value: 'RSA' }, |
|
||||
{ label: 'ECC', value: 'ECC' }, |
|
||||
] |
|
||||
|
|
||||
|
{ label: "RSA", value: "RSA" }, |
||||
|
{ label: "ECC", value: "ECC" }, |
||||
|
]; |
||||
|
|
||||
export const StatusText = { |
export const StatusText = { |
||||
1: [ '已签发', 'green' ], |
|
||||
2: [ '申请中', 'default' ], |
|
||||
3: [ '申请失败', 'red' ] |
|
||||
} |
|
||||
|
1: ["已签发", "green"], |
||||
|
2: ["申请中", "default"], |
||||
|
3: ["申请失败", "red"], |
||||
|
}; |
||||
|
|
||||
|
export const certIdAtom = atom(0); |
||||
|
|
||||
export const certIdAtom = atom(0) |
|
||||
|
export const certIdsAtom = atom<number[]>([]); |
||||
|
|
||||
export const certIdsAtom = atom<number[]>([]) |
|
||||
|
export const certAtom = atom<ICertificate>(undefined as unknown as ICertificate); |
||||
|
|
||||
export const certAtom = atom<ICertificate>(undefined as unknown as ICertificate) |
|
||||
|
|
||||
export const certSearchAtom = atom<SearchParams>({ |
|
||||
|
export const certSearchAtom = atom<Req_SearchParams>({ |
||||
// key: '',
|
// key: '',
|
||||
pageSize: 10, |
pageSize: 10, |
||||
page: 1, |
page: 1, |
||||
} as SearchParams) |
|
||||
|
} as Req_SearchParams); |
||||
|
|
||||
export const certPageAtom = atom<IPage>({ |
export const certPageAtom = atom<IPage>({ |
||||
pageSize: 10, |
pageSize: 10, |
||||
page: 1, |
page: 1, |
||||
}) |
|
||||
|
}); |
||||
|
|
||||
|
//=================================================================================================================================================kelis
|
||||
|
export const checkDomainAtom = (domains: string, isClear: boolean) => |
||||
|
atomWithQuery<IApiResult, any>(() => { |
||||
|
return { |
||||
|
enabled: domains.length > 0 && domains.includes("."), |
||||
|
queryKey: ["checkDomain", domains], |
||||
|
queryFn: async ({ queryKey: [, domains] }) => { |
||||
|
if ((domains as string).length === 0) { |
||||
|
return Promise.reject({ |
||||
|
data: [], |
||||
|
}); |
||||
|
} |
||||
|
|
||||
//certApple
|
|
||||
export const certAppleCertAtom = atomWithMutation<IApiResult, ICertificate>((get) => { |
|
||||
|
return await websitesServ.cert.checkDomain({ |
||||
|
dns_full_list: domains, |
||||
|
parse: true, |
||||
|
is_clear: isClear, |
||||
|
}); |
||||
|
}, |
||||
|
select: (res) => { |
||||
|
return res.data; |
||||
|
}, |
||||
|
}; |
||||
|
}); |
||||
|
|
||||
|
export const certListAtom = atomWithQuery((get) => { |
||||
|
return { |
||||
|
queryKey: ["certList", get(certSearchAtom)], |
||||
|
queryFn: async ({ queryKey: [, params] }) => { |
||||
|
return await websitesServ.cert.list(params as Req_SearchParams); |
||||
|
}, |
||||
|
select: (res) => { |
||||
|
const data = res.data; |
||||
|
data.rows = data.rows?.map((row) => { |
||||
|
return { |
||||
|
...row, |
||||
|
//status: convertToBool(row.status)
|
||||
|
}; |
||||
|
}); |
||||
|
return data; |
||||
|
}, |
||||
|
}; |
||||
|
}); |
||||
|
|
||||
|
export const certAddCnameAtom = atomWithMutation<IApiResult, ICertificate>(() => { |
||||
return { |
return { |
||||
mutationKey: [ 'appleCert' ], |
|
||||
|
mutationKey: ["certAddCname"], |
||||
mutationFn: async (data) => { |
mutationFn: async (data) => { |
||||
//data.status = data.status ? '1' : '0'
|
|
||||
return await websitesServ.cert.certApply(data) |
|
||||
|
const dData: Req_AddCname = { |
||||
|
is_sync: true, |
||||
|
dns_list: [data], |
||||
|
}; |
||||
|
return await websitesServ.cert.addCnameCertificate(dData); |
||||
}, |
}, |
||||
onSuccess: (res) => { |
onSuccess: (res) => { |
||||
const isAdd = !!res.data?.id |
|
||||
message.success(t(isAdd ? 'message.saveSuccess' : 'message.editSuccess', '保存成功')) |
|
||||
|
|
||||
//更新列表
|
|
||||
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
||||
// @ts-ignore fix
|
|
||||
get(queryClientAtom).invalidateQueries({ queryKey: [ 'certs', get(certSearchAtom) ] }) |
|
||||
|
|
||||
return res |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
|
const status = res.data?.item[0]?.status || 0; |
||||
|
const status_txt = res.data?.item[0]?.status_txt; |
||||
|
if (status || status === 5) { |
||||
|
message.error(status_txt); |
||||
|
} else { |
||||
|
message.success(status_txt); |
||||
|
} |
||||
|
return res; |
||||
|
}, |
||||
|
}; |
||||
|
}); |
||||
|
|
||||
|
export const applyTxtCertificateAtom = atomWithMutation<IApiResult, Req_ApplyTxtCertificate>(() => { |
||||
|
return { |
||||
|
mutationKey: ["applyTxtCertificate"], |
||||
|
mutationFn: async (data: Req_ApplyTxtCertificate) => { |
||||
|
return await websitesServ.cert.applyTxtCertificate(data); |
||||
|
}, |
||||
|
onSuccess: (res) => { |
||||
|
return res; |
||||
|
}, |
||||
|
}; |
||||
|
}); |
||||
|
|
||||
|
//==================================================================================================================================================kelis
|
||||
|
|
||||
|
// //certApple
|
||||
|
// export const certAppleCertAtom = atomWithMutation<IApiResult, ICertificate>((get) => {
|
||||
|
// return {
|
||||
|
// mutationKey: ["appleCert"],
|
||||
|
// mutationFn: async (data) => {
|
||||
|
// //data.status = data.status ? '1' : '0'
|
||||
|
// return await websitesServ.cert.certApply(data);
|
||||
|
// },
|
||||
|
// onSuccess: (res) => {
|
||||
|
// const isAdd = !!res.data?.id;
|
||||
|
// message.success(t(isAdd ? "message.saveSuccess" : "message.editSuccess", "保存成功"));
|
||||
|
//
|
||||
|
// //更新列表
|
||||
|
// // eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
||||
|
// // @ts-ignore fix
|
||||
|
// get(queryClientAtom).invalidateQueries({ queryKey: ["certs", get(certSearchAtom)] });
|
||||
|
//
|
||||
|
// return res;
|
||||
|
// },
|
||||
|
// };
|
||||
|
// });
|
||||
|
|
||||
export const certsAtom = atomWithQuery((get) => { |
export const certsAtom = atomWithQuery((get) => { |
||||
return { |
return { |
||||
queryKey: [ 'certs', get(certSearchAtom) ], |
|
||||
queryFn: async ({ queryKey: [ , params ] }) => { |
|
||||
return await websitesServ.cert.list(params as SearchParams) |
|
||||
|
queryKey: ["certs", get(certSearchAtom)], |
||||
|
queryFn: async ({ queryKey: [, params] }) => { |
||||
|
return await websitesServ.cert.list(params as Req_SearchParams); |
||||
}, |
}, |
||||
select: res => { |
|
||||
const data = res.data |
|
||||
data.rows = data.rows?.map(row => { |
|
||||
|
select: (res) => { |
||||
|
const data = res.data; |
||||
|
data.rows = data.rows?.map((row) => { |
||||
return { |
return { |
||||
...row, |
...row, |
||||
//status: convertToBool(row.status)
|
//status: convertToBool(row.status)
|
||||
} |
|
||||
}) |
|
||||
return data |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
|
}; |
||||
|
}); |
||||
|
return data; |
||||
|
}, |
||||
|
}; |
||||
|
}); |
||||
|
|
||||
//saveOrUpdateAtom
|
//saveOrUpdateAtom
|
||||
export const saveOrUpdateCertAtom = atomWithMutation<IApiResult, ICertificate>((get) => { |
export const saveOrUpdateCertAtom = atomWithMutation<IApiResult, ICertificate>((get) => { |
||||
|
|
||||
return { |
return { |
||||
mutationKey: [ 'updateCert' ], |
|
||||
|
mutationKey: ["updateCert"], |
||||
mutationFn: async (data) => { |
mutationFn: async (data) => { |
||||
//data.status = data.status ? '1' : '0'
|
//data.status = data.status ? '1' : '0'
|
||||
if (data.id) { |
if (data.id) { |
||||
return await websitesServ.cert.update(data) |
|
||||
|
return await websitesServ.cert.update(data); |
||||
} |
} |
||||
return await websitesServ.cert.add(data) |
|
||||
|
return await websitesServ.cert.add(data); |
||||
}, |
}, |
||||
onSuccess: (res) => { |
onSuccess: (res) => { |
||||
const isAdd = !!res.data?.id |
|
||||
message.success(t(isAdd ? 'message.saveSuccess' : 'message.editSuccess', '保存成功')) |
|
||||
|
const isAdd = !!res.data?.id; |
||||
|
message.success(t(isAdd ? "message.saveSuccess" : "message.editSuccess", "保存成功")); |
||||
|
|
||||
//更新列表
|
//更新列表
|
||||
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
||||
// @ts-ignore fix
|
// @ts-ignore fix
|
||||
get(queryClientAtom).invalidateQueries({ queryKey: [ 'certs', get(certSearchAtom) ] }) |
|
||||
|
get(queryClientAtom).invalidateQueries({ queryKey: ["certs", get(certSearchAtom)] }); |
||||
|
|
||||
return res |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
|
return res; |
||||
|
}, |
||||
|
}; |
||||
|
}); |
||||
|
|
||||
export const deleteCertAtom = atomWithMutation((get) => { |
export const deleteCertAtom = atomWithMutation((get) => { |
||||
return { |
return { |
||||
mutationKey: [ 'deleteCert' ], |
|
||||
|
mutationKey: ["deleteCert"], |
||||
mutationFn: async (ids: number[]) => { |
mutationFn: async (ids: number[]) => { |
||||
return await websitesServ.cert.batchDelete(ids ?? get(certIdsAtom)) |
|
||||
|
return await websitesServ.cert.batchDelete(ids ?? get(certIdsAtom)); |
||||
}, |
}, |
||||
onSuccess: (res) => { |
onSuccess: (res) => { |
||||
message.success('message.deleteSuccess') |
|
||||
|
message.success("message.deleteSuccess"); |
||||
//更新列表
|
//更新列表
|
||||
get(queryClientAtom).invalidateQueries({ queryKey: [ 'certs', get(certSearchAtom) ] }) |
|
||||
return res |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
//dnsConfig
|
|
||||
export const dnsConfigAtom = (domains: string) => atomWithQuery<IApiResult, any>(() => { |
|
||||
|
|
||||
return { |
|
||||
enabled: domains.length > 0 && domains.includes('.'), |
|
||||
queryKey: [ 'dnsConfig', domains ], |
|
||||
queryFn: async ({ queryKey: [ , domains ] }) => { |
|
||||
|
|
||||
if ((domains as string).length === 0) { |
|
||||
return Promise.reject({ |
|
||||
data: [] |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
return await websitesServ.cert.dnsConfig({ |
|
||||
dns_full_list: domains, |
|
||||
parse: (domains as string)?.includes('*') |
|
||||
}) |
|
||||
|
get(queryClientAtom).invalidateQueries({ queryKey: ["certs", get(certSearchAtom)] }); |
||||
|
return res; |
||||
}, |
}, |
||||
select: res => { |
|
||||
return res.data |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
export const dnsVerifyOKAtom = atom<boolean>(false) |
|
||||
|
|
||||
//query dnsVerify
|
|
||||
export const dnsVerifyAtom = (domains: string, block: boolean) => atomWithQuery<IApiResult, any>(() => { |
|
||||
|
|
||||
return { |
|
||||
enabled: !block && domains.length > 0 && domains.includes('.'), |
|
||||
queryKey: [ 'dnsVerify', domains ], |
|
||||
queryFn: async ({ queryKey: [ , domains ] }) => { |
|
||||
|
|
||||
if ((domains as string).length === 0) { |
|
||||
return Promise.reject({ |
|
||||
data: [] |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
return await websitesServ.cert.dnsVerify({ |
|
||||
dns_list: domains, |
|
||||
}) |
|
||||
}, |
|
||||
select: res => { |
|
||||
return res.data?.dns_list |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
|
|
||||
|
}; |
||||
|
}); |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue