chore: update files

src/pages/dashboard/workplace/components/EditableLinkGroup/index.style.ts

@@ -3,7 +3,6 @@ import { createStyles } from 'antd-style';
 const useStyles = createStyles(({ token }) => {
   return {
     linkGroup: {
-      padding: '20px 0 8px 24px',
       fontSize: '0',
       '& > a': {
         display: 'inline-block',

src/pages/dashboard/workplace/index.tsx

@@ -154,50 +154,42 @@ const Workplace: FC = () => {
               marginBottom: 24,
             }}
             title="进行中的项目"
-            bordered={false}
+            variant="borderless"
             extra={<Link to="/">全部项目</Link>}
             loading={projectLoading}
-            bodyStyle={{
-              padding: 0,
-            }}
           >
             {projectNotice.map((item) => (
               <Card.Grid className={styles.projectGrid} key={item.id}>
-                <Card
+                <Card.Meta
-                  bodyStyle={{
+                  title={
-                    padding: 0,
+                    <div className={styles.cardTitle}>
+                      <Avatar size="small" src={item.logo} />
+                      <Link to={item.href || '/'}>{item.title}</Link>
+                    </div>
+                  }
+                  description={item.description}
+                  style={{
+                    width: '100%',
                   }}
-                  bordered={false}
+                />
-                >
+                <div className={styles.projectItemContent}>
-                  <Card.Meta
+                  <Link to={item.memberLink || '/'}>{item.member || ''}</Link>
-                    title={
+                  {item.updatedAt && (
-                      <div className={styles.cardTitle}>
+                    <span className={styles.datetime} title={item.updatedAt}>
-                        <Avatar size="small" src={item.logo} />
+                      {dayjs(item.updatedAt).fromNow()}
-                        <Link to={item.href || '/'}>{item.title}</Link>
+                    </span>
-                      </div>
+                  )}
-                    }
+                </div>
-                    description={item.description}
-                    style={{
-                      width: '100%',
-                    }}
-                  />
-                  <div className={styles.projectItemContent}>
-                    <Link to={item.memberLink || '/'}>{item.member || ''}</Link>
-                    {item.updatedAt && (
-                      <span className={styles.datetime} title={item.updatedAt}>
-                        {dayjs(item.updatedAt).fromNow()}
-                      </span>
-                    )}
-                  </div>
-                </Card>
               </Card.Grid>
             ))}
           </Card>
           <Card
-            bodyStyle={{
+            styles={{
-              padding: 0,
+              body: {
+                padding: activitiesLoading ? 16 : 0,
+              },
             }}
-            bordered={false}
+            variant="borderless"
             className={styles.activeCard}
             title="动态"
             loading={activitiesLoading}
@@ -217,10 +209,7 @@ const Workplace: FC = () => {
               marginBottom: 24,
             }}
             title="快速开始 / 便捷导航"
-            bordered={false}
+            variant="borderless"
-            bodyStyle={{
-              padding: 0,
-            }}
           >
             <EditableLinkGroup
               onAdd={() => {}}
@@ -232,43 +221,43 @@ const Workplace: FC = () => {
             style={{
               marginBottom: 24,
             }}
-            bordered={false}
+            variant="borderless"
             title="XX 指数"
             loading={data?.radarData?.length === 0}
           >
-            <div>
+            <Radar
-              <Radar
+              height={343}
-                height={343}
+              data={data?.radarData || []}
-                data={data?.radarData || []}
+              xField="label"
-                xField="label"
+              colorField="name"
-                colorField="name"
+              yField="value"
-                yField="value"
+              shapeField="smooth"
-                shapeField="smooth"
+              area={{
-                area={{
+                style: {
-                  style: {
+                  fillOpacity: 0.4,
-                    fillOpacity: 0.4,
+                },
-                  },
+              }}
-                }}
+              axis={{
-                axis={{
+                y: {
-                  y: {
+                  gridStrokeOpacity: 0.5,
-                    gridStrokeOpacity: 0.5,
+                },
-                  },
+              }}
-                }}
+              legend={{
-                legend={{
+                color: {
-                  color: {
+                  position: 'bottom',
-                    position: 'bottom',
+                  layout: { justifyContent: 'center' },
-                    layout: { justifyContent: 'center' },
+                },
-                  },
+              }}
-                }}
+            />
-              />
-            </div>
           </Card>
           <Card
-            bodyStyle={{
+            styles={{
-              paddingTop: 12,
+              body: {
-              paddingBottom: 12,
+                paddingTop: 12,
+                paddingBottom: 12,
+              },
             }}
-            bordered={false}
+            variant="borderless"
             title="团队"
             loading={projectLoading}
           >

src/pages/dashboard/workplace/style.style.ts

@@ -3,7 +3,7 @@ import { createStyles } from 'antd-style';
 const useStyles = createStyles(({ token }) => {
   return {
     activitiesList: {
-      padding: '0 24px 8px 24px',
+      padding: 0,
     },
     username: {
       color: token.colorText,
@@ -198,7 +198,6 @@ const useStyles = createStyles(({ token }) => {
     },
     datetime: {
       flex: '0 0 auto',
-      float: 'right',
       color: token.colorTextDisabled,
     },
     activeCard: {