feat: Support proxy group icon

This commit is contained in:
MystiPanda 2024-01-17 13:32:56 +08:00
parent 73a597e3e5
commit 4fa19006ad
3 changed files with 21 additions and 4 deletions

View File

@ -37,6 +37,18 @@ export const ProxyRender = (props: RenderProps) => {
dense dense
onClick={() => onHeadState(group.name, { open: !headState?.open })} onClick={() => onHeadState(group.name, { open: !headState?.open })}
> >
{group.icon && group.icon.trim().startsWith("http") && (
<img src={group.icon} height="40px" style={{ marginRight: "8px" }} />
)}
{group.icon && group.icon.trim().startsWith("data") && (
<img src={group.icon} height="40px" style={{ marginRight: "8px" }} />
)}
{group.icon && group.icon.trim().startsWith("<svg") && (
<img
src={`data:image/svg+xml;base64,${btoa(group.icon)}`}
height="40px"
/>
)}
<ListItemText <ListItemText
primary={group.name} primary={group.name}
secondary={ secondary={

View File

@ -102,11 +102,15 @@ export const TestItem = (props: Props) => {
{...attributes} {...attributes}
{...listeners} {...listeners}
> >
{icon ? ( {icon && icon.trim() !== "" ? (
<Box sx={{ display: "flex", justifyContent: "center" }}> <Box sx={{ display: "flex", justifyContent: "center" }}>
{icon?.trim().startsWith("http") ? ( {icon.trim().startsWith("http") && (
<img src={icon} height="40px" /> <img src={icon} height="40px" style={{ marginRight: "8px" }} />
) : ( )}
{icon.trim().startsWith("data") && (
<img src={icon} height="40px" style={{ marginRight: "8px" }} />
)}
{icon.trim().startsWith("<svg") && (
<img <img
src={`data:image/svg+xml;base64,${btoa(icon)}`} src={`data:image/svg+xml;base64,${btoa(icon)}`}
height="40px" height="40px"

View File

@ -53,6 +53,7 @@ interface IProxyItem {
all?: string[]; all?: string[];
now?: string; now?: string;
hidden?: boolean; hidden?: boolean;
icon?: string;
provider?: string; // 记录是否来自provider provider?: string; // 记录是否来自provider
} }