Update Alias 0.2.0 (#77)
This commit is contained in:
Yue Cui
63
alias/frontend/src/components/AgentscopeLogoIcon/index.tsx
Normal file
63
alias/frontend/src/components/AgentscopeLogoIcon/index.tsx
Normal file
@@ -0,0 +1,63 @@
|
||||
import type { GetProps } from "antd";
|
||||
import Icon from "@ant-design/icons";
|
||||
|
||||
type CustomIconComponentProps = GetProps<typeof Icon>;
|
||||
const AgentscopeLogoIconSvg = () => (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
version="1.1"
|
||||
width="20"
|
||||
height="20"
|
||||
viewBox="0 0 20 20"
|
||||
>
|
||||
<defs>
|
||||
<clipPath id="master_svg0_75_00637">
|
||||
<rect x="0" y="0" width="20" height="20" rx="10" />
|
||||
</clipPath>
|
||||
<pattern
|
||||
x="2"
|
||||
y="2"
|
||||
width="16"
|
||||
height="16"
|
||||
patternUnits="userSpaceOnUse"
|
||||
id="master_svg1_75_01073"
|
||||
>
|
||||
<image
|
||||
x="0"
|
||||
y="0"
|
||||
width="16"
|
||||
height="16"
|
||||
href="data:image/png;base64,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"
|
||||
/>
|
||||
</pattern>
|
||||
</defs>
|
||||
<g clip-path="url(#master_svg0_75_00637)">
|
||||
<rect
|
||||
x="0"
|
||||
y="0"
|
||||
width="20"
|
||||
height="20"
|
||||
rx="10"
|
||||
fill="currentColor"
|
||||
fillOpacity="1"
|
||||
/>
|
||||
<g>
|
||||
<rect
|
||||
x="2"
|
||||
y="2"
|
||||
width="16"
|
||||
height="16"
|
||||
rx="0"
|
||||
fill="url(#master_svg1_75_01073)"
|
||||
fillOpacity="1"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
const AgentscopeLogoIcon = (props: Partial<CustomIconComponentProps>) => (
|
||||
<Icon component={AgentscopeLogoIconSvg} {...props} />
|
||||
);
|
||||
|
||||
export default AgentscopeLogoIcon;
|
||||
46
alias/frontend/src/components/AliasLogoIcon/index.tsx
Normal file
46
alias/frontend/src/components/AliasLogoIcon/index.tsx
Normal file
@@ -0,0 +1,46 @@
|
||||
import Icon from "@ant-design/icons";
|
||||
import type { GetProps } from "antd";
|
||||
|
||||
type CustomIconComponentProps = GetProps<typeof Icon>;
|
||||
const AliasLogoIconSvg = () => (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
version="1.1"
|
||||
width="20"
|
||||
height="20"
|
||||
viewBox="0 0 20 20"
|
||||
>
|
||||
<defs>
|
||||
<clipPath id="master_svg0_75_00643">
|
||||
<rect x="0" y="0" width="20" height="20" rx="10" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
<g clip-path="url(#master_svg0_75_00643)">
|
||||
<rect
|
||||
x="0"
|
||||
y="0"
|
||||
width="20"
|
||||
height="20"
|
||||
rx="10"
|
||||
fill="currentColor"
|
||||
fill-opacity="1"
|
||||
/>
|
||||
<g>
|
||||
<g>
|
||||
<path
|
||||
d="M9.83005,9.02303C9.66631,8.26922,9.09608,7.68054,8.36589,7.5115099999999995C9.09608,7.34248,9.66631,6.753807,9.83005,6C9.993780000000001,6.753807,10.56402,7.34248,11.2942,7.5115099999999995C10.56402,7.68054,9.993780000000001,8.26922,9.83005,9.02303ZM4.06223,8.17221L2,12.94819L3.09958,12.94819L3.5111,11.92647L5.65759,11.92647L6.06911,12.94819L7.18718,12.94819L5.12102,8.17221L4.06223,8.17221ZM5.3197600000000005,11.08769L4.584350000000001,9.261800000000001L3.84894,11.08769L5.3197600000000005,11.08769ZM7.47013,8.279959999999999L7.47013,12.94819L8.50114,12.94819L8.50114,8.279959999999999L7.47013,8.279959999999999ZM13.36,12.49623L13.36,12.94819L14.3292,12.94819L14.3292,10.851659999999999Q14.3292,10.01576,13.8808,9.620989999999999Q13.4324,9.22612,12.6162,9.22612Q12.1932,9.22612,11.78429,9.33945Q11.37535,9.45266,11.08208,9.66971L11.45022,10.41042Q11.64467,10.25339,11.91967,10.162659999999999Q12.1948,10.07183,12.4752,10.07183Q12.8945,10.07183,13.0963,10.26042Q13.2982,10.4489,13.2982,10.79186L13.2982,10.79249L12.4788,10.79249Q11.93692,10.79249,11.59996,10.93247Q11.2631,11.07234,11.10862,11.31871Q10.95413,11.564969999999999,10.95413,11.889479999999999Q10.95413,12.20599,11.11213,12.45844Q11.27013,12.71078,11.56753,12.85544Q11.86494,13,12.2798,13Q12.749,13,13.0465,12.81589Q13.2451,12.69305,13.36,12.49623ZM13.2982,11.78724L13.2982,11.41273L12.5931,11.41273Q12.2275,11.41273,12.0925,11.53448Q11.95757,11.65612,11.95757,11.84598Q11.95757,12.04555,12.1112,12.16591Q12.2649,12.286159999999999,12.5338,12.286159999999999Q12.7935,12.286159999999999,13.0002,12.16175Q13.2068,12.03734,13.2982,11.78724ZM15.4508,12.887319999999999Q15.8703,13,16.320999999999998,13Q16.8572,13,17.2316,12.85075Q17.606099999999998,12.70139,17.8031,12.43818Q18,12.17497,18,11.836490000000001Q18,11.52414,17.8836,11.32841Q17.767200000000003,11.132570000000001,17.5762,11.0201Q17.385199999999998,10.90752,17.1558,10.84686Q16.9264,10.78621,16.6971,10.75348Q16.4677,10.72064,16.276699999999998,10.681619999999999Q16.0856,10.642610000000001,15.9693,10.572890000000001Q15.8529,10.503160000000001,15.8529,10.36777Q15.8529,10.2213,16.011200000000002,10.12556Q16.1695,10.02983,16.5175,10.02983Q16.7608,10.02983,17.020400000000002,10.08783Q17.280099999999997,10.14582,17.5378,10.30274L17.883699999999997,9.541360000000001Q17.6314,9.38859,17.2568,9.30736Q16.882199999999997,9.22612,16.5136,9.22612Q15.9972,9.22612,15.63,9.3775Q15.2629,9.52878,15.0666,9.79476Q14.8704,10.060749999999999,14.8704,10.40733Q14.8704,10.72384,14.9868,10.921700000000001Q15.1032,11.11946,15.2941,11.23406Q15.4852,11.348559999999999,15.7158,11.40794Q15.9465,11.46732,16.1759,11.50004Q16.4054,11.53277,16.5964,11.56774Q16.787399999999998,11.602599999999999,16.9037,11.66891Q17.0201,11.73522,17.0201,11.862400000000001Q17.0201,12.01837,16.8704,12.10738Q16.7207,12.196290000000001,16.366,12.196290000000001Q16.0381,12.196290000000001,15.7038,12.09939Q15.3694,12.002369999999999,15.1276,11.84545L14.7817,12.60683Q15.0313,12.77463,15.4508,12.887319999999999ZM9.32727,9.67213L9.32727,12.94819L10.35828,12.94819L10.35828,9.67213L9.32727,9.67213Z"
|
||||
fillRule="evenodd"
|
||||
fill="#ffffff"
|
||||
fillOpacity="1"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
const AliasLogoIcon = (props: Partial<CustomIconComponentProps>) => (
|
||||
<Icon component={AliasLogoIconSvg} {...props} />
|
||||
);
|
||||
|
||||
export default AliasLogoIcon;
|
||||
@@ -5,7 +5,6 @@
|
||||
justify-content: center;
|
||||
margin-bottom: 20px;
|
||||
.button {
|
||||
width: 180px;
|
||||
border-radius: 15px;
|
||||
}
|
||||
}
|
||||
@@ -13,6 +12,7 @@
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
font-size: 32px;
|
||||
width: 1000px;
|
||||
font-weight: 500;
|
||||
letter-spacing: normal;
|
||||
color: var(--sps-color-text);
|
||||
@@ -21,7 +21,6 @@
|
||||
.logo {
|
||||
height: 72px;
|
||||
width: 80px;
|
||||
margin: 0 12px;
|
||||
margin-top: -12px;
|
||||
}
|
||||
.label {
|
||||
|
||||
@@ -1,8 +1,10 @@
|
||||
import React, { memo } from "react";
|
||||
import { Button, Flex } from "antd";
|
||||
import AgentscopeLogoIcon from "@/components/AgentscopeLogoIcon";
|
||||
import AliasLogoIcon from "@/components/AliasLogoIcon";
|
||||
import LogoIcon from "@/components/LogoIcon";
|
||||
import { Welcome } from "@agentscope-ai/chat";
|
||||
import { SparkUpperrightArrowLine } from "@agentscope-ai/icons";
|
||||
import LogoIcon from "@/components/LogoIcon";
|
||||
import { Button, Flex } from "antd";
|
||||
import React, { memo } from "react";
|
||||
import styles from "./index.module.scss";
|
||||
const WelcomeView: React.FC = ({}) => {
|
||||
const goGitHub = (url: string) => {
|
||||
@@ -18,7 +20,8 @@ const WelcomeView: React.FC = ({}) => {
|
||||
goGitHub("https://github.com/agentscope-ai/agentscope");
|
||||
}}
|
||||
>
|
||||
AgentScope Github
|
||||
<AgentscopeLogoIcon style={{ marginLeft: -5 }} />
|
||||
AgentScope GitHub
|
||||
<SparkUpperrightArrowLine style={{ fontSize: "20px" }} />
|
||||
</Button>
|
||||
<Button
|
||||
@@ -29,7 +32,8 @@ const WelcomeView: React.FC = ({}) => {
|
||||
);
|
||||
}}
|
||||
>
|
||||
Alias Github
|
||||
<AliasLogoIcon style={{ marginLeft: -5 }} />
|
||||
Alias GitHub
|
||||
<SparkUpperrightArrowLine style={{ fontSize: "20px" }} />
|
||||
</Button>
|
||||
</Flex>
|
||||
@@ -39,11 +43,12 @@ const WelcomeView: React.FC = ({}) => {
|
||||
logo={null}
|
||||
title={
|
||||
<div className={styles.title}>
|
||||
<div className={styles.label}>Tell</div>
|
||||
<div className={styles.logo}>
|
||||
<LogoIcon className="w-full h-full object-cover" />
|
||||
</div>
|
||||
<div className={styles.label}> what you want to do</div>
|
||||
<div className={styles.label}>
|
||||
: Start It Now, Extend It Your Way, Deploy All with Ease
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
desc={
|
||||
|
||||
Reference in New Issue
Block a user