remove commit lint

.husky/commit-msg

@@ -1,7 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-# Export Git hook params
-export GIT_PARAMS=$*
-
-npx --no-install fabric verify-commit

.husky/pre-commit

@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npx --no-install lint-staged

package.json

@@ -91,7 +91,6 @@
     "husky": "^7.0.4",
     "jest": "^29.4.3",
     "jest-environment-jsdom": "^29.4.3",
-    "lint-staged": "^10.5.4",
     "mockjs": "^1.1.0",
     "prettier": "^2.8.4",
     "swagger-ui-dist": "^4.15.5",

src/pages/User/register/style.style.ts

@@ -1,41 +1,41 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     main: {
-      width: "368px",
-      margin: "0 auto",
-      h3: { marginBottom: "20px", fontSize: "16px" },
+      width: '368px',
+      margin: '0 auto',
+      h3: { marginBottom: '20px', fontSize: '16px' },
     },
     password: {
-      marginBottom: "24px",
-      ".ant-form-item-explain": { display: "none" },
+      marginBottom: '24px',
+      '.ant-form-item-explain': { display: 'none' },
     },
     getCaptcha: {
-      display: "block",
-      width: "100%",
+      display: 'block',
+      width: '100%',
     },
     submit: {
-      width: "50%",
+      width: '50%',
     },
     login: {
-      float: "right",
+      float: 'right',
       lineHeight: token.controlHeight,
     },
     success: {
-      transition: "color 0.3s",
+      transition: 'color 0.3s',
       color: token.colorSuccess,
     },
     warning: {
-      transition: "color 0.3s",
+      transition: 'color 0.3s',
       color: token.colorWarning,
     },
     error: {
-      transition: "color 0.3s",
+      transition: 'color 0.3s',
       color: token.colorError,
     },
-    "progress-pass > .progress": {
-      ".ant-progress-bg": { backgroundColor: token.colorWarning },
+    'progress-pass > .progress': {
+      '.ant-progress-bg': { backgroundColor: token.colorWarning },
     },
   };
 });

src/pages/account/center/Center.style.ts

@@ -1,67 +1,67 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     avatarHolder: {
-      marginBottom: "24px",
-      textAlign: "center",
-      "& > img": { width: "104px", height: "104px", marginBottom: "20px" },
+      marginBottom: '24px',
+      textAlign: 'center',
+      '& > img': { width: '104px', height: '104px', marginBottom: '20px' },
     },
     name: {
-      marginBottom: "4px",
+      marginBottom: '4px',
       color: token.colorTextHeading,
-      fontWeight: "500",
-      fontSize: "20px",
-      lineHeight: "28px",
+      fontWeight: '500',
+      fontSize: '20px',
+      lineHeight: '28px',
     },
     detail: {
       p: {
-        position: "relative",
-        marginBottom: "8px",
-        paddingLeft: "26px",
-        "&:last-child": {
-          marginBottom: "0",
+        position: 'relative',
+        marginBottom: '8px',
+        paddingLeft: '26px',
+        '&:last-child': {
+          marginBottom: '0',
         },
       },
       i: {
-        position: "absolute",
-        top: "4px",
-        left: "0",
-        width: "14px",
-        height: "14px",
+        position: 'absolute',
+        top: '4px',
+        left: '0',
+        width: '14px',
+        height: '14px',
       },
     },
     tagsTitle: {
-      marginBottom: "12px",
+      marginBottom: '12px',
       color: token.colorTextHeading,
-      fontWeight: "500",
+      fontWeight: '500',
     },
     teamTitle: {
-      marginBottom: "12px",
+      marginBottom: '12px',
       color: token.colorTextHeading,
-      fontWeight: "500",
+      fontWeight: '500',
     },
     tags: {
-      ".ant-tag": { marginBottom: "8px" },
+      '.ant-tag': { marginBottom: '8px' },
     },
     team: {
-      ".ant-avatar": { marginRight: "12px" },
+      '.ant-avatar': { marginRight: '12px' },
       a: {
-        display: "block",
-        marginBottom: "24px",
-        overflow: "hidden",
+        display: 'block',
+        marginBottom: '24px',
+        overflow: 'hidden',
         color: token.colorText,
-        whiteSpace: "nowrap",
-        textOverflow: "ellipsis",
-        wordBreak: "break-all",
-        transition: "color 0.3s",
-        "&:hover": {
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis',
+        wordBreak: 'break-all',
+        transition: 'color 0.3s',
+        '&:hover': {
           color: token.colorPrimary,
         },
       },
     },
     tabsCard: {
-      ".ant-card-head": { padding: "0 16px" },
+      '.ant-card-head': { padding: '0 16px' },
     },
   };
 });

src/pages/account/center/components/Applications/index.style.ts

@@ -1,39 +1,39 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     filterCardList: {
-      marginBottom: "-24px",
-      ".ant-card-meta-content": { marginTop: "0" },
-      ".ant-card-meta-avatar": { fontSize: "0" },
-      ".ant-list .ant-list-item-content-single": { maxWidth: "100%" },
+      marginBottom: '-24px',
+      '.ant-card-meta-content': { marginTop: '0' },
+      '.ant-card-meta-avatar': { fontSize: '0' },
+      '.ant-list .ant-list-item-content-single': { maxWidth: '100%' },
     },
     cardInfo: {
-      marginTop: "16px",
-      marginLeft: "40px",
-      zoom: "1",
-      "&::before, &::after": { display: "table", content: "' '" },
-      "&::after": {
-        clear: "both",
-        height: "0",
-        fontSize: "0",
-        visibility: "hidden",
+      marginTop: '16px',
+      marginLeft: '40px',
+      zoom: '1',
+      '&::before, &::after': { display: 'table', content: "' '" },
+      '&::after': {
+        clear: 'both',
+        height: '0',
+        fontSize: '0',
+        visibility: 'hidden',
       },
-      "& > div": {
-        position: "relative",
-        float: "left",
-        width: "50%",
-        textAlign: "left",
+      '& > div': {
+        position: 'relative',
+        float: 'left',
+        width: '50%',
+        textAlign: 'left',
         p: {
-          margin: "0",
-          fontSize: "24px",
-          lineHeight: "32px",
+          margin: '0',
+          fontSize: '24px',
+          lineHeight: '32px',
         },
-        "p:first-child": {
-          marginBottom: "4px",
+        'p:first-child': {
+          marginBottom: '4px',
           color: token.colorTextSecondary,
-          fontSize: "12px",
-          lineHeight: "20px",
+          fontSize: '12px',
+          lineHeight: '20px',
         },
       },
     },

src/pages/account/center/components/ArticleListContent/index.style.ts

@@ -1,25 +1,25 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     description: {
-      maxWidth: "720px",
-      lineHeight: "22px",
+      maxWidth: '720px',
+      lineHeight: '22px',
     },
     extra: {
-      marginTop: "16px",
+      marginTop: '16px',
       color: token.colorTextSecondary,
-      lineHeight: "22px",
-      "& > em": {
-        marginLeft: "16px",
+      lineHeight: '22px',
+      '& > em': {
+        marginLeft: '16px',
         color: token.colorTextDisabled,
-        fontStyle: "normal",
+        fontStyle: 'normal',
       },
       [`@media screen and (max-width: ${token.screenXS}px)`]: {
-        "& > em": {
-          display: "block",
-          marginTop: "8px",
-          marginLeft: "0",
+        '& > em': {
+          display: 'block',
+          marginTop: '8px',
+          marginLeft: '0',
         },
       },
     },

src/pages/account/center/components/AvatarList/index.style.ts

@@ -1,18 +1,18 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     avatarList: {
-      display: "inline-block",
-      ul: { display: "inline-block", marginLeft: "8px", fontSize: "0" },
+      display: 'inline-block',
+      ul: { display: 'inline-block', marginLeft: '8px', fontSize: '0' },
     },
     avatarItem: {
-      display: "inline-block",
+      display: 'inline-block',
       width: token.controlHeight,
       height: token.controlHeight,
-      marginLeft: "-8px",
+      marginLeft: '-8px',
       fontSize: token.fontSize,
-      ".ant-avatar": { border: `1px solid ${token.colorBorder}` },
+      '.ant-avatar': { border: `1px solid ${token.colorBorder}` },
     },
     avatarItemLarge: {
       width: token.controlHeightLG,
@@ -23,15 +23,15 @@ const useStyles = createStyles(({ token }) => {
       height: token.controlHeightSM,
     },
     avatarItemMini: {
-      width: "20px",
-      height: "20px",
-      ".ant-avatar": {
-        width: "20px",
-        height: "20px",
-        lineHeight: "20px",
-        ".ant-avatar-string": {
-          fontSize: "12px",
-          lineHeight: "18px",
+      width: '20px',
+      height: '20px',
+      '.ant-avatar': {
+        width: '20px',
+        height: '20px',
+        lineHeight: '20px',
+        '.ant-avatar-string': {
+          fontSize: '12px',
+          lineHeight: '18px',
         },
       },
     },

src/pages/account/center/components/Projects/index.style.ts

@@ -1,47 +1,47 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     card: {
-      ".ant-card-meta-title": {
-        marginBottom: "4px",
-        "& > a": {
-          display: "inline-block",
-          maxWidth: "100%",
+      '.ant-card-meta-title': {
+        marginBottom: '4px',
+        '& > a': {
+          display: 'inline-block',
+          maxWidth: '100%',
           color: token.colorTextHeading,
         },
       },
-      ".ant-card-meta-description": {
-        height: "44px",
-        overflow: "hidden",
-        lineHeight: "22px",
+      '.ant-card-meta-description': {
+        height: '44px',
+        overflow: 'hidden',
+        lineHeight: '22px',
       },
-      "&:hover": {
-        ".ant-card-meta-title > a": {
+      '&:hover': {
+        '.ant-card-meta-title > a': {
           color: token.colorPrimary,
         },
       },
     },
     cardItemContent: {
-      display: "flex",
-      height: "20px",
-      marginTop: "16px",
-      marginBottom: "-4px",
-      lineHeight: "20px",
-      "& > span": {
-        flex: "1",
+      display: 'flex',
+      height: '20px',
+      marginTop: '16px',
+      marginBottom: '-4px',
+      lineHeight: '20px',
+      '& > span': {
+        flex: '1',
         color: token.colorTextSecondary,
-        fontSize: "12px",
+        fontSize: '12px',
       },
     },
     avatarList: {
-      flex: "0 1 auto",
+      flex: '0 1 auto',
     },
     cardList: {
-      marginTop: "24px",
+      marginTop: '24px',
     },
     coverCardList: {
-      ".ant-list .ant-list-item-content-single": { maxWidth: "100%" },
+      '.ant-list .ant-list-item-content-single': { maxWidth: '100%' },
     },
   };
 });

src/pages/account/settings/components/index.style.ts

@@ -1,58 +1,58 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     baseView: {
-      display: "flex",
-      paddingTop: "12px",
-      ".ant-legacy-form-item .ant-legacy-form-item-control-wrapper": {
-        width: "100%",
+      display: 'flex',
+      paddingTop: '12px',
+      '.ant-legacy-form-item .ant-legacy-form-item-control-wrapper': {
+        width: '100%',
       },
       [`@media screen and (max-width: ${token.screenXL}px)`]: {
-        flexDirection: "column-reverse",
+        flexDirection: 'column-reverse',
       },
     },
     left: {
-      minWidth: "224px",
-      maxWidth: "448px",
+      minWidth: '224px',
+      maxWidth: '448px',
     },
     right: {
-      flex: "1",
-      paddingLeft: "104px",
+      flex: '1',
+      paddingLeft: '104px',
       [`@media screen and (max-width: ${token.screenXL}px)`]: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        maxWidth: "448px",
-        padding: "20px",
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        maxWidth: '448px',
+        padding: '20px',
       },
     },
     avatar_title: {
-      height: "22px",
-      marginBottom: "8px",
+      height: '22px',
+      marginBottom: '8px',
       color: token.colorTextHeading,
       fontSize: token.fontSize,
-      lineHeight: "22px",
+      lineHeight: '22px',
       [`@media screen and (max-width: ${token.screenXL}px)`]: {
-        display: "none",
+        display: 'none',
       },
     },
     avatar: {
-      width: "144px",
-      height: "144px",
-      marginBottom: "12px",
-      overflow: "hidden",
-      img: { width: "100%" },
+      width: '144px',
+      height: '144px',
+      marginBottom: '12px',
+      overflow: 'hidden',
+      img: { width: '100%' },
     },
     button_view: {
-      width: "144px",
-      textAlign: "center",
+      width: '144px',
+      textAlign: 'center',
     },
     area_code: {
-      width: "72px",
+      width: '72px',
     },
     phone_number: {
-      width: "214px",
+      width: '214px',
     },
   };
 });

src/pages/account/settings/style.style.ts

@@ -1,72 +1,72 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     main: {
-      display: "flex",
-      width: "100%",
-      height: "100%",
-      paddingTop: "16px",
-      paddingBottom: "16px",
+      display: 'flex',
+      width: '100%',
+      height: '100%',
+      paddingTop: '16px',
+      paddingBottom: '16px',
       backgroundColor: token.colorBgContainer,
-      ".ant-list-split .ant-list-item:last-child": {
+      '.ant-list-split .ant-list-item:last-child': {
         borderBottom: `1px solid ${token.colorSplit}`,
       },
-      ".ant-list-item": { paddingTop: "14px", paddingBottom: "14px" },
+      '.ant-list-item': { paddingTop: '14px', paddingBottom: '14px' },
       [`@media screen and (max-width: ${token.screenMD}px)`]: {
-        flexDirection: "column",
+        flexDirection: 'column',
       },
     },
     leftMenu: {
-      width: "224px",
+      width: '224px',
       borderRight: `${token.lineWidth}px solid ${token.colorSplit}`,
-      ".ant-menu-inline": { border: "none" },
-      ".ant-menu-horizontal": { fontWeight: "bold" },
+      '.ant-menu-inline': { border: 'none' },
+      '.ant-menu-horizontal': { fontWeight: 'bold' },
       [`@media screen and (max-width: ${token.screenMD}px)`]: {
-        width: "100%",
-        border: "none",
+        width: '100%',
+        border: 'none',
       },
     },
     right: {
-      flex: "1",
-      padding: "8px 40px",
+      flex: '1',
+      padding: '8px 40px',
       [`@media screen and (max-width: ${token.screenMD}px)`]: {
-        padding: "40px",
+        padding: '40px',
       },
     },
     title: {
-      marginBottom: "12px",
+      marginBottom: '12px',
       color: token.colorTextHeading,
-      fontWeight: "500",
-      fontSize: "20px",
-      lineHeight: "28px",
+      fontWeight: '500',
+      fontSize: '20px',
+      lineHeight: '28px',
     },
     taobao: {
-      display: "block",
-      color: "#ff4000",
-      fontSize: "48px",
-      lineHeight: "48px",
+      display: 'block',
+      color: '#ff4000',
+      fontSize: '48px',
+      lineHeight: '48px',
       borderRadius: token.borderRadius,
     },
     dingding: {
-      margin: "2px",
-      padding: "6px",
-      color: "#fff",
-      fontSize: "32px",
-      lineHeight: "32px",
-      backgroundColor: "#2eabff",
+      margin: '2px',
+      padding: '6px',
+      color: '#fff',
+      fontSize: '32px',
+      lineHeight: '32px',
+      backgroundColor: '#2eabff',
       borderRadius: token.borderRadius,
     },
     alipay: {
-      color: "#2eabff",
-      fontSize: "48px",
-      lineHeight: "48px",
+      color: '#2eabff',
+      fontSize: '48px',
+      lineHeight: '48px',
       borderRadius: token.borderRadius,
     },
-    ":global": {
-      "font.strong": { color: token.colorSuccess },
-      "font.medium": { color: token.colorWarning },
-      "font.weak": { color: token.colorError },
+    ':global': {
+      'font.strong': { color: token.colorSuccess },
+      'font.medium': { color: token.colorWarning },
+      'font.weak': { color: token.colorError },
     },
   };
 });

src/pages/dashboard/analysis/components/Charts/ChartCard/index.style.ts

@@ -1,75 +1,75 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     chartCard: {
-      position: "relative",
+      position: 'relative',
     },
     chartTop: {
-      position: "relative",
-      width: "100%",
-      overflow: "hidden",
+      position: 'relative',
+      width: '100%',
+      overflow: 'hidden',
     },
     chartTopMargin: {
-      marginBottom: "12px",
+      marginBottom: '12px',
     },
     chartTopHasMargin: {
-      marginBottom: "20px",
+      marginBottom: '20px',
     },
     metaWrap: {
-      float: "left",
+      float: 'left',
     },
     avatar: {
-      position: "relative",
-      top: "4px",
-      float: "left",
-      marginRight: "20px",
-      img: { borderRadius: "100%" },
+      position: 'relative',
+      top: '4px',
+      float: 'left',
+      marginRight: '20px',
+      img: { borderRadius: '100%' },
     },
     meta: {
-      height: "22px",
+      height: '22px',
       color: token.colorTextSecondary,
       fontSize: token.fontSize,
-      lineHeight: "22px",
+      lineHeight: '22px',
     },
     action: {
-      position: "absolute",
-      top: "4px",
-      right: "0",
-      lineHeight: "1",
-      cursor: "pointer",
+      position: 'absolute',
+      top: '4px',
+      right: '0',
+      lineHeight: '1',
+      cursor: 'pointer',
     },
     total: {
-      height: "38px",
-      marginTop: "4px",
-      marginBottom: "0",
-      overflow: "hidden",
+      height: '38px',
+      marginTop: '4px',
+      marginBottom: '0',
+      overflow: 'hidden',
       color: token.colorTextHeading,
-      fontSize: "30px",
-      lineHeight: "38px",
-      whiteSpace: "nowrap",
-      textOverflow: "ellipsis",
-      wordBreak: "break-all",
+      fontSize: '30px',
+      lineHeight: '38px',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
+      wordBreak: 'break-all',
     },
     content: {
-      position: "relative",
-      width: "100%",
-      marginBottom: "12px",
+      position: 'relative',
+      width: '100%',
+      marginBottom: '12px',
     },
     contentFixed: {
-      position: "absolute",
-      bottom: "0",
-      left: "0",
-      width: "100%",
+      position: 'absolute',
+      bottom: '0',
+      left: '0',
+      width: '100%',
     },
     footer: {
-      marginTop: "8px",
-      paddingTop: "9px",
+      marginTop: '8px',
+      paddingTop: '9px',
       borderTop: `1px solid ${token.colorSplit}`,
-      "& > *": { position: "relative" },
+      '& > *': { position: 'relative' },
     },
     footerMargin: {
-      marginTop: "20px",
+      marginTop: '20px',
     },
   };
 });

src/pages/dashboard/analysis/components/Charts/Field/index.style.ts

@@ -1,19 +1,19 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     field: {
-      margin: "0",
-      overflow: "hidden",
-      whiteSpace: "nowrap",
-      textOverflow: "ellipsis",
+      margin: '0',
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
     },
     label: {
       fontSize: token.fontSize,
-      lineHeight: "22px",
+      lineHeight: '22px',
     },
     number: {
-      marginLeft: "8px",
+      marginLeft: '8px',
       color: token.colorTextHeading,
     },
   };

src/pages/dashboard/analysis/components/NumberInfo/index.style.ts

@@ -1,54 +1,54 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     suffix: {
-      marginLeft: "4px",
+      marginLeft: '4px',
       color: token.colorText,
-      fontSize: "16px",
-      fontStyle: "normal",
+      fontSize: '16px',
+      fontStyle: 'normal',
     },
     numberInfoTitle: {
-      marginBottom: "16px",
+      marginBottom: '16px',
       color: token.colorText,
-      fontSize: token["font-size-lg"],
-      transition: "all 0.3s",
+      fontSize: token['font-size-lg'],
+      transition: 'all 0.3s',
     },
     numberInfoSubTitle: {
-      height: "22px",
-      overflow: "hidden",
+      height: '22px',
+      overflow: 'hidden',
       color: token.colorTextSecondary,
       fontSize: token.fontSize,
-      lineHeight: "22px",
-      whiteSpace: "nowrap",
-      textOverflow: "ellipsis",
-      wordBreak: "break-all",
+      lineHeight: '22px',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
+      wordBreak: 'break-all',
     },
     numberInfoValue: {
-      marginTop: "4px",
-      overflow: "hidden",
-      fontSize: "0",
-      whiteSpace: "nowrap",
-      textOverflow: "ellipsis",
-      wordBreak: "break-all",
-      "& > span": { color: token.colorText },
+      marginTop: '4px',
+      overflow: 'hidden',
+      fontSize: '0',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
+      wordBreak: 'break-all',
+      '& > span': { color: token.colorText },
     },
     subTotal: {
-      marginRight: "0",
+      marginRight: '0',
       color: token.colorTextSecondary,
-      fontSize: token["font-size-lg"],
-      verticalAlign: "top",
+      fontSize: token['font-size-lg'],
+      verticalAlign: 'top',
     },
     anticon: {
-      marginLeft: "4px",
-      fontSize: "12px",
-      transform: "scale(0.82)",
+      marginLeft: '4px',
+      fontSize: '12px',
+      transform: 'scale(0.82)',
     },
-    "anticon-caret-up": {
-      color: token["red-6"],
+    'anticon-caret-up': {
+      color: token['red-6'],
     },
-    "anticon-caret-down": {
-      color: token["green-6"],
+    'anticon-caret-down': {
+      color: token['green-6'],
     },
   };
 });

src/pages/dashboard/analysis/components/Trend/index.style.ts

@@ -1,27 +1,27 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     trendItem: {
-      display: "inline-block",
+      display: 'inline-block',
       fontSize: token.fontSize,
-      lineHeight: "22px",
+      lineHeight: '22px',
     },
     up: {
-      color: token["red-6"],
+      color: token['red-6'],
     },
     down: {
-      top: "-1px",
-      color: token["green-6"],
+      top: '-1px',
+      color: token['green-6'],
     },
-    "trendItemGrey .up, trendItemGrey .down": {
+    'trendItemGrey .up, trendItemGrey .down': {
       color: token.colorText,
     },
-    "reverseColor .up": {
-      color: token["green-6"],
+    'reverseColor .up': {
+      color: token['green-6'],
     },
-    "reverseColor .down": {
-      color: token["red-6"],
+    'reverseColor .down': {
+      color: token['red-6'],
     },
   };
 });

src/pages/dashboard/analysis/style.style.ts

@@ -1,151 +1,151 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     iconGroup: {
-      "span.anticon": {
-        marginLeft: "16px",
+      'span.anticon': {
+        marginLeft: '16px',
         color: token.colorTextSecondary,
-        cursor: "pointer",
-        transition: "color 0.32s",
-        "&:hover": {
+        cursor: 'pointer',
+        transition: 'color 0.32s',
+        '&:hover': {
           color: token.colorText,
         },
       },
     },
     rankingList: {
-      margin: "25px 0 0",
-      padding: "0",
-      listStyle: "none",
+      margin: '25px 0 0',
+      padding: '0',
+      listStyle: 'none',
       li: {
-        display: "flex",
-        alignItems: "center",
-        marginTop: "16px",
-        zoom: "1",
-        "&::before, &::after": {
-          display: "table",
+        display: 'flex',
+        alignItems: 'center',
+        marginTop: '16px',
+        zoom: '1',
+        '&::before, &::after': {
+          display: 'table',
           content: "' '",
         },
-        "&::after": {
-          clear: "both",
-          height: "0",
-          fontSize: "0",
-          visibility: "hidden",
+        '&::after': {
+          clear: 'both',
+          height: '0',
+          fontSize: '0',
+          visibility: 'hidden',
         },
         span: {
           color: token.colorText,
-          fontSize: "14px",
-          lineHeight: "22px",
+          fontSize: '14px',
+          lineHeight: '22px',
         },
       },
       [`@media screen and (max-width: ${token.screenLG}px)`]: {
         li: {
-          "span:first-child": { marginRight: "8px" },
+          'span:first-child': { marginRight: '8px' },
         },
       },
     },
     rankingItemNumber: {
-      display: "inline-block",
-      width: "20px",
-      height: "20px",
-      marginTop: "1.5px",
-      marginRight: "16px",
-      fontWeight: "600",
-      fontSize: "12px",
-      lineHeight: "20px",
-      textAlign: "center",
-      backgroundColor: "#F9F9F9",
-      borderRadius: "20px",
+      display: 'inline-block',
+      width: '20px',
+      height: '20px',
+      marginTop: '1.5px',
+      marginRight: '16px',
+      fontWeight: '600',
+      fontSize: '12px',
+      lineHeight: '20px',
+      textAlign: 'center',
+      backgroundColor: '#F9F9F9',
+      borderRadius: '20px',
     },
     rankingItemTitle: {
-      flex: "1",
-      marginRight: "8px",
-      overflow: "hidden",
-      whiteSpace: "nowrap",
-      textOverflow: "ellipsis",
+      flex: '1',
+      marginRight: '8px',
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
     },
     active: {
-      color: "#fff",
-      backgroundColor: "#314659",
+      color: '#fff',
+      backgroundColor: '#314659',
     },
     salesExtra: {
-      display: "inline-block",
-      marginRight: "24px",
+      display: 'inline-block',
+      marginRight: '24px',
       a: {
-        marginLeft: "24px",
+        marginLeft: '24px',
         color: token.colorText,
-        "&:hover": {
+        '&:hover': {
           color: token.colorPrimary,
         },
       },
       [`@media screen and (max-width: ${token.screenLG}px)`]: {
-        display: "none",
+        display: 'none',
       },
     },
     currentDate: {
       color: token.colorPrimary,
     },
     salesBar: {
-      padding: "0 0 32px 32px",
+      padding: '0 0 32px 32px',
       [`@media screen and (max-width: ${token.screenMD}px)`]: {
-        padding: "16px",
+        padding: '16px',
       },
     },
     salesRank: {
-      padding: "0 32px 32px 72px",
+      padding: '0 32px 32px 72px',
     },
     salesCard: {
-      ".ant-tabs-bar, .ant-tabs-nav-wrap": {
-        paddingLeft: "16px",
-        ".ant-tabs-nav .ant-tabs-tab": {
-          paddingTop: "16px",
-          paddingBottom: "14px",
-          lineHeight: "24px",
+      '.ant-tabs-bar, .ant-tabs-nav-wrap': {
+        paddingLeft: '16px',
+        '.ant-tabs-nav .ant-tabs-tab': {
+          paddingTop: '16px',
+          paddingBottom: '14px',
+          lineHeight: '24px',
         },
       },
-      ".ant-tabs-extra-content": { paddingRight: "24px", lineHeight: "55px" },
-      ".ant-card-head": { position: "relative" },
-      ".ant-card-head-title": { alignItems: "normal" },
+      '.ant-tabs-extra-content': { paddingRight: '24px', lineHeight: '55px' },
+      '.ant-card-head': { position: 'relative' },
+      '.ant-card-head-title': { alignItems: 'normal' },
       [`@media screen and (max-width: ${token.screenMD}px)`]: {
-        padding: "16px",
+        padding: '16px',
       },
       [`@media screen and (max-width: ${token.screenSM}px)`]: {
-        ".ant-tabs-content": {
-          paddingTop: "30px",
+        '.ant-tabs-content': {
+          paddingTop: '30px',
         },
       },
     },
     salesCardExtra: {
-      height: "inherit",
+      height: 'inherit',
     },
     salesTypeRadio: {
-      position: "absolute",
-      right: "54px",
-      bottom: "12px",
+      position: 'absolute',
+      right: '54px',
+      bottom: '12px',
     },
     offlineCard: {
-      ".ant-tabs-ink-bar": { bottom: "auto" },
-      ".ant-tabs-bar": { borderBottom: "none" },
-      ".ant-tabs-nav-container-scrolling": {
-        paddingRight: "40px",
-        paddingLeft: "40px",
+      '.ant-tabs-ink-bar': { bottom: 'auto' },
+      '.ant-tabs-bar': { borderBottom: 'none' },
+      '.ant-tabs-nav-container-scrolling': {
+        paddingRight: '40px',
+        paddingLeft: '40px',
       },
-      ".ant-tabs-tab-prev-icon::before": { position: "relative", left: "6px" },
-      ".ant-tabs-tab-next-icon::before": { position: "relative", right: "6px" },
-      ".ant-tabs-tab-active h4": { color: token.colorPrimary },
+      '.ant-tabs-tab-prev-icon::before': { position: 'relative', left: '6px' },
+      '.ant-tabs-tab-next-icon::before': { position: 'relative', right: '6px' },
+      '.ant-tabs-tab-active h4': { color: token.colorPrimary },
     },
     trendText: {
-      marginLeft: "8px",
+      marginLeft: '8px',
       color: token.colorTextHeading,
     },
     rankingTitle: {
       [`@media screen and (max-width: ${token.screenMD}px)`]: {
-        marginTop: "16px",
+        marginTop: '16px',
       },
     },
     salesExtraWrap: {
       [`@media screen and (max-width: ${token.screenSM}px)`]: {
-        display: "none",
+        display: 'none',
       },
     },
   };

src/pages/dashboard/monitor/style.style.ts

@@ -1,13 +1,13 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     mapChart: {
-      height: "452px",
-      paddingTop: "24px",
-      img: { display: "inline-block", maxWidth: "100%", maxHeight: "437px" },
+      height: '452px',
+      paddingTop: '24px',
+      img: { display: 'inline-block', maxWidth: '100%', maxHeight: '437px' },
       [`@media screen and (max-width: ${token.screenLG}px)`]: {
-        height: "auto",
+        height: 'auto',
       },
     },
   };

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

@@ -1,17 +1,17 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     linkGroup: {
-      padding: "20px 0 8px 24px",
-      fontSize: "0",
-      "& > a": {
-        display: "inline-block",
-        width: "25%",
-        marginBottom: "13px",
+      padding: '20px 0 8px 24px',
+      fontSize: '0',
+      '& > a': {
+        display: 'inline-block',
+        width: '25%',
+        marginBottom: '13px',
         color: token.colorText,
         fontSize: token.fontSize,
-        "&:hover": {
+        '&:hover': {
           color: token.colorPrimary,
         },
       },

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

@@ -1,204 +1,208 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     activitiesList: {
-      padding: "0 24px 8px 24px",
+      padding: '0 24px 8px 24px',
     },
     username: {
       color: token.colorText,
     },
     event: {
-      fontWeight: "normal",
+      fontWeight: 'normal',
     },
     pageHeaderContent: {
-      display: "flex",
+      display: 'flex',
       [`@media screen and (max-width: ${token.screenSM}px)`]: {
-        display: "block",
+        display: 'block',
       },
     },
     avatar: {
-      flex: "0 1 72px",
-      "& > span": {
-        display: "block",
-        width: "72px",
-        height: "72px",
-        borderRadius: "72px",
+      flex: '0 1 72px',
+      '& > span': {
+        display: 'block',
+        width: '72px',
+        height: '72px',
+        borderRadius: '72px',
       },
     },
     content: {
-      position: "relative",
-      top: "4px",
-      flex: "1 1 auto",
-      marginLeft: "24px",
+      position: 'relative',
+      top: '4px',
+      flex: '1 1 auto',
+      marginLeft: '24px',
       color: token.colorTextSecondary,
-      lineHeight: "22px",
+      lineHeight: '22px',
       [`@media screen and (max-width: ${token.screenSM}px)`]: {
-        marginLeft: "0",
+        marginLeft: '0',
       },
     },
     contentTitle: {
-      marginBottom: "12px",
+      marginBottom: '12px',
       color: token.colorTextHeading,
-      fontWeight: "500",
-      fontSize: "20px",
-      lineHeight: "28px",
+      fontWeight: '500',
+      fontSize: '20px',
+      lineHeight: '28px',
     },
     extraContent: {
-      zoom: "1",
-      "&::before, &::after": { display: "table", content: "' '" },
-      "&::after": {
-        clear: "both",
-        height: "0",
-        fontSize: "0",
-        visibility: "hidden",
-      },
-      float: "right",
-      whiteSpace: "nowrap",
-      [`@media screen and (max-width: ${token.screenXL}px) and (min-width: @screen-lg)`]:
-        { marginLeft: "-44px" },
+      zoom: '1',
+      '&::before, &::after': { display: 'table', content: "' '" },
+      '&::after': {
+        clear: 'both',
+        height: '0',
+        fontSize: '0',
+        visibility: 'hidden',
+      },
+      float: 'right',
+      whiteSpace: 'nowrap',
+      [`@media screen and (max-width: ${token.screenXL}px) and (min-width: @screen-lg)`]: {
+        marginLeft: '-44px',
+      },
       [`@media screen and (max-width: ${token.screenLG}px)`]: {
-        float: "none",
-        marginRight: "0",
+        float: 'none',
+        marginRight: '0',
       },
       [`@media screen and (max-width: ${token.screenMD}px)`]: {
-        marginLeft: "-16px",
+        marginLeft: '-16px',
       },
     },
     statItem: {
-      position: "relative",
-      display: "inline-block",
-      padding: "0 32px",
-      "> p:first-child": {
-        marginBottom: "4px",
+      position: 'relative',
+      display: 'inline-block',
+      padding: '0 32px',
+      '> p:first-child': {
+        marginBottom: '4px',
         color: token.colorTextSecondary,
         fontSize: token.fontSize,
-        lineHeight: "22px",
+        lineHeight: '22px',
       },
-      "> p": {
-        margin: "0",
+      '> p': {
+        margin: '0',
         color: token.colorTextHeading,
-        fontSize: "30px",
-        lineHeight: "38px",
-        "> span": {
+        fontSize: '30px',
+        lineHeight: '38px',
+        '> span': {
           color: token.colorTextSecondary,
-          fontSize: "20px",
+          fontSize: '20px',
         },
       },
-      "&::after": {
-        position: "absolute",
-        top: "8px",
-        right: "0",
-        width: "1px",
-        height: "40px",
+      '&::after': {
+        position: 'absolute',
+        top: '8px',
+        right: '0',
+        width: '1px',
+        height: '40px',
         backgroundColor: token.colorSplit,
         content: "''",
       },
-      "&:last-child": {
-        paddingRight: "0",
-        "&::after": {
-          display: "none",
+      '&:last-child': {
+        paddingRight: '0',
+        '&::after': {
+          display: 'none',
         },
       },
-      [`@media screen and (max-width: ${token.screenXL}px) and (min-width: @screen-lg)`]:
-        { padding: "0 16px" },
+      [`@media screen and (max-width: ${token.screenXL}px) and (min-width: @screen-lg)`]: {
+        padding: '0 16px',
+      },
       [`@media screen and (max-width: ${token.screenLG}px)`]: {
-        padding: "0 16px",
-        textAlign: "left",
-        "&::after": {
-          display: "none",
+        padding: '0 16px',
+        textAlign: 'left',
+        '&::after': {
+          display: 'none',
         },
       },
-      [`@media screen and (max-width: ${token.screenSM}px)`]: { float: "none" },
+      [`@media screen and (max-width: ${token.screenSM}px)`]: { float: 'none' },
     },
     members: {
       a: {
-        display: "block",
-        height: "24px",
-        margin: "12px 0",
+        display: 'block',
+        height: '24px',
+        margin: '12px 0',
         color: token.colorText,
-        transition: "all 0.3s",
-        overflow: "hidden",
-        whiteSpace: "nowrap",
-        textOverflow: "ellipsis",
-        wordBreak: "break-all",
-        "&:hover": {
+        transition: 'all 0.3s',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis',
+        wordBreak: 'break-all',
+        '&:hover': {
           color: token.colorPrimary,
         },
       },
-      [`@media screen and (max-width: ${token.screenXL}px) and (min-width: @screen-lg)`]:
-        { marginBottom: "0" },
+      [`@media screen and (max-width: ${token.screenXL}px) and (min-width: @screen-lg)`]: {
+        marginBottom: '0',
+      },
       [`@media screen and (max-width: ${token.screenLG}px)`]: {
-        marginBottom: "0",
+        marginBottom: '0',
       },
     },
     member: {
-      marginLeft: "12px",
+      marginLeft: '12px',
       fontSize: token.fontSize,
-      lineHeight: "24px",
-      verticalAlign: "top",
+      lineHeight: '24px',
+      verticalAlign: 'top',
     },
     projectList: {
-      ".ant-card-meta-description": {
-        height: "44px",
-        overflow: "hidden",
+      '.ant-card-meta-description': {
+        height: '44px',
+        overflow: 'hidden',
         color: token.colorTextSecondary,
-        lineHeight: "22px",
+        lineHeight: '22px',
       },
     },
     cardTitle: {
-      fontSize: "0",
+      fontSize: '0',
       a: {
-        display: "inline-block",
-        height: "24px",
-        marginLeft: "12px",
+        display: 'inline-block',
+        height: '24px',
+        marginLeft: '12px',
         color: token.colorTextHeading,
         fontSize: token.fontSize,
-        lineHeight: "24px",
-        verticalAlign: "top",
-        "&:hover": {
+        lineHeight: '24px',
+        verticalAlign: 'top',
+        '&:hover': {
           color: token.colorPrimary,
         },
       },
     },
     projectGrid: {
-      width: "33.33%",
-      [`@media screen and (max-width: ${token.screenMD}px)`]: { width: "50%" },
-      [`@media screen and (max-width: ${token.screenXS}px)`]: { width: "100%" },
+      width: '33.33%',
+      [`@media screen and (max-width: ${token.screenMD}px)`]: { width: '50%' },
+      [`@media screen and (max-width: ${token.screenXS}px)`]: { width: '100%' },
     },
     projectItemContent: {
-      display: "flex",
-      height: "20px",
-      marginTop: "8px",
-      overflow: "hidden",
-      fontSize: "12px",
-      lineHeight: "20px",
-      whiteSpace: "nowrap",
-      textOverflow: "ellipsis",
-      wordBreak: "break-all",
+      display: 'flex',
+      height: '20px',
+      marginTop: '8px',
+      overflow: 'hidden',
+      fontSize: '12px',
+      lineHeight: '20px',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
+      wordBreak: 'break-all',
       a: {
-        display: "inline-block",
-        flex: "1 1 0",
+        display: 'inline-block',
+        flex: '1 1 0',
         color: token.colorTextSecondary,
-        overflow: "hidden",
-        whiteSpace: "nowrap",
-        textOverflow: "ellipsis",
-        wordBreak: "break-all",
-        "&:hover": {
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis',
+        wordBreak: 'break-all',
+        '&:hover': {
           color: token.colorPrimary,
         },
       },
     },
     datetime: {
-      flex: "0 0 auto",
-      float: "right",
+      flex: '0 0 auto',
+      float: 'right',
       color: token.colorTextDisabled,
     },
     activeCard: {
-      [`@media screen and (max-width: ${token.screenXL}px) and (min-width: @screen-lg)`]:
-        { marginBottom: "24px" },
+      [`@media screen and (max-width: ${token.screenXL}px) and (min-width: @screen-lg)`]: {
+        marginBottom: '24px',
+      },
       [`@media screen and (max-width: ${token.screenLG}px)`]: {
-        marginBottom: "24px",
+        marginBottom: '24px',
       },
     },
   };

src/pages/form/advanced-form/style.style.ts

@@ -1,46 +1,46 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     card: {
-      marginBottom: "24px",
-      ".ant-legacy-form-item .ant-legacy-form-item-control-wrapper": {
-        width: "100%",
+      marginBottom: '24px',
+      '.ant-legacy-form-item .ant-legacy-form-item-control-wrapper': {
+        width: '100%',
       },
     },
     errorIcon: {
-      marginRight: "12px",
+      marginRight: '12px',
       color: token.colorError,
-      cursor: "pointer",
-      "span.anticon": { marginRight: "4px" },
-      float: "left",
-      marginTop: "4px",
-      paddingBottom: "22px",
+      cursor: 'pointer',
+      'span.anticon': { marginRight: '4px' },
+      float: 'left',
+      marginTop: '4px',
+      paddingBottom: '22px',
     },
     errorPopover: {
-      ".ant-popover-inner-content": {
-        minWidth: "256px",
-        maxHeight: "290px",
-        padding: "0",
-        overflow: "auto",
+      '.ant-popover-inner-content': {
+        minWidth: '256px',
+        maxHeight: '290px',
+        padding: '0',
+        overflow: 'auto',
       },
     },
     errorListItem: {
-      padding: "8px 16px",
-      listStyle: "none",
+      padding: '8px 16px',
+      listStyle: 'none',
       borderBottom: `1px solid ${token.colorSplit}`,
-      cursor: "pointer",
-      transition: "all 0.3s",
-      "&:hover": { background: token.colorBgTextActive },
-      "&:last-child": { border: "0" },
+      cursor: 'pointer',
+      transition: 'all 0.3s',
+      '&:hover': { background: token.colorBgTextActive },
+      '&:last-child': { border: '0' },
     },
     errorField: {
-      marginTop: "2px",
+      marginTop: '2px',
       color: token.colorTextSecondary,
-      fontSize: "12px",
+      fontSize: '12px',
     },
     editable: {
-      td: { paddingTop: "13px", paddingBottom: "12.5px" },
+      td: { paddingTop: '13px', paddingBottom: '12.5px' },
     },
   };
 });

src/pages/form/basic-form/style.style.ts

@@ -1,10 +1,10 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     optional: {
       color: token.colorTextSecondary,
-      fontStyle: "normal",
+      fontStyle: 'normal',
     },
   };
 });

src/pages/list/basic-list/style.style.ts

@@ -1,139 +1,138 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     standardList: {
-      ".ant-card-head": { borderBottom: "none" },
-      ".ant-card-head-title": { padding: "24px 0", lineHeight: "32px" },
-      ".ant-card-extra": { padding: "24px 0" },
-      ".ant-list-pagination": { marginTop: "24px", textAlign: "right" },
-      ".ant-avatar-lg": { width: "48px", height: "48px", lineHeight: "48px" },
+      '.ant-card-head': { borderBottom: 'none' },
+      '.ant-card-head-title': { padding: '24px 0', lineHeight: '32px' },
+      '.ant-card-extra': { padding: '24px 0' },
+      '.ant-list-pagination': { marginTop: '24px', textAlign: 'right' },
+      '.ant-avatar-lg': { width: '48px', height: '48px', lineHeight: '48px' },
       [`@media screen and (max-width: ${token.screenXS}px)`]: {
-        ".ant-list-item-content": {
-          display: "block",
-          flex: "none",
-          width: "100%",
+        '.ant-list-item-content': {
+          display: 'block',
+          flex: 'none',
+          width: '100%',
         },
-        ".ant-list-item-action": {
-          marginLeft: "0",
+        '.ant-list-item-action': {
+          marginLeft: '0',
         },
       },
     },
     headerInfo: {
-      position: "relative",
-      textAlign: "center",
-      "& > span": {
-        display: "inline-block",
-        marginBottom: "4px",
+      position: 'relative',
+      textAlign: 'center',
+      '& > span': {
+        display: 'inline-block',
+        marginBottom: '4px',
         color: token.colorTextSecondary,
         fontSize: token.fontSize,
-        lineHeight: "22px",
+        lineHeight: '22px',
       },
-      "& > p": {
-        margin: "0",
+      '& > p': {
+        margin: '0',
         color: token.colorTextHeading,
-        fontSize: "24px",
-        lineHeight: "32px",
+        fontSize: '24px',
+        lineHeight: '32px',
       },
-      "& > em": {
-        position: "absolute",
-        top: "0",
-        right: "0",
-        width: "1px",
-        height: "56px",
+      '& > em': {
+        position: 'absolute',
+        top: '0',
+        right: '0',
+        width: '1px',
+        height: '56px',
         backgroundColor: token.colorSplit,
       },
       [`@media screen and (max-width: ${token.screenSM}px)`]: {
-        marginBottom: "16px",
-        "& > em": {
-          display: "none",
+        marginBottom: '16px',
+        '& > em': {
+          display: 'none',
         },
       },
     },
     listContent: {
-      fontSize: "0",
+      fontSize: '0',
       [`@media screen and (max-width: ${token.screenXS}px)`]: {
-        marginLeft: "0",
-        "& > div": {
-          marginLeft: "0",
+        marginLeft: '0',
+        '& > div': {
+          marginLeft: '0',
         },
       },
       [`@media screen and (max-width: ${token.screenMD}px)`]: {
-        "& > div": {
-          display: "block",
+        '& > div': {
+          display: 'block',
         },
-        "& > div:last-child": {
-          top: "0",
-          width: "100%",
+        '& > div:last-child': {
+          top: '0',
+          width: '100%',
         },
       },
-      [`@media screen and (max-width: ${token.screenLG}px) and (min-width: @screen-md)`]:
-        {
-          "& > div": {
-            display: "block",
-          },
-          "& > div:last-child": {
-            top: "0",
-            width: "100%",
-          },
+      [`@media screen and (max-width: ${token.screenLG}px) and (min-width: @screen-md)`]: {
+        '& > div': {
+          display: 'block',
         },
+        '& > div:last-child': {
+          top: '0',
+          width: '100%',
+        },
+      },
       [`@media screen and (max-width: ${token.screenXL}px)`]: {
-        "& > div": {
-          marginLeft: "24px",
+        '& > div': {
+          marginLeft: '24px',
         },
-        "& > div:last-child": {
-          top: "0",
+        '& > div:last-child': {
+          top: '0',
         },
       },
-      "@media screen and (max-width: 1400px)": {
-        textAlign: "right",
-        "& > div:last-child": {
-          top: "0",
+      '@media screen and (max-width: 1400px)': {
+        textAlign: 'right',
+        '& > div:last-child': {
+          top: '0',
         },
       },
     },
     listContentItem: {
-      display: "inline-block",
-      marginLeft: "40px",
+      display: 'inline-block',
+      marginLeft: '40px',
       color: token.colorTextSecondary,
       fontSize: token.fontSize,
-      verticalAlign: "middle",
-      "> span": { lineHeight: "20px" },
-      "> p": { marginTop: "4px", marginBottom: "0", lineHeight: "22px" },
+      verticalAlign: 'middle',
+      '> span': { lineHeight: '20px' },
+      '> p': { marginTop: '4px', marginBottom: '0', lineHeight: '22px' },
     },
     extraContentSearch: {
-      width: "272px",
-      marginLeft: "16px",
+      width: '272px',
+      marginLeft: '16px',
       [`@media screen and (max-width: ${token.screenSM}px)`]: {
-        width: "100%",
-        marginLeft: "0",
+        width: '100%',
+        marginLeft: '0',
       },
     },
     listCard: {
       [`@media screen and (max-width: ${token.screenXS}px)`]: {
-        ".ant-card-head-title": {
-          overflow: "visible",
+        '.ant-card-head-title': {
+          overflow: 'visible',
         },
       },
       [`@media screen and (max-width: ${token.screenMD}px)`]: {
-        ".ant-radio-group": {
-          display: "block",
-          marginBottom: "8px",
+        '.ant-radio-group': {
+          display: 'block',
+          marginBottom: '8px',
         },
       },
     },
     standardListForm: {
-      ".ant-form-item": {
-        marginBottom: "12px",
-        "&:last-child": {
-          marginBottom: "32px",
-          paddingTop: "4px",
+      '.ant-form-item': {
+        marginBottom: '12px',
+        '&:last-child': {
+          marginBottom: '32px',
+          paddingTop: '4px',
         },
       },
     },
     formResult: {
-      width: "100%",
-      "[class^='title']": { marginBottom: "8px" },
+      width: '100%',
+      "[class^='title']": { marginBottom: '8px' },
     },
   };
 });

src/pages/list/card-list/style.style.ts

@@ -1,85 +1,85 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     card: {
-      ".ant-card-meta-title": {
-        marginBottom: "12px",
-        "& > a": {
-          display: "inline-block",
-          maxWidth: "100%",
+      '.ant-card-meta-title': {
+        marginBottom: '12px',
+        '& > a': {
+          display: 'inline-block',
+          maxWidth: '100%',
           color: token.colorTextHeading,
         },
       },
-      ".ant-card-body:hover": {
-        ".ant-card-meta-title > a": {
+      '.ant-card-body:hover': {
+        '.ant-card-meta-title > a': {
           color: token.colorPrimary,
         },
       },
     },
     item: {
-      height: "64px",
+      height: '64px',
     },
     cardList: {
-      ".ant-list .ant-list-item-content-single": { maxWidth: "100%" },
+      '.ant-list .ant-list-item-content-single': { maxWidth: '100%' },
     },
     extraImg: {
-      width: "155px",
-      marginTop: "-20px",
-      textAlign: "center",
-      img: { width: "100%" },
+      width: '155px',
+      marginTop: '-20px',
+      textAlign: 'center',
+      img: { width: '100%' },
       [`@media screen and (max-width: ${token.screenMD}px)`]: {
-        display: "none",
+        display: 'none',
       },
     },
     newButton: {
-      width: "100%",
-      height: "201px",
+      width: '100%',
+      height: '201px',
       color: token.colorTextSecondary,
       backgroundColor: token.colorBgContainer,
       borderColor: token.colorBorder,
     },
     cardAvatar: {
-      width: "48px",
-      height: "48px",
-      borderRadius: "48px",
+      width: '48px',
+      height: '48px',
+      borderRadius: '48px',
     },
     cardDescription: {
-      overflow: "hidden",
-      whiteSpace: "nowrap",
-      textOverflow: "ellipsis",
-      wordBreak: "break-all",
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
+      wordBreak: 'break-all',
     },
     pageHeaderContent: {
-      position: "relative",
+      position: 'relative',
       [`@media screen and (max-width: ${token.screenSM}px)`]: {
-        paddingBottom: "30px",
+        paddingBottom: '30px',
       },
     },
     contentLink: {
-      marginTop: "16px",
+      marginTop: '16px',
       a: {
-        marginRight: "32px",
+        marginRight: '32px',
         img: {
-          width: "24px",
+          width: '24px',
         },
       },
-      img: { marginRight: "8px", verticalAlign: "middle" },
+      img: { marginRight: '8px', verticalAlign: 'middle' },
       [`@media screen and (max-width: ${token.screenLG}px)`]: {
         a: {
-          marginRight: "16px",
+          marginRight: '16px',
         },
       },
       [`@media screen and (max-width: ${token.screenSM}px)`]: {
-        position: "absolute",
-        bottom: "-4px",
-        left: "0",
-        width: "1000px",
+        position: 'absolute',
+        bottom: '-4px',
+        left: '0',
+        width: '1000px',
         a: {
-          marginRight: "16px",
+          marginRight: '16px',
         },
         img: {
-          marginRight: "4px",
+          marginRight: '4px',
         },
       },
     },

src/pages/list/search/applications/components/StandardFormRow/index.style.ts

@@ -1,58 +1,58 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     standardFormRow: {
-      display: "flex",
-      marginBottom: "16px",
-      paddingBottom: "16px",
+      display: 'flex',
+      marginBottom: '16px',
+      paddingBottom: '16px',
       borderBottom: `1px dashed ${token.colorSplit}`,
-      ".ant-form-item, .ant-legacy-form-item": { marginRight: "24px" },
-      ".ant-form-item-label, .ant-legacy-form-item-label": {
+      '.ant-form-item, .ant-legacy-form-item': { marginRight: '24px' },
+      '.ant-form-item-label, .ant-legacy-form-item-label': {
         label: {
-          marginRight: "0",
+          marginRight: '0',
           color: token.colorText,
         },
       },
-      ".ant-form-item-label, .ant-legacy-form-item-label, .ant-form-item-control, .ant-legacy-form-item-control":
-        { padding: "0", lineHeight: "32px" },
+      '.ant-form-item-label, .ant-legacy-form-item-label, .ant-form-item-control, .ant-legacy-form-item-control':
+        { padding: '0', lineHeight: '32px' },
     },
     label: {
-      flex: "0 0 auto",
-      marginRight: "24px",
+      flex: '0 0 auto',
+      marginRight: '24px',
       color: token.colorTextHeading,
       fontSize: token.fontSize,
-      textAlign: "right",
-      "& > span": {
-        display: "inline-block",
-        height: "32px",
-        lineHeight: "32px",
-        "&::after": {
+      textAlign: 'right',
+      '& > span': {
+        display: 'inline-block',
+        height: '32px',
+        lineHeight: '32px',
+        '&::after': {
           content: "'：'",
         },
       },
     },
     content: {
-      flex: "1 1 0",
-      ".ant-form-item, .ant-legacy-form-item": {
-        "&:last-child": {
-          marginRight: "0",
+      flex: '1 1 0',
+      '.ant-form-item, .ant-legacy-form-item': {
+        '&:last-child': {
+          marginRight: '0',
         },
       },
     },
     standardFormRowLast: {
-      marginBottom: "0",
-      paddingBottom: "0",
-      border: "none",
+      marginBottom: '0',
+      paddingBottom: '0',
+      border: 'none',
     },
     standardFormRowBlock: {
-      ".ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper":
-        { display: "block" },
+      '.ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper':
+        { display: 'block' },
     },
     standardFormRowGrid: {
-      ".ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper":
-        { display: "block" },
-      ".ant-form-item-label, .ant-legacy-form-item-label": { float: "left" },
+      '.ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper':
+        { display: 'block' },
+      '.ant-form-item-label, .ant-legacy-form-item-label': { float: 'left' },
     },
   };
 });

src/pages/list/search/applications/components/TagSelect/index.style.ts

@@ -1,33 +1,33 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     tagSelect: {
-      position: "relative",
-      maxHeight: "32px",
-      marginLeft: "-8px",
-      overflow: "hidden",
-      lineHeight: "32px",
-      transition: "all 0.3s",
-      userSelect: "none",
-      ".ant-tag": {
-        marginRight: "24px",
-        padding: "0 8px",
+      position: 'relative',
+      maxHeight: '32px',
+      marginLeft: '-8px',
+      overflow: 'hidden',
+      lineHeight: '32px',
+      transition: 'all 0.3s',
+      userSelect: 'none',
+      '.ant-tag': {
+        marginRight: '24px',
+        padding: '0 8px',
         fontSize: token.fontSize,
       },
     },
     trigger: {
-      position: "absolute",
-      top: "0",
-      right: "0",
-      "span.anticon": { fontSize: "12px" },
+      position: 'absolute',
+      top: '0',
+      right: '0',
+      'span.anticon': { fontSize: '12px' },
     },
     expanded: {
-      maxHeight: "200px",
-      transition: "all 0.3s",
+      maxHeight: '200px',
+      transition: 'all 0.3s',
     },
     hasExpandTag: {
-      paddingRight: "50px",
+      paddingRight: '50px',
     },
   };
 });

src/pages/list/search/applications/style.style.ts

@@ -1,38 +1,38 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     filterCardList: {
-      ".ant-card-meta-content": { marginTop: "0" },
-      ".ant-card-meta-avatar": { fontSize: "0" },
-      ".ant-list .ant-list-item-content-single": { maxWidth: "100%" },
+      '.ant-card-meta-content': { marginTop: '0' },
+      '.ant-card-meta-avatar': { fontSize: '0' },
+      '.ant-list .ant-list-item-content-single': { maxWidth: '100%' },
     },
     cardInfo: {
-      marginTop: "16px",
-      marginLeft: "40px",
-      zoom: "1",
-      "&::before, &::after": { display: "table", content: "' '" },
-      "&::after": {
-        clear: "both",
-        height: "0",
-        fontSize: "0",
-        visibility: "hidden",
+      marginTop: '16px',
+      marginLeft: '40px',
+      zoom: '1',
+      '&::before, &::after': { display: 'table', content: "' '" },
+      '&::after': {
+        clear: 'both',
+        height: '0',
+        fontSize: '0',
+        visibility: 'hidden',
       },
-      "& > div": {
-        position: "relative",
-        float: "left",
-        width: "50%",
-        textAlign: "left",
+      '& > div': {
+        position: 'relative',
+        float: 'left',
+        width: '50%',
+        textAlign: 'left',
         p: {
-          margin: "0",
-          fontSize: "24px",
-          lineHeight: "32px",
+          margin: '0',
+          fontSize: '24px',
+          lineHeight: '32px',
         },
-        "p:first-child": {
-          marginBottom: "4px",
+        'p:first-child': {
+          marginBottom: '4px',
           color: token.colorTextSecondary,
-          fontSize: "12px",
-          lineHeight: "20px",
+          fontSize: '12px',
+          lineHeight: '20px',
         },
       },
     },

src/pages/list/search/articles/components/ArticleListContent/index.style.ts

@@ -1,25 +1,25 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     description: {
-      maxWidth: "720px",
-      lineHeight: "22px",
+      maxWidth: '720px',
+      lineHeight: '22px',
     },
     extra: {
-      marginTop: "16px",
+      marginTop: '16px',
       color: token.colorTextSecondary,
-      lineHeight: "22px",
-      "& > em": {
-        marginLeft: "16px",
+      lineHeight: '22px',
+      '& > em': {
+        marginLeft: '16px',
         color: token.colorTextDisabled,
-        fontStyle: "normal",
+        fontStyle: 'normal',
       },
       [`@media screen and (max-width: ${token.screenXS}px)`]: {
-        "& > em": {
-          display: "block",
-          marginTop: "8px",
-          marginLeft: "0",
+        '& > em': {
+          display: 'block',
+          marginTop: '8px',
+          marginLeft: '0',
         },
       },
     },

src/pages/list/search/articles/components/StandardFormRow/index.style.ts

@@ -1,60 +1,60 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     standardFormRow: {
-      display: "flex",
-      width: "100%",
-      marginBottom: "16px",
-      paddingBottom: "16px",
+      display: 'flex',
+      width: '100%',
+      marginBottom: '16px',
+      paddingBottom: '16px',
       borderBottom: `1px dashed ${token.colorSplit}`,
-      ".ant-form-item, .ant-legacy-form-item": { marginRight: "24px" },
-      ".ant-form-item-label, .ant-legacy-form-item-label": {
+      '.ant-form-item, .ant-legacy-form-item': { marginRight: '24px' },
+      '.ant-form-item-label, .ant-legacy-form-item-label': {
         label: {
-          marginRight: "0",
+          marginRight: '0',
           color: token.colorText,
         },
       },
-      ".ant-form-item-label, .ant-legacy-form-item-label, .ant-form-item-control, .ant-legacy-form-item-control":
-        { padding: "0", lineHeight: "32px" },
+      '.ant-form-item-label, .ant-legacy-form-item-label, .ant-form-item-control, .ant-legacy-form-item-control':
+        { padding: '0', lineHeight: '32px' },
     },
     label: {
-      flex: "0 0 auto",
-      marginRight: "24px",
+      flex: '0 0 auto',
+      marginRight: '24px',
       color: token.colorTextHeading,
       fontSize: token.fontSize,
-      textAlign: "right",
-      "& > span": {
-        display: "inline-block",
-        height: "32px",
-        lineHeight: "32px",
-        "&::after": {
+      textAlign: 'right',
+      '& > span': {
+        display: 'inline-block',
+        height: '32px',
+        lineHeight: '32px',
+        '&::after': {
           content: "'：'",
         },
       },
     },
     content: {
-      flex: "1 1 0",
-      ".ant-form-item, .ant-legacy-form-item": {
-        "&:last-child": {
-          display: "block",
-          marginRight: "0",
+      flex: '1 1 0',
+      '.ant-form-item, .ant-legacy-form-item': {
+        '&:last-child': {
+          display: 'block',
+          marginRight: '0',
         },
       },
     },
     standardFormRowLast: {
-      marginBottom: "0",
-      paddingBottom: "0",
-      border: "none",
+      marginBottom: '0',
+      paddingBottom: '0',
+      border: 'none',
     },
     standardFormRowBlock: {
-      ".ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper":
-        { display: "block" },
+      '.ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper':
+        { display: 'block' },
     },
     standardFormRowGrid: {
-      ".ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper":
-        { display: "block" },
-      ".ant-form-item-label, .ant-legacy-form-item-label": { float: "left" },
+      '.ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper':
+        { display: 'block' },
+      '.ant-form-item-label, .ant-legacy-form-item-label': { float: 'left' },
     },
   };
 });

src/pages/list/search/articles/components/TagSelect/index.style.ts

@@ -1,33 +1,33 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     tagSelect: {
-      position: "relative",
-      maxHeight: "32px",
-      marginLeft: "-8px",
-      overflow: "hidden",
-      lineHeight: "32px",
-      transition: "all 0.3s",
-      userSelect: "none",
-      ".ant-tag": {
-        marginRight: "24px",
-        padding: "0 8px",
+      position: 'relative',
+      maxHeight: '32px',
+      marginLeft: '-8px',
+      overflow: 'hidden',
+      lineHeight: '32px',
+      transition: 'all 0.3s',
+      userSelect: 'none',
+      '.ant-tag': {
+        marginRight: '24px',
+        padding: '0 8px',
         fontSize: token.fontSize,
       },
     },
     trigger: {
-      position: "absolute",
-      top: "0",
-      right: "0",
-      "span.anticon": { fontSize: "12px" },
+      position: 'absolute',
+      top: '0',
+      right: '0',
+      'span.anticon': { fontSize: '12px' },
     },
     expanded: {
-      maxHeight: "200px",
-      transition: "all 0.3s",
+      maxHeight: '200px',
+      transition: 'all 0.3s',
     },
     hasExpandTag: {
-      paddingRight: "50px",
+      paddingRight: '50px',
     },
   };
 });

src/pages/list/search/projects/components/AvatarList/index.style.ts

@@ -1,18 +1,18 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     avatarList: {
-      display: "inline-block",
-      ul: { display: "inline-block", marginLeft: "8px", fontSize: "0" },
+      display: 'inline-block',
+      ul: { display: 'inline-block', marginLeft: '8px', fontSize: '0' },
     },
     avatarItem: {
-      display: "inline-block",
+      display: 'inline-block',
       width: token.controlHeight,
       height: token.controlHeight,
-      marginLeft: "-8px",
+      marginLeft: '-8px',
       fontSize: token.fontSize,
-      ".ant-avatar": { border: `1px solid ${token.colorBorder}` },
+      '.ant-avatar': { border: `1px solid ${token.colorBorder}` },
     },
     avatarItemLarge: {
       width: token.controlHeightLG,
@@ -23,15 +23,15 @@ const useStyles = createStyles(({ token }) => {
       height: token.controlHeightSM,
     },
     avatarItemMini: {
-      width: "20px",
-      height: "20px",
-      ".ant-avatar": {
-        width: "20px",
-        height: "20px",
-        lineHeight: "20px",
-        ".ant-avatar-string": {
-          fontSize: "12px",
-          lineHeight: "18px",
+      width: '20px',
+      height: '20px',
+      '.ant-avatar': {
+        width: '20px',
+        height: '20px',
+        lineHeight: '20px',
+        '.ant-avatar-string': {
+          fontSize: '12px',
+          lineHeight: '18px',
         },
       },
     },

src/pages/list/search/projects/components/StandardFormRow/index.style.ts

@@ -1,60 +1,60 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     standardFormRow: {
-      display: "flex",
-      width: "100%",
-      marginBottom: "16px",
-      paddingBottom: "16px",
+      display: 'flex',
+      width: '100%',
+      marginBottom: '16px',
+      paddingBottom: '16px',
       borderBottom: `1px dashed ${token.colorSplit}`,
-      ".ant-form-item, .ant-legacy-form-item": { marginRight: "24px" },
-      ".ant-form-item-label, .ant-legacy-form-item-label": {
+      '.ant-form-item, .ant-legacy-form-item': { marginRight: '24px' },
+      '.ant-form-item-label, .ant-legacy-form-item-label': {
         label: {
-          marginRight: "0",
+          marginRight: '0',
           color: token.colorText,
         },
       },
-      ".ant-form-item-label, .ant-legacy-form-item-label, .ant-form-item-control, .ant-legacy-form-item-control":
-        { padding: "0", lineHeight: "32px" },
+      '.ant-form-item-label, .ant-legacy-form-item-label, .ant-form-item-control, .ant-legacy-form-item-control':
+        { padding: '0', lineHeight: '32px' },
     },
     label: {
-      flex: "0 0 auto",
-      marginRight: "24px",
+      flex: '0 0 auto',
+      marginRight: '24px',
       color: token.colorTextHeading,
       fontSize: token.fontSize,
-      textAlign: "right",
-      "& > span": {
-        display: "inline-block",
-        height: "32px",
-        lineHeight: "32px",
-        "&::after": {
+      textAlign: 'right',
+      '& > span': {
+        display: 'inline-block',
+        height: '32px',
+        lineHeight: '32px',
+        '&::after': {
           content: "'：'",
         },
       },
     },
     content: {
-      flex: "1 1 0",
-      ".ant-form-item, .ant-legacy-form-item": {
-        "&:last-child": {
-          display: "block",
-          marginRight: "0",
+      flex: '1 1 0',
+      '.ant-form-item, .ant-legacy-form-item': {
+        '&:last-child': {
+          display: 'block',
+          marginRight: '0',
         },
       },
     },
     standardFormRowLast: {
-      marginBottom: "0",
-      paddingBottom: "0",
-      border: "none",
+      marginBottom: '0',
+      paddingBottom: '0',
+      border: 'none',
     },
     standardFormRowBlock: {
-      ".ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper":
-        { display: "block" },
+      '.ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper':
+        { display: 'block' },
     },
     standardFormRowGrid: {
-      ".ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper":
-        { display: "block" },
-      ".ant-form-item-label, .ant-legacy-form-item-label": { float: "left" },
+      '.ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper':
+        { display: 'block' },
+      '.ant-form-item-label, .ant-legacy-form-item-label': { float: 'left' },
     },
   };
 });

src/pages/list/search/projects/components/TagSelect/index.style.ts

@@ -1,33 +1,33 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     tagSelect: {
-      position: "relative",
-      maxHeight: "32px",
-      marginLeft: "-8px",
-      overflow: "hidden",
-      lineHeight: "32px",
-      transition: "all 0.3s",
-      userSelect: "none",
-      ".ant-tag": {
-        marginRight: "24px",
-        padding: "0 8px",
+      position: 'relative',
+      maxHeight: '32px',
+      marginLeft: '-8px',
+      overflow: 'hidden',
+      lineHeight: '32px',
+      transition: 'all 0.3s',
+      userSelect: 'none',
+      '.ant-tag': {
+        marginRight: '24px',
+        padding: '0 8px',
         fontSize: token.fontSize,
       },
     },
     trigger: {
-      position: "absolute",
-      top: "0",
-      right: "0",
-      "span.anticon": { fontSize: "12px" },
+      position: 'absolute',
+      top: '0',
+      right: '0',
+      'span.anticon': { fontSize: '12px' },
     },
     expanded: {
-      maxHeight: "200px",
-      transition: "all 0.3s",
+      maxHeight: '200px',
+      transition: 'all 0.3s',
     },
     hasExpandTag: {
-      paddingRight: "50px",
+      paddingRight: '50px',
     },
   };
 });

src/pages/list/search/projects/style.style.ts

@@ -1,47 +1,47 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     card: {
-      ".ant-card-meta-title": {
-        marginBottom: "4px",
-        "& > a": {
-          display: "inline-block",
-          maxWidth: "100%",
+      '.ant-card-meta-title': {
+        marginBottom: '4px',
+        '& > a': {
+          display: 'inline-block',
+          maxWidth: '100%',
           color: token.colorTextHeading,
         },
       },
-      ".ant-card-meta-description": {
-        height: "44px",
-        overflow: "hidden",
-        lineHeight: "22px",
+      '.ant-card-meta-description': {
+        height: '44px',
+        overflow: 'hidden',
+        lineHeight: '22px',
       },
-      "&:hover": {
-        ".ant-card-meta-title > a": {
+      '&:hover': {
+        '.ant-card-meta-title > a': {
           color: token.colorPrimary,
         },
       },
     },
     cardItemContent: {
-      display: "flex",
-      height: "20px",
-      marginTop: "16px",
-      marginBottom: "-4px",
-      lineHeight: "20px",
-      "& > span": {
-        flex: "1",
+      display: 'flex',
+      height: '20px',
+      marginTop: '16px',
+      marginBottom: '-4px',
+      lineHeight: '20px',
+      '& > span': {
+        flex: '1',
         color: token.colorTextSecondary,
-        fontSize: "12px",
+        fontSize: '12px',
       },
     },
     avatarList: {
-      flex: "0 1 auto",
+      flex: '0 1 auto',
     },
     cardList: {
-      marginTop: "24px",
+      marginTop: '24px',
     },
     coverCardList: {
-      ".ant-list .ant-list-item-content-single": { maxWidth: "100%" },
+      '.ant-list .ant-list-item-content-single': { maxWidth: '100%' },
     },
   };
 });

src/pages/profile/advanced/style.style.ts

@@ -1,36 +1,36 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     main: {
-      ".ant-descriptions-row > td": { paddingBottom: "8px" },
-      ".ant-page-header-heading-extra": { flexDirection: "column" },
+      '.ant-descriptions-row > td': { paddingBottom: '8px' },
+      '.ant-page-header-heading-extra': { flexDirection: 'column' },
     },
     headerList: {
-      marginBottom: "4px",
-      ".ant-descriptions-row > td": { paddingBottom: "8px" },
+      marginBottom: '4px',
+      '.ant-descriptions-row > td': { paddingBottom: '8px' },
     },
     stepDescription: {
-      position: "relative",
-      left: "38px",
-      paddingTop: "8px",
-      fontSize: "14px",
-      textAlign: "left",
-      "> div": { marginTop: "8px", marginBottom: "4px" },
-      [`@media screen and (max-width: ${token.screenSM}px)`]: { left: "8px" },
+      position: 'relative',
+      left: '38px',
+      paddingTop: '8px',
+      fontSize: '14px',
+      textAlign: 'left',
+      '> div': { marginTop: '8px', marginBottom: '4px' },
+      [`@media screen and (max-width: ${token.screenSM}px)`]: { left: '8px' },
     },
     pageHeader: {
-      ".ant-page-header-heading-extra > * + *": { marginLeft: "8px" },
+      '.ant-page-header-heading-extra > * + *': { marginLeft: '8px' },
       [`@media screen and (max-width: ${token.screenSM}px)`]: {
-        ".ant-pro-page-header-wrap-row": {
-          flexDirection: "column",
+        '.ant-pro-page-header-wrap-row': {
+          flexDirection: 'column',
         },
       },
     },
     moreInfo: {
-      display: "flex",
-      justifyContent: "space-between",
-      width: "200px",
+      display: 'flex',
+      justifyContent: 'space-between',
+      width: '200px',
     },
   };
 });

src/pages/profile/basic/style.style.ts

@@ -1,12 +1,12 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     title: {
-      marginBottom: "16px",
+      marginBottom: '16px',
       color: token.colorTextHeading,
-      fontWeight: "500",
-      fontSize: "16px",
+      fontWeight: '500',
+      fontSize: '16px',
     },
   };
 });

src/pages/result/fail/index.style.ts

@@ -1,4 +1,4 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
@@ -6,10 +6,10 @@ const useStyles = createStyles(({ token }) => {
       color: token.colorBgTextActive,
     },
     title: {
-      marginBottom: "16px",
+      marginBottom: '16px',
       color: token.colorTextHeading,
-      fontWeight: "500",
-      fontSize: "16px",
+      fontWeight: '500',
+      fontSize: '16px',
     },
   };
 });

src/pages/result/success/index.style.ts

@@ -1,18 +1,18 @@
-import { createStyles } from "antd-style";
+import { createStyles } from 'antd-style';
 
 const useStyles = createStyles(({ token }) => {
   return {
     title: {
-      position: "relative",
+      position: 'relative',
       color: token.colorText,
-      fontSize: "12px",
-      textAlign: "center",
+      fontSize: '12px',
+      textAlign: 'center',
     },
-    "head-title": {
-      marginBottom: "20px",
+    'head-title': {
+      marginBottom: '20px',
       color: token.colorTextHeading,
-      fontWeight: "500px",
-      fontSize: "16px",
+      fontWeight: '500px',
+      fontSize: '16px',
     },
   };
 });