diff --git a/src/pages/account/center/Center.less b/src/pages/account/center/Center.less
index e1a90ee0..f547b406 100644
--- a/src/pages/account/center/Center.less
+++ b/src/pages/account/center/Center.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .avatarHolder {
   margin-bottom: 24px;
diff --git a/src/pages/account/center/components/Applications/index.less b/src/pages/account/center/components/Applications/index.less
index efe5d19f..c550b333 100644
--- a/src/pages/account/center/components/Applications/index.less
+++ b/src/pages/account/center/components/Applications/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .filterCardList {
   margin-bottom: -24px;
diff --git a/src/pages/account/center/components/Applications/index.tsx b/src/pages/account/center/components/Applications/index.tsx
index f3518e17..04ecc1dc 100644
--- a/src/pages/account/center/components/Applications/index.tsx
+++ b/src/pages/account/center/components/Applications/index.tsx
@@ -10,7 +10,7 @@ import React from 'react';
 import numeral from 'numeral';
 import type { ListItemDataType } from '../../data.d';
 import { queryFakeList } from '../../service';
-import stylesApplications from './index.style.ts';
+import stylesApplications from './index.less';
 
 export function formatWan(val: number) {
   const v = val * 1;
diff --git a/src/pages/account/center/components/ArticleListContent/index.less b/src/pages/account/center/components/ArticleListContent/index.less
index e8220265..eca0811c 100644
--- a/src/pages/account/center/components/ArticleListContent/index.less
+++ b/src/pages/account/center/components/ArticleListContent/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .listContent {
   .description {
diff --git a/src/pages/account/center/components/ArticleListContent/index.tsx b/src/pages/account/center/components/ArticleListContent/index.tsx
index 15164e4e..183c38e8 100644
--- a/src/pages/account/center/components/ArticleListContent/index.tsx
+++ b/src/pages/account/center/components/ArticleListContent/index.tsx
@@ -1,7 +1,7 @@
 import { Avatar } from 'antd';
 import React from 'react';
 import moment from 'moment';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 export type ApplicationsProps = {
   data: {
diff --git a/src/pages/account/center/components/Articles/index.less b/src/pages/account/center/components/Articles/index.less
index e87ca84c..e78c412c 100644
--- a/src/pages/account/center/components/Articles/index.less
+++ b/src/pages/account/center/components/Articles/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .articleList {
   :global {
diff --git a/src/pages/account/center/components/Articles/index.tsx b/src/pages/account/center/components/Articles/index.tsx
index 06bee34f..dcd2614b 100644
--- a/src/pages/account/center/components/Articles/index.tsx
+++ b/src/pages/account/center/components/Articles/index.tsx
@@ -5,7 +5,7 @@ import { List, Tag } from 'antd';
 import ArticleListContent from '../ArticleListContent';
 import type { ListItemDataType } from '../../data.d';
 import { queryFakeList } from '../../service';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const Articles: React.FC = () => {
   const IconText: React.FC<{
diff --git a/src/pages/account/center/components/AvatarList/index.less b/src/pages/account/center/components/AvatarList/index.less
index 52e65a72..a7a3d441 100644
--- a/src/pages/account/center/components/AvatarList/index.less
+++ b/src/pages/account/center/components/AvatarList/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .avatarList {
   display: inline-block;
diff --git a/src/pages/account/center/components/AvatarList/index.tsx b/src/pages/account/center/components/AvatarList/index.tsx
index 4f8e3e27..4d57501a 100644
--- a/src/pages/account/center/components/AvatarList/index.tsx
+++ b/src/pages/account/center/components/AvatarList/index.tsx
@@ -2,7 +2,7 @@ import { Avatar, Tooltip } from 'antd';
 
 import React from 'react';
 import classNames from 'classnames';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 export declare type SizeType = number | 'small' | 'default' | 'large';
 
diff --git a/src/pages/account/center/components/Projects/index.less b/src/pages/account/center/components/Projects/index.less
index 875a6f22..bfa61475 100644
--- a/src/pages/account/center/components/Projects/index.less
+++ b/src/pages/account/center/components/Projects/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .coverCardList {
   .card {
diff --git a/src/pages/account/center/components/Projects/index.tsx b/src/pages/account/center/components/Projects/index.tsx
index ba4e5f3d..2ddc7226 100644
--- a/src/pages/account/center/components/Projects/index.tsx
+++ b/src/pages/account/center/components/Projects/index.tsx
@@ -5,7 +5,7 @@ import moment from 'moment';
 import { queryFakeList } from '../../service';
 import AvatarList from '../AvatarList';
 import type { ListItemDataType } from '../../data.d';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const Projects: React.FC = () => {
   // 获取tab列表数据
diff --git a/src/pages/account/center/index.tsx b/src/pages/account/center/index.tsx
index 028d8168..fd7e1826 100644
--- a/src/pages/account/center/index.tsx
+++ b/src/pages/account/center/index.tsx
@@ -9,7 +9,7 @@ import Articles from './components/Articles';
 import Applications from './components/Applications';
 import type { CurrentUser, TagType, tabKeyType } from './data.d';
 import { queryCurrent } from './service';
-import styles from './Center.style.ts';
+import styles from './Center.less';
 
 const operationTabList = [
   {
diff --git a/src/pages/account/settings/components/BaseView.less b/src/pages/account/settings/components/BaseView.less
index 9be85e32..ca328b47 100644
--- a/src/pages/account/settings/components/BaseView.less
+++ b/src/pages/account/settings/components/BaseView.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .baseView {
   display: flex;
diff --git a/src/pages/account/settings/components/PhoneView.tsx b/src/pages/account/settings/components/PhoneView.tsx
index 874965ec..43894f34 100644
--- a/src/pages/account/settings/components/PhoneView.tsx
+++ b/src/pages/account/settings/components/PhoneView.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import { Input } from 'antd';
-import styles from './PhoneView.style.ts';
+import styles from './PhoneView.less';
 
 type PhoneViewProps = {
   value?: string;
diff --git a/src/pages/account/settings/components/base.tsx b/src/pages/account/settings/components/base.tsx
index 8d4c1ba6..717f2938 100644
--- a/src/pages/account/settings/components/base.tsx
+++ b/src/pages/account/settings/components/base.tsx
@@ -13,7 +13,7 @@ import { useRequest } from '@umijs/max';
 import { queryCurrent } from '../service';
 import { queryProvince, queryCity } from '../service';
 
-import styles from './BaseView.style.ts';
+import styles from './BaseView.less';
 
 const validatorPhone = (rule: any, value: string[], callback: (message?: string) => void) => {
   if (!value[0]) {
diff --git a/src/pages/account/settings/index.tsx b/src/pages/account/settings/index.tsx
index 9b9b4115..b3cfff35 100644
--- a/src/pages/account/settings/index.tsx
+++ b/src/pages/account/settings/index.tsx
@@ -5,7 +5,7 @@ import BaseView from './components/base';
 import BindingView from './components/binding';
 import NotificationView from './components/notification';
 import SecurityView from './components/security';
-import styles from './style.style.ts';
+import styles from './style.less';
 
 const { Item } = Menu;
 
diff --git a/src/pages/account/settings/style.less b/src/pages/account/settings/style.less
index 5c72b0c6..fee54c2d 100644
--- a/src/pages/account/settings/style.less
+++ b/src/pages/account/settings/style.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .main {
   display: flex;
diff --git a/src/pages/dashboard/analysis/components/Charts/Bar/index.tsx b/src/pages/dashboard/analysis/components/Charts/Bar/index.tsx
index 045e7da0..c2650fff 100644
--- a/src/pages/dashboard/analysis/components/Charts/Bar/index.tsx
+++ b/src/pages/dashboard/analysis/components/Charts/Bar/index.tsx
@@ -3,7 +3,7 @@ import React, { Component } from 'react';
 
 import Debounce from 'lodash.debounce';
 import autoHeight from '../autoHeight';
-import styles from '../index.style.ts';
+import styles from '../index.less';
 
 export type BarProps = {
   title: React.ReactNode;
diff --git a/src/pages/dashboard/analysis/components/Charts/ChartCard/index.less b/src/pages/dashboard/analysis/components/Charts/ChartCard/index.less
index aee87e00..d7bf6dda 100644
--- a/src/pages/dashboard/analysis/components/Charts/ChartCard/index.less
+++ b/src/pages/dashboard/analysis/components/Charts/ChartCard/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .chartCard {
   position: relative;
diff --git a/src/pages/dashboard/analysis/components/Charts/ChartCard/index.tsx b/src/pages/dashboard/analysis/components/Charts/ChartCard/index.tsx
index 9362001e..e860582d 100644
--- a/src/pages/dashboard/analysis/components/Charts/ChartCard/index.tsx
+++ b/src/pages/dashboard/analysis/components/Charts/ChartCard/index.tsx
@@ -2,7 +2,7 @@ import { Card } from 'antd';
 import type { CardProps } from 'antd/es/card';
 import React from 'react';
 import classNames from 'classnames';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 type totalType = () => React.ReactNode;
 
diff --git a/src/pages/dashboard/analysis/components/Charts/Field/index.less b/src/pages/dashboard/analysis/components/Charts/Field/index.less
index e065345b..4fe0d1f6 100644
--- a/src/pages/dashboard/analysis/components/Charts/Field/index.less
+++ b/src/pages/dashboard/analysis/components/Charts/Field/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .field {
   margin: 0;
diff --git a/src/pages/dashboard/analysis/components/Charts/Field/index.tsx b/src/pages/dashboard/analysis/components/Charts/Field/index.tsx
index 8de028c9..a6fb64a9 100644
--- a/src/pages/dashboard/analysis/components/Charts/Field/index.tsx
+++ b/src/pages/dashboard/analysis/components/Charts/Field/index.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 export type FieldProps = {
   label: React.ReactNode;
diff --git a/src/pages/dashboard/analysis/components/Charts/MiniArea/index.tsx b/src/pages/dashboard/analysis/components/Charts/MiniArea/index.tsx
index 5c0c6e56..5b20ae85 100644
--- a/src/pages/dashboard/analysis/components/Charts/MiniArea/index.tsx
+++ b/src/pages/dashboard/analysis/components/Charts/MiniArea/index.tsx
@@ -3,7 +3,7 @@ import { Axis, Chart, Geom, Tooltip } from 'bizcharts';
 
 import React from 'react';
 import autoHeight from '../autoHeight';
-import styles from '../index.style.ts';
+import styles from '../index.less';
 
 export type MiniAreaProps = {
   color?: string;
diff --git a/src/pages/dashboard/analysis/components/Charts/MiniBar/index.tsx b/src/pages/dashboard/analysis/components/Charts/MiniBar/index.tsx
index 11cb40bb..46be2760 100644
--- a/src/pages/dashboard/analysis/components/Charts/MiniBar/index.tsx
+++ b/src/pages/dashboard/analysis/components/Charts/MiniBar/index.tsx
@@ -2,7 +2,7 @@ import { Chart, Geom, Tooltip } from 'bizcharts';
 
 import React from 'react';
 import autoHeight from '../autoHeight';
-import styles from '../index.style.ts';
+import styles from '../index.less';
 
 export type MiniBarProps = {
   color?: string;
diff --git a/src/pages/dashboard/analysis/components/Charts/MiniProgress/index.tsx b/src/pages/dashboard/analysis/components/Charts/MiniProgress/index.tsx
index cb06115a..ad0a2d2e 100644
--- a/src/pages/dashboard/analysis/components/Charts/MiniProgress/index.tsx
+++ b/src/pages/dashboard/analysis/components/Charts/MiniProgress/index.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Tooltip } from 'antd';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 export type MiniProgressProps = {
   target: number;
diff --git a/src/pages/dashboard/analysis/components/Charts/Pie/index.tsx b/src/pages/dashboard/analysis/components/Charts/Pie/index.tsx
index b0061479..e996c1e3 100644
--- a/src/pages/dashboard/analysis/components/Charts/Pie/index.tsx
+++ b/src/pages/dashboard/analysis/components/Charts/Pie/index.tsx
@@ -7,7 +7,7 @@ import { Divider } from 'antd';
 import ReactFitText from 'react-fittext';
 import classNames from 'classnames';
 import autoHeight from '../autoHeight';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 export type PieProps = {
   animate?: boolean;
diff --git a/src/pages/dashboard/analysis/components/Charts/TagCloud/index.tsx b/src/pages/dashboard/analysis/components/Charts/TagCloud/index.tsx
index 2bd3a204..56e8df47 100644
--- a/src/pages/dashboard/analysis/components/Charts/TagCloud/index.tsx
+++ b/src/pages/dashboard/analysis/components/Charts/TagCloud/index.tsx
@@ -5,7 +5,7 @@ import DataSet from '@antv/data-set';
 import Debounce from 'lodash.debounce';
 import classNames from 'classnames';
 import autoHeight from '../autoHeight';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 /* eslint no-underscore-dangle: 0 */
 /* eslint no-param-reassign: 0 */
diff --git a/src/pages/dashboard/analysis/components/Charts/TimelineChart/index.tsx b/src/pages/dashboard/analysis/components/Charts/TimelineChart/index.tsx
index 5b47fbe5..fa17bfa7 100644
--- a/src/pages/dashboard/analysis/components/Charts/TimelineChart/index.tsx
+++ b/src/pages/dashboard/analysis/components/Charts/TimelineChart/index.tsx
@@ -4,7 +4,7 @@ import DataSet from '@antv/data-set';
 import React from 'react';
 import Slider from 'bizcharts-plugin-slider';
 import autoHeight from '../autoHeight';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 export type TimelineChartProps = {
   data: {
diff --git a/src/pages/dashboard/analysis/components/Charts/WaterWave/index.tsx b/src/pages/dashboard/analysis/components/Charts/WaterWave/index.tsx
index 4d9206e4..a9b64110 100644
--- a/src/pages/dashboard/analysis/components/Charts/WaterWave/index.tsx
+++ b/src/pages/dashboard/analysis/components/Charts/WaterWave/index.tsx
@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 
 import autoHeight from '../autoHeight';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 /* eslint no-return-assign: 0 */
 /* eslint no-mixed-operators: 0 */
diff --git a/src/pages/dashboard/analysis/components/IntroduceRow.tsx b/src/pages/dashboard/analysis/components/IntroduceRow.tsx
index b6f3ec29..cf0f3fd0 100644
--- a/src/pages/dashboard/analysis/components/IntroduceRow.tsx
+++ b/src/pages/dashboard/analysis/components/IntroduceRow.tsx
@@ -7,7 +7,7 @@ import { ChartCard, Field } from './Charts';
 import type { DataItem } from '../data.d';
 import Trend from './Trend';
 import Yuan from '../utils/Yuan';
-import styles from '../style.style.ts';
+import styles from '../style.less';
 
 const topColResponsiveProps = {
   xs: 24,
diff --git a/src/pages/dashboard/analysis/components/NumberInfo/index.less b/src/pages/dashboard/analysis/components/NumberInfo/index.less
index a9502055..847d25ee 100644
--- a/src/pages/dashboard/analysis/components/NumberInfo/index.less
+++ b/src/pages/dashboard/analysis/components/NumberInfo/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .numberInfo {
   .suffix {
diff --git a/src/pages/dashboard/analysis/components/NumberInfo/index.tsx b/src/pages/dashboard/analysis/components/NumberInfo/index.tsx
index 555ee052..60b4e946 100644
--- a/src/pages/dashboard/analysis/components/NumberInfo/index.tsx
+++ b/src/pages/dashboard/analysis/components/NumberInfo/index.tsx
@@ -1,7 +1,7 @@
 import { CaretUpOutlined, CaretDownOutlined } from '@ant-design/icons';
 import React from 'react';
 import classNames from 'classnames';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 export type NumberInfoProps = {
   title?: React.ReactNode | string;
diff --git a/src/pages/dashboard/analysis/components/OfflineData.tsx b/src/pages/dashboard/analysis/components/OfflineData.tsx
index 393dab83..eca987bd 100644
--- a/src/pages/dashboard/analysis/components/OfflineData.tsx
+++ b/src/pages/dashboard/analysis/components/OfflineData.tsx
@@ -3,7 +3,7 @@ import { RingProgress, Line } from '@ant-design/charts';
 import type { OfflineDataType, DataItem } from '../data.d';
 
 import NumberInfo from './NumberInfo';
-import styles from '../style.style.ts';
+import styles from '../style.less';
 
 const CustomTab = ({
   data,
diff --git a/src/pages/dashboard/analysis/components/ProportionSales.tsx b/src/pages/dashboard/analysis/components/ProportionSales.tsx
index 3ea9e531..f96d0ea1 100644
--- a/src/pages/dashboard/analysis/components/ProportionSales.tsx
+++ b/src/pages/dashboard/analysis/components/ProportionSales.tsx
@@ -5,7 +5,7 @@ import { Donut } from '@ant-design/charts';
 import type { DonutConfig } from '@ant-design/charts/es/donut';
 import React from 'react';
 import type { DataItem } from '../data.d';
-import styles from '../style.style.ts';
+import styles from '../style.less';
 
 const { Text } = Typography;
 
diff --git a/src/pages/dashboard/analysis/components/SalesCard.tsx b/src/pages/dashboard/analysis/components/SalesCard.tsx
index 5cd1b51a..152d9cef 100644
--- a/src/pages/dashboard/analysis/components/SalesCard.tsx
+++ b/src/pages/dashboard/analysis/components/SalesCard.tsx
@@ -5,7 +5,7 @@ import { Column } from '@ant-design/charts';
 
 import numeral from 'numeral';
 import type { DataItem } from '../data.d';
-import styles from '../style.style.ts';
+import styles from '../style.less';
 
 type RangePickerValue = RangePickerProps<moment.Moment>['value'];
 export type TimeType = 'today' | 'week' | 'month' | 'year';
diff --git a/src/pages/dashboard/analysis/components/TopSearch.tsx b/src/pages/dashboard/analysis/components/TopSearch.tsx
index bd0a85c0..48bfe03a 100644
--- a/src/pages/dashboard/analysis/components/TopSearch.tsx
+++ b/src/pages/dashboard/analysis/components/TopSearch.tsx
@@ -7,7 +7,7 @@ import type { DataItem } from '../data.d';
 
 import NumberInfo from './NumberInfo';
 import Trend from './Trend';
-import styles from '../style.style.ts';
+import styles from '../style.less';
 
 const columns = [
   {
diff --git a/src/pages/dashboard/analysis/components/Trend/index.less b/src/pages/dashboard/analysis/components/Trend/index.less
index e6430f60..3d7fdf99 100644
--- a/src/pages/dashboard/analysis/components/Trend/index.less
+++ b/src/pages/dashboard/analysis/components/Trend/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .trendItem {
   display: inline-block;
diff --git a/src/pages/dashboard/analysis/components/Trend/index.tsx b/src/pages/dashboard/analysis/components/Trend/index.tsx
index 0a4f3671..58f7196a 100644
--- a/src/pages/dashboard/analysis/components/Trend/index.tsx
+++ b/src/pages/dashboard/analysis/components/Trend/index.tsx
@@ -1,7 +1,7 @@
 import { CaretUpOutlined, CaretDownOutlined } from '@ant-design/icons';
 import React from 'react';
 import classNames from 'classnames';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 export type TrendProps = {
   colorful?: boolean;
diff --git a/src/pages/dashboard/analysis/index.tsx b/src/pages/dashboard/analysis/index.tsx
index 3f590033..ed155302 100644
--- a/src/pages/dashboard/analysis/index.tsx
+++ b/src/pages/dashboard/analysis/index.tsx
@@ -18,7 +18,7 @@ import PageLoading from './components/PageLoading';
 import type { TimeType } from './components/SalesCard';
 import { getTimeDistance } from './utils/utils';
 import type { AnalysisData } from './data.d';
-import styles from './style.style.ts';
+import styles from './style.less';
 
 type RangePickerValue = RangePickerProps<moment.Moment>['value'];
 
diff --git a/src/pages/dashboard/analysis/style.less b/src/pages/dashboard/analysis/style.less
index b1e866ed..38a790b6 100644
--- a/src/pages/dashboard/analysis/style.less
+++ b/src/pages/dashboard/analysis/style.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .iconGroup {
   span.anticon {
diff --git a/src/pages/dashboard/monitor/components/ActiveChart/index.tsx b/src/pages/dashboard/monitor/components/ActiveChart/index.tsx
index 3aa5e451..9f0df840 100644
--- a/src/pages/dashboard/monitor/components/ActiveChart/index.tsx
+++ b/src/pages/dashboard/monitor/components/ActiveChart/index.tsx
@@ -2,7 +2,7 @@ import { Component } from 'react';
 import { TinyArea } from '@ant-design/charts';
 
 import { Statistic } from 'antd';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 function fixedZero(val: number) {
   return val * 1 < 10 ? `0${val}` : val;
diff --git a/src/pages/dashboard/monitor/components/Charts/MiniArea/index.tsx b/src/pages/dashboard/monitor/components/Charts/MiniArea/index.tsx
index 5c0c6e56..5b20ae85 100644
--- a/src/pages/dashboard/monitor/components/Charts/MiniArea/index.tsx
+++ b/src/pages/dashboard/monitor/components/Charts/MiniArea/index.tsx
@@ -3,7 +3,7 @@ import { Axis, Chart, Geom, Tooltip } from 'bizcharts';
 
 import React from 'react';
 import autoHeight from '../autoHeight';
-import styles from '../index.style.ts';
+import styles from '../index.less';
 
 export type MiniAreaProps = {
   color?: string;
diff --git a/src/pages/dashboard/monitor/components/Charts/Pie/index.tsx b/src/pages/dashboard/monitor/components/Charts/Pie/index.tsx
index e49b22f3..520c5c57 100644
--- a/src/pages/dashboard/monitor/components/Charts/Pie/index.tsx
+++ b/src/pages/dashboard/monitor/components/Charts/Pie/index.tsx
@@ -7,7 +7,7 @@ import { Divider } from 'antd';
 import ReactFitText from 'react-fittext';
 import classNames from 'classnames';
 import autoHeight from '../autoHeight';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 export type PieProps = {
   animate?: boolean;
diff --git a/src/pages/dashboard/monitor/components/Charts/TagCloud/index.tsx b/src/pages/dashboard/monitor/components/Charts/TagCloud/index.tsx
index 42d457c6..f3ee5192 100644
--- a/src/pages/dashboard/monitor/components/Charts/TagCloud/index.tsx
+++ b/src/pages/dashboard/monitor/components/Charts/TagCloud/index.tsx
@@ -5,7 +5,7 @@ import DataSet from '@antv/data-set';
 import Debounce from 'lodash.debounce';
 import classNames from 'classnames';
 import autoHeight from '../autoHeight';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 /* eslint no-underscore-dangle: 0 */
 /* eslint no-param-reassign: 0 */
diff --git a/src/pages/dashboard/monitor/components/Charts/WaterWave/index.tsx b/src/pages/dashboard/monitor/components/Charts/WaterWave/index.tsx
index 4d9206e4..a9b64110 100644
--- a/src/pages/dashboard/monitor/components/Charts/WaterWave/index.tsx
+++ b/src/pages/dashboard/monitor/components/Charts/WaterWave/index.tsx
@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 
 import autoHeight from '../autoHeight';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 /* eslint no-return-assign: 0 */
 /* eslint no-mixed-operators: 0 */
diff --git a/src/pages/dashboard/monitor/index.tsx b/src/pages/dashboard/monitor/index.tsx
index 72d6fc6b..dac85a61 100644
--- a/src/pages/dashboard/monitor/index.tsx
+++ b/src/pages/dashboard/monitor/index.tsx
@@ -9,7 +9,7 @@ import numeral from 'numeral';
 import Map from './components/Map';
 import ActiveChart from './components/ActiveChart';
 import { queryTags } from './service';
-import styles from './style.style.ts';
+import styles from './style.less';
 
 const { Countdown } = Statistic;
 
diff --git a/src/pages/dashboard/monitor/style.less b/src/pages/dashboard/monitor/style.less
index ac350dc9..d2f0c686 100644
--- a/src/pages/dashboard/monitor/style.less
+++ b/src/pages/dashboard/monitor/style.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .mapChart {
   height: 452px;
diff --git a/src/pages/dashboard/workplace/components/EditableLinkGroup/index.less b/src/pages/dashboard/workplace/components/EditableLinkGroup/index.less
index 443bb6ea..5add1b0b 100644
--- a/src/pages/dashboard/workplace/components/EditableLinkGroup/index.less
+++ b/src/pages/dashboard/workplace/components/EditableLinkGroup/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .linkGroup {
   padding: 20px 0 8px 24px;
diff --git a/src/pages/dashboard/workplace/components/EditableLinkGroup/index.tsx b/src/pages/dashboard/workplace/components/EditableLinkGroup/index.tsx
index a18223f5..73b34384 100644
--- a/src/pages/dashboard/workplace/components/EditableLinkGroup/index.tsx
+++ b/src/pages/dashboard/workplace/components/EditableLinkGroup/index.tsx
@@ -2,7 +2,7 @@ import React, { createElement } from 'react';
 import { PlusOutlined } from '@ant-design/icons';
 import { Button } from 'antd';
 
-import styles from './index.style.ts';
+import styles from './index.less';
 
 export type EditableLink = {
   title: string;
diff --git a/src/pages/dashboard/workplace/components/Radar/index.tsx b/src/pages/dashboard/workplace/components/Radar/index.tsx
index e1af9f93..f7b8596a 100644
--- a/src/pages/dashboard/workplace/components/Radar/index.tsx
+++ b/src/pages/dashboard/workplace/components/Radar/index.tsx
@@ -3,7 +3,7 @@ import { Col, Row } from 'antd';
 import React, { Component } from 'react';
 
 import autoHeight from './autoHeight';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 export type RadarProps = {
   title?: React.ReactNode;
diff --git a/src/pages/dashboard/workplace/index.tsx b/src/pages/dashboard/workplace/index.tsx
index fbb41410..da81ffaa 100644
--- a/src/pages/dashboard/workplace/index.tsx
+++ b/src/pages/dashboard/workplace/index.tsx
@@ -6,7 +6,7 @@ import { Link, useRequest } from '@umijs/max';
 import { PageContainer } from '@ant-design/pro-components';
 import moment from 'moment';
 import EditableLinkGroup from './components/EditableLinkGroup';
-import styles from './style.style.ts';
+import styles from './style.less';
 import type { ActivitiesType, CurrentUser } from './data.d';
 import { queryProjectNotice, queryActivities, fakeChartData } from './service';
 
diff --git a/src/pages/dashboard/workplace/style.less b/src/pages/dashboard/workplace/style.less
index 99755cf8..46c10e14 100644
--- a/src/pages/dashboard/workplace/style.less
+++ b/src/pages/dashboard/workplace/style.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .textOverflow() {
   overflow: hidden;
diff --git a/src/pages/editor/flow/components/EditorContextMenu/FlowContextMenu.tsx b/src/pages/editor/flow/components/EditorContextMenu/FlowContextMenu.tsx
index cd0df025..c5cc4e50 100644
--- a/src/pages/editor/flow/components/EditorContextMenu/FlowContextMenu.tsx
+++ b/src/pages/editor/flow/components/EditorContextMenu/FlowContextMenu.tsx
@@ -1,7 +1,7 @@
 import { CanvasMenu, ContextMenu, EdgeMenu, GroupMenu, MultiMenu, NodeMenu } from 'gg-editor';
 
 import MenuItem from './MenuItem';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const FlowContextMenu = () => (
   <ContextMenu className={styles.contextMenu}>
diff --git a/src/pages/editor/flow/components/EditorContextMenu/MenuItem.tsx b/src/pages/editor/flow/components/EditorContextMenu/MenuItem.tsx
index b52a9b49..297967ab 100644
--- a/src/pages/editor/flow/components/EditorContextMenu/MenuItem.tsx
+++ b/src/pages/editor/flow/components/EditorContextMenu/MenuItem.tsx
@@ -1,7 +1,7 @@
 import { Command } from 'gg-editor';
 import React from 'react';
 import IconFont from '../../common/IconFont';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const upperFirst = (str: string) =>
   str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
diff --git a/src/pages/editor/flow/components/EditorContextMenu/MindContextMenu.tsx b/src/pages/editor/flow/components/EditorContextMenu/MindContextMenu.tsx
index ac293932..5a8b4076 100644
--- a/src/pages/editor/flow/components/EditorContextMenu/MindContextMenu.tsx
+++ b/src/pages/editor/flow/components/EditorContextMenu/MindContextMenu.tsx
@@ -1,7 +1,7 @@
 import { CanvasMenu, ContextMenu, NodeMenu } from 'gg-editor';
 
 import MenuItem from './MenuItem';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const MindContextMenu = () => (
   <ContextMenu className={styles.contextMenu}>
diff --git a/src/pages/editor/flow/components/EditorContextMenu/index.less b/src/pages/editor/flow/components/EditorContextMenu/index.less
index 0b5d81a1..39cbd2e9 100644
--- a/src/pages/editor/flow/components/EditorContextMenu/index.less
+++ b/src/pages/editor/flow/components/EditorContextMenu/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .contextMenu {
   display: none;
diff --git a/src/pages/editor/flow/components/EditorDetailPanel/FlowDetailPanel.tsx b/src/pages/editor/flow/components/EditorDetailPanel/FlowDetailPanel.tsx
index 09118663..bb7035c9 100644
--- a/src/pages/editor/flow/components/EditorDetailPanel/FlowDetailPanel.tsx
+++ b/src/pages/editor/flow/components/EditorDetailPanel/FlowDetailPanel.tsx
@@ -2,7 +2,7 @@ import { CanvasPanel, DetailPanel, EdgePanel, GroupPanel, MultiPanel, NodePanel
 
 import { Card } from 'antd';
 import DetailForm from './DetailForm';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const FlowDetailPanel = () => (
   <DetailPanel className={styles.detailPanel}>
diff --git a/src/pages/editor/flow/components/EditorDetailPanel/MindDetailPanel.tsx b/src/pages/editor/flow/components/EditorDetailPanel/MindDetailPanel.tsx
index 19a5dca1..dceaf36e 100644
--- a/src/pages/editor/flow/components/EditorDetailPanel/MindDetailPanel.tsx
+++ b/src/pages/editor/flow/components/EditorDetailPanel/MindDetailPanel.tsx
@@ -2,7 +2,7 @@ import { CanvasPanel, DetailPanel, NodePanel } from 'gg-editor';
 
 import { Card } from 'antd';
 import DetailForm from './DetailForm';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const MindDetailPanel = () => (
   <DetailPanel className={styles.detailPanel}>
diff --git a/src/pages/editor/flow/components/EditorDetailPanel/index.less b/src/pages/editor/flow/components/EditorDetailPanel/index.less
index a19cc1e4..0b2c564b 100644
--- a/src/pages/editor/flow/components/EditorDetailPanel/index.less
+++ b/src/pages/editor/flow/components/EditorDetailPanel/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .detailPanel {
   flex: 1;
diff --git a/src/pages/editor/flow/components/EditorItemPanel/FlowItemPanel.tsx b/src/pages/editor/flow/components/EditorItemPanel/FlowItemPanel.tsx
index 31ae103b..c7dcbe60 100644
--- a/src/pages/editor/flow/components/EditorItemPanel/FlowItemPanel.tsx
+++ b/src/pages/editor/flow/components/EditorItemPanel/FlowItemPanel.tsx
@@ -1,7 +1,7 @@
 import { Item, ItemPanel } from 'gg-editor';
 
 import { Card } from 'antd';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const FlowItemPanel = () => (
   <ItemPanel className={styles.itemPanel}>
diff --git a/src/pages/editor/flow/components/EditorItemPanel/KoniItemPanel.tsx b/src/pages/editor/flow/components/EditorItemPanel/KoniItemPanel.tsx
index 6286b168..3901d292 100644
--- a/src/pages/editor/flow/components/EditorItemPanel/KoniItemPanel.tsx
+++ b/src/pages/editor/flow/components/EditorItemPanel/KoniItemPanel.tsx
@@ -1,7 +1,7 @@
 import { Item, ItemPanel } from 'gg-editor';
 
 import { Card } from 'antd';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const KoniItemPanel = () => (
   <ItemPanel className={styles.itemPanel}>
diff --git a/src/pages/editor/flow/components/EditorItemPanel/index.less b/src/pages/editor/flow/components/EditorItemPanel/index.less
index a794394e..b594a66b 100644
--- a/src/pages/editor/flow/components/EditorItemPanel/index.less
+++ b/src/pages/editor/flow/components/EditorItemPanel/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .itemPanel {
   flex: 1;
diff --git a/src/pages/editor/flow/components/EditorToolbar/FlowToolbar.tsx b/src/pages/editor/flow/components/EditorToolbar/FlowToolbar.tsx
index c7154330..90494876 100644
--- a/src/pages/editor/flow/components/EditorToolbar/FlowToolbar.tsx
+++ b/src/pages/editor/flow/components/EditorToolbar/FlowToolbar.tsx
@@ -1,7 +1,7 @@
 import { Divider } from 'antd';
 import { Toolbar } from 'gg-editor';
 import ToolbarButton from './ToolbarButton';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const FlowToolbar = () => (
   <Toolbar className={styles.toolbar}>
diff --git a/src/pages/editor/flow/components/EditorToolbar/MindToolbar.tsx b/src/pages/editor/flow/components/EditorToolbar/MindToolbar.tsx
index cf761938..23761093 100644
--- a/src/pages/editor/flow/components/EditorToolbar/MindToolbar.tsx
+++ b/src/pages/editor/flow/components/EditorToolbar/MindToolbar.tsx
@@ -1,7 +1,7 @@
 import { Divider } from 'antd';
 import { Toolbar } from 'gg-editor';
 import ToolbarButton from './ToolbarButton';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const FlowToolbar = () => (
   <Toolbar className={styles.toolbar}>
diff --git a/src/pages/editor/flow/components/EditorToolbar/ToolbarButton.tsx b/src/pages/editor/flow/components/EditorToolbar/ToolbarButton.tsx
index 8deb15de..94f9e9c6 100644
--- a/src/pages/editor/flow/components/EditorToolbar/ToolbarButton.tsx
+++ b/src/pages/editor/flow/components/EditorToolbar/ToolbarButton.tsx
@@ -2,7 +2,7 @@ import { Command } from 'gg-editor';
 import React from 'react';
 import { Tooltip } from 'antd';
 import IconFont from '../../common/IconFont';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const upperFirst = (str: string) =>
   str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
diff --git a/src/pages/editor/flow/components/EditorToolbar/index.less b/src/pages/editor/flow/components/EditorToolbar/index.less
index 8664603c..d9e98d1f 100644
--- a/src/pages/editor/flow/components/EditorToolbar/index.less
+++ b/src/pages/editor/flow/components/EditorToolbar/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .toolbar {
   display: flex;
diff --git a/src/pages/editor/flow/index.less b/src/pages/editor/flow/index.less
index c28fddfe..92dac57d 100644
--- a/src/pages/editor/flow/index.less
+++ b/src/pages/editor/flow/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .editor {
   display: flex;
diff --git a/src/pages/editor/flow/index.tsx b/src/pages/editor/flow/index.tsx
index 86501321..1c972505 100644
--- a/src/pages/editor/flow/index.tsx
+++ b/src/pages/editor/flow/index.tsx
@@ -7,7 +7,7 @@ import { FlowContextMenu } from './components/EditorContextMenu';
 import { FlowDetailPanel } from './components/EditorDetailPanel';
 import { FlowItemPanel } from './components/EditorItemPanel';
 import { FlowToolbar } from './components/EditorToolbar';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 GGEditor.setTrackable(false);
 
diff --git a/src/pages/editor/koni/components/EditorContextMenu/FlowContextMenu.tsx b/src/pages/editor/koni/components/EditorContextMenu/FlowContextMenu.tsx
index cd0df025..c5cc4e50 100644
--- a/src/pages/editor/koni/components/EditorContextMenu/FlowContextMenu.tsx
+++ b/src/pages/editor/koni/components/EditorContextMenu/FlowContextMenu.tsx
@@ -1,7 +1,7 @@
 import { CanvasMenu, ContextMenu, EdgeMenu, GroupMenu, MultiMenu, NodeMenu } from 'gg-editor';
 
 import MenuItem from './MenuItem';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const FlowContextMenu = () => (
   <ContextMenu className={styles.contextMenu}>
diff --git a/src/pages/editor/koni/components/EditorContextMenu/MenuItem.tsx b/src/pages/editor/koni/components/EditorContextMenu/MenuItem.tsx
index b52a9b49..297967ab 100644
--- a/src/pages/editor/koni/components/EditorContextMenu/MenuItem.tsx
+++ b/src/pages/editor/koni/components/EditorContextMenu/MenuItem.tsx
@@ -1,7 +1,7 @@
 import { Command } from 'gg-editor';
 import React from 'react';
 import IconFont from '../../common/IconFont';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const upperFirst = (str: string) =>
   str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
diff --git a/src/pages/editor/koni/components/EditorContextMenu/MindContextMenu.tsx b/src/pages/editor/koni/components/EditorContextMenu/MindContextMenu.tsx
index ac293932..5a8b4076 100644
--- a/src/pages/editor/koni/components/EditorContextMenu/MindContextMenu.tsx
+++ b/src/pages/editor/koni/components/EditorContextMenu/MindContextMenu.tsx
@@ -1,7 +1,7 @@
 import { CanvasMenu, ContextMenu, NodeMenu } from 'gg-editor';
 
 import MenuItem from './MenuItem';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const MindContextMenu = () => (
   <ContextMenu className={styles.contextMenu}>
diff --git a/src/pages/editor/koni/components/EditorContextMenu/index.less b/src/pages/editor/koni/components/EditorContextMenu/index.less
index 780b7479..25d68b2c 100644
--- a/src/pages/editor/koni/components/EditorContextMenu/index.less
+++ b/src/pages/editor/koni/components/EditorContextMenu/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .contextMenu {
   display: none;
diff --git a/src/pages/editor/koni/components/EditorDetailPanel/FlowDetailPanel.tsx b/src/pages/editor/koni/components/EditorDetailPanel/FlowDetailPanel.tsx
index 09118663..bb7035c9 100644
--- a/src/pages/editor/koni/components/EditorDetailPanel/FlowDetailPanel.tsx
+++ b/src/pages/editor/koni/components/EditorDetailPanel/FlowDetailPanel.tsx
@@ -2,7 +2,7 @@ import { CanvasPanel, DetailPanel, EdgePanel, GroupPanel, MultiPanel, NodePanel
 
 import { Card } from 'antd';
 import DetailForm from './DetailForm';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const FlowDetailPanel = () => (
   <DetailPanel className={styles.detailPanel}>
diff --git a/src/pages/editor/koni/components/EditorDetailPanel/MindDetailPanel.tsx b/src/pages/editor/koni/components/EditorDetailPanel/MindDetailPanel.tsx
index 19a5dca1..dceaf36e 100644
--- a/src/pages/editor/koni/components/EditorDetailPanel/MindDetailPanel.tsx
+++ b/src/pages/editor/koni/components/EditorDetailPanel/MindDetailPanel.tsx
@@ -2,7 +2,7 @@ import { CanvasPanel, DetailPanel, NodePanel } from 'gg-editor';
 
 import { Card } from 'antd';
 import DetailForm from './DetailForm';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const MindDetailPanel = () => (
   <DetailPanel className={styles.detailPanel}>
diff --git a/src/pages/editor/koni/components/EditorDetailPanel/index.less b/src/pages/editor/koni/components/EditorDetailPanel/index.less
index a19cc1e4..0b2c564b 100644
--- a/src/pages/editor/koni/components/EditorDetailPanel/index.less
+++ b/src/pages/editor/koni/components/EditorDetailPanel/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .detailPanel {
   flex: 1;
diff --git a/src/pages/editor/koni/components/EditorItemPanel/FlowItemPanel.tsx b/src/pages/editor/koni/components/EditorItemPanel/FlowItemPanel.tsx
index 31ae103b..c7dcbe60 100644
--- a/src/pages/editor/koni/components/EditorItemPanel/FlowItemPanel.tsx
+++ b/src/pages/editor/koni/components/EditorItemPanel/FlowItemPanel.tsx
@@ -1,7 +1,7 @@
 import { Item, ItemPanel } from 'gg-editor';
 
 import { Card } from 'antd';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const FlowItemPanel = () => (
   <ItemPanel className={styles.itemPanel}>
diff --git a/src/pages/editor/koni/components/EditorItemPanel/KoniItemPanel.tsx b/src/pages/editor/koni/components/EditorItemPanel/KoniItemPanel.tsx
index 6286b168..3901d292 100644
--- a/src/pages/editor/koni/components/EditorItemPanel/KoniItemPanel.tsx
+++ b/src/pages/editor/koni/components/EditorItemPanel/KoniItemPanel.tsx
@@ -1,7 +1,7 @@
 import { Item, ItemPanel } from 'gg-editor';
 
 import { Card } from 'antd';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const KoniItemPanel = () => (
   <ItemPanel className={styles.itemPanel}>
diff --git a/src/pages/editor/koni/components/EditorItemPanel/index.less b/src/pages/editor/koni/components/EditorItemPanel/index.less
index a794394e..b594a66b 100644
--- a/src/pages/editor/koni/components/EditorItemPanel/index.less
+++ b/src/pages/editor/koni/components/EditorItemPanel/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .itemPanel {
   flex: 1;
diff --git a/src/pages/editor/koni/components/EditorToolbar/FlowToolbar.tsx b/src/pages/editor/koni/components/EditorToolbar/FlowToolbar.tsx
index c7154330..90494876 100644
--- a/src/pages/editor/koni/components/EditorToolbar/FlowToolbar.tsx
+++ b/src/pages/editor/koni/components/EditorToolbar/FlowToolbar.tsx
@@ -1,7 +1,7 @@
 import { Divider } from 'antd';
 import { Toolbar } from 'gg-editor';
 import ToolbarButton from './ToolbarButton';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const FlowToolbar = () => (
   <Toolbar className={styles.toolbar}>
diff --git a/src/pages/editor/koni/components/EditorToolbar/MindToolbar.tsx b/src/pages/editor/koni/components/EditorToolbar/MindToolbar.tsx
index cf761938..23761093 100644
--- a/src/pages/editor/koni/components/EditorToolbar/MindToolbar.tsx
+++ b/src/pages/editor/koni/components/EditorToolbar/MindToolbar.tsx
@@ -1,7 +1,7 @@
 import { Divider } from 'antd';
 import { Toolbar } from 'gg-editor';
 import ToolbarButton from './ToolbarButton';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const FlowToolbar = () => (
   <Toolbar className={styles.toolbar}>
diff --git a/src/pages/editor/koni/components/EditorToolbar/ToolbarButton.tsx b/src/pages/editor/koni/components/EditorToolbar/ToolbarButton.tsx
index 8deb15de..94f9e9c6 100644
--- a/src/pages/editor/koni/components/EditorToolbar/ToolbarButton.tsx
+++ b/src/pages/editor/koni/components/EditorToolbar/ToolbarButton.tsx
@@ -2,7 +2,7 @@ import { Command } from 'gg-editor';
 import React from 'react';
 import { Tooltip } from 'antd';
 import IconFont from '../../common/IconFont';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const upperFirst = (str: string) =>
   str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
diff --git a/src/pages/editor/koni/components/EditorToolbar/index.less b/src/pages/editor/koni/components/EditorToolbar/index.less
index 3ae05e3c..4edd156f 100644
--- a/src/pages/editor/koni/components/EditorToolbar/index.less
+++ b/src/pages/editor/koni/components/EditorToolbar/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .toolbar {
   display: flex;
diff --git a/src/pages/editor/koni/index.less b/src/pages/editor/koni/index.less
index 0e7d315b..42923fcb 100644
--- a/src/pages/editor/koni/index.less
+++ b/src/pages/editor/koni/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .editor {
   display: flex;
diff --git a/src/pages/editor/koni/index.tsx b/src/pages/editor/koni/index.tsx
index bcafbbb6..73397233 100644
--- a/src/pages/editor/koni/index.tsx
+++ b/src/pages/editor/koni/index.tsx
@@ -7,7 +7,7 @@ import { KoniContextMenu } from './components/EditorContextMenu';
 import { KoniDetailPanel } from './components/EditorDetailPanel';
 import { KoniItemPanel } from './components/EditorItemPanel';
 import { KoniToolbar } from './components/EditorToolbar';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 GGEditor.setTrackable(false);
 
diff --git a/src/pages/editor/mind/components/EditorContextMenu/FlowContextMenu.tsx b/src/pages/editor/mind/components/EditorContextMenu/FlowContextMenu.tsx
index cd0df025..c5cc4e50 100644
--- a/src/pages/editor/mind/components/EditorContextMenu/FlowContextMenu.tsx
+++ b/src/pages/editor/mind/components/EditorContextMenu/FlowContextMenu.tsx
@@ -1,7 +1,7 @@
 import { CanvasMenu, ContextMenu, EdgeMenu, GroupMenu, MultiMenu, NodeMenu } from 'gg-editor';
 
 import MenuItem from './MenuItem';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const FlowContextMenu = () => (
   <ContextMenu className={styles.contextMenu}>
diff --git a/src/pages/editor/mind/components/EditorContextMenu/MenuItem.tsx b/src/pages/editor/mind/components/EditorContextMenu/MenuItem.tsx
index b52a9b49..297967ab 100644
--- a/src/pages/editor/mind/components/EditorContextMenu/MenuItem.tsx
+++ b/src/pages/editor/mind/components/EditorContextMenu/MenuItem.tsx
@@ -1,7 +1,7 @@
 import { Command } from 'gg-editor';
 import React from 'react';
 import IconFont from '../../common/IconFont';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const upperFirst = (str: string) =>
   str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
diff --git a/src/pages/editor/mind/components/EditorContextMenu/MindContextMenu.tsx b/src/pages/editor/mind/components/EditorContextMenu/MindContextMenu.tsx
index ac293932..5a8b4076 100644
--- a/src/pages/editor/mind/components/EditorContextMenu/MindContextMenu.tsx
+++ b/src/pages/editor/mind/components/EditorContextMenu/MindContextMenu.tsx
@@ -1,7 +1,7 @@
 import { CanvasMenu, ContextMenu, NodeMenu } from 'gg-editor';
 
 import MenuItem from './MenuItem';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const MindContextMenu = () => (
   <ContextMenu className={styles.contextMenu}>
diff --git a/src/pages/editor/mind/components/EditorContextMenu/index.less b/src/pages/editor/mind/components/EditorContextMenu/index.less
index 780b7479..25d68b2c 100644
--- a/src/pages/editor/mind/components/EditorContextMenu/index.less
+++ b/src/pages/editor/mind/components/EditorContextMenu/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .contextMenu {
   display: none;
diff --git a/src/pages/editor/mind/components/EditorDetailPanel/FlowDetailPanel.tsx b/src/pages/editor/mind/components/EditorDetailPanel/FlowDetailPanel.tsx
index 09118663..bb7035c9 100644
--- a/src/pages/editor/mind/components/EditorDetailPanel/FlowDetailPanel.tsx
+++ b/src/pages/editor/mind/components/EditorDetailPanel/FlowDetailPanel.tsx
@@ -2,7 +2,7 @@ import { CanvasPanel, DetailPanel, EdgePanel, GroupPanel, MultiPanel, NodePanel
 
 import { Card } from 'antd';
 import DetailForm from './DetailForm';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const FlowDetailPanel = () => (
   <DetailPanel className={styles.detailPanel}>
diff --git a/src/pages/editor/mind/components/EditorDetailPanel/MindDetailPanel.tsx b/src/pages/editor/mind/components/EditorDetailPanel/MindDetailPanel.tsx
index 19a5dca1..dceaf36e 100644
--- a/src/pages/editor/mind/components/EditorDetailPanel/MindDetailPanel.tsx
+++ b/src/pages/editor/mind/components/EditorDetailPanel/MindDetailPanel.tsx
@@ -2,7 +2,7 @@ import { CanvasPanel, DetailPanel, NodePanel } from 'gg-editor';
 
 import { Card } from 'antd';
 import DetailForm from './DetailForm';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const MindDetailPanel = () => (
   <DetailPanel className={styles.detailPanel}>
diff --git a/src/pages/editor/mind/components/EditorDetailPanel/index.less b/src/pages/editor/mind/components/EditorDetailPanel/index.less
index a19cc1e4..0b2c564b 100644
--- a/src/pages/editor/mind/components/EditorDetailPanel/index.less
+++ b/src/pages/editor/mind/components/EditorDetailPanel/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .detailPanel {
   flex: 1;
diff --git a/src/pages/editor/mind/components/EditorItemPanel/FlowItemPanel.tsx b/src/pages/editor/mind/components/EditorItemPanel/FlowItemPanel.tsx
index 31ae103b..c7dcbe60 100644
--- a/src/pages/editor/mind/components/EditorItemPanel/FlowItemPanel.tsx
+++ b/src/pages/editor/mind/components/EditorItemPanel/FlowItemPanel.tsx
@@ -1,7 +1,7 @@
 import { Item, ItemPanel } from 'gg-editor';
 
 import { Card } from 'antd';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const FlowItemPanel = () => (
   <ItemPanel className={styles.itemPanel}>
diff --git a/src/pages/editor/mind/components/EditorItemPanel/KoniItemPanel.tsx b/src/pages/editor/mind/components/EditorItemPanel/KoniItemPanel.tsx
index 6286b168..3901d292 100644
--- a/src/pages/editor/mind/components/EditorItemPanel/KoniItemPanel.tsx
+++ b/src/pages/editor/mind/components/EditorItemPanel/KoniItemPanel.tsx
@@ -1,7 +1,7 @@
 import { Item, ItemPanel } from 'gg-editor';
 
 import { Card } from 'antd';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const KoniItemPanel = () => (
   <ItemPanel className={styles.itemPanel}>
diff --git a/src/pages/editor/mind/components/EditorItemPanel/index.less b/src/pages/editor/mind/components/EditorItemPanel/index.less
index a794394e..b594a66b 100644
--- a/src/pages/editor/mind/components/EditorItemPanel/index.less
+++ b/src/pages/editor/mind/components/EditorItemPanel/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .itemPanel {
   flex: 1;
diff --git a/src/pages/editor/mind/components/EditorToolbar/FlowToolbar.tsx b/src/pages/editor/mind/components/EditorToolbar/FlowToolbar.tsx
index c7154330..90494876 100644
--- a/src/pages/editor/mind/components/EditorToolbar/FlowToolbar.tsx
+++ b/src/pages/editor/mind/components/EditorToolbar/FlowToolbar.tsx
@@ -1,7 +1,7 @@
 import { Divider } from 'antd';
 import { Toolbar } from 'gg-editor';
 import ToolbarButton from './ToolbarButton';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const FlowToolbar = () => (
   <Toolbar className={styles.toolbar}>
diff --git a/src/pages/editor/mind/components/EditorToolbar/MindToolbar.tsx b/src/pages/editor/mind/components/EditorToolbar/MindToolbar.tsx
index cf761938..23761093 100644
--- a/src/pages/editor/mind/components/EditorToolbar/MindToolbar.tsx
+++ b/src/pages/editor/mind/components/EditorToolbar/MindToolbar.tsx
@@ -1,7 +1,7 @@
 import { Divider } from 'antd';
 import { Toolbar } from 'gg-editor';
 import ToolbarButton from './ToolbarButton';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const FlowToolbar = () => (
   <Toolbar className={styles.toolbar}>
diff --git a/src/pages/editor/mind/components/EditorToolbar/ToolbarButton.tsx b/src/pages/editor/mind/components/EditorToolbar/ToolbarButton.tsx
index 8deb15de..94f9e9c6 100644
--- a/src/pages/editor/mind/components/EditorToolbar/ToolbarButton.tsx
+++ b/src/pages/editor/mind/components/EditorToolbar/ToolbarButton.tsx
@@ -2,7 +2,7 @@ import { Command } from 'gg-editor';
 import React from 'react';
 import { Tooltip } from 'antd';
 import IconFont from '../../common/IconFont';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const upperFirst = (str: string) =>
   str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
diff --git a/src/pages/editor/mind/components/EditorToolbar/index.less b/src/pages/editor/mind/components/EditorToolbar/index.less
index 8664603c..d9e98d1f 100644
--- a/src/pages/editor/mind/components/EditorToolbar/index.less
+++ b/src/pages/editor/mind/components/EditorToolbar/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .toolbar {
   display: flex;
diff --git a/src/pages/editor/mind/index.less b/src/pages/editor/mind/index.less
index 0e7d315b..42923fcb 100644
--- a/src/pages/editor/mind/index.less
+++ b/src/pages/editor/mind/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .editor {
   display: flex;
diff --git a/src/pages/editor/mind/index.tsx b/src/pages/editor/mind/index.tsx
index 2f21d1b6..30170198 100644
--- a/src/pages/editor/mind/index.tsx
+++ b/src/pages/editor/mind/index.tsx
@@ -7,7 +7,7 @@ import { MindContextMenu } from './components/EditorContextMenu';
 import { MindDetailPanel } from './components/EditorDetailPanel';
 import { MindToolbar } from './components/EditorToolbar';
 import data from './worldCup2018.json';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 GGEditor.setTrackable(false);
 
diff --git a/src/pages/form/advanced-form/components/TableForm.tsx b/src/pages/form/advanced-form/components/TableForm.tsx
index 3f2d3787..26059b67 100644
--- a/src/pages/form/advanced-form/components/TableForm.tsx
+++ b/src/pages/form/advanced-form/components/TableForm.tsx
@@ -3,7 +3,7 @@ import { Button, Divider, Input, Popconfirm, Table, message } from 'antd';
 import type { FC } from 'react';
 import React, { useState } from 'react';
 
-import styles from '../style.style.ts';
+import styles from '../style.less';
 
 type TableFormDateType = {
   key: string;
diff --git a/src/pages/form/advanced-form/index.tsx b/src/pages/form/advanced-form/index.tsx
index 957218f6..cb88927f 100644
--- a/src/pages/form/advanced-form/index.tsx
+++ b/src/pages/form/advanced-form/index.tsx
@@ -14,7 +14,7 @@ import type { ProColumnType } from '@ant-design/pro-components';
 import { EditableProTable } from '@ant-design/pro-components';
 import { PageContainer, FooterToolbar } from '@ant-design/pro-components';
 import { fakeSubmitForm } from './service';
-import styles from './style.style.ts';
+import styles from './style.less';
 
 interface TableFormDateType {
   key: string;
diff --git a/src/pages/form/advanced-form/style.less b/src/pages/form/advanced-form/style.less
index b315f452..e83ac949 100644
--- a/src/pages/form/advanced-form/style.less
+++ b/src/pages/form/advanced-form/style.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .card {
   margin-bottom: 24px;
diff --git a/src/pages/form/basic-form/index.tsx b/src/pages/form/basic-form/index.tsx
index b34f7c1c..24d0cd2c 100644
--- a/src/pages/form/basic-form/index.tsx
+++ b/src/pages/form/basic-form/index.tsx
@@ -13,7 +13,7 @@ import { useRequest } from '@umijs/max';
 import type { FC } from 'react';
 import { PageContainer } from '@ant-design/pro-components';
 import { fakeSubmitForm } from './service';
-import styles from './style.style.ts';
+import styles from './style.less';
 
 const BasicForm: FC<Record<string, any>> = () => {
   const { run } = useRequest(fakeSubmitForm, {
diff --git a/src/pages/form/basic-form/style.less b/src/pages/form/basic-form/style.less
index 302ea3d3..60a374ba 100644
--- a/src/pages/form/basic-form/style.less
+++ b/src/pages/form/basic-form/style.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .optional {
   color: @text-color-secondary;
diff --git a/src/pages/form/step-form/index.tsx b/src/pages/form/step-form/index.tsx
index a5a32b17..f0b434fb 100644
--- a/src/pages/form/step-form/index.tsx
+++ b/src/pages/form/step-form/index.tsx
@@ -10,7 +10,7 @@ import {
   StepsForm,
 } from '@ant-design/pro-components';
 import type { StepDataType } from './data.d';
-import styles from './style.style.ts';
+import styles from './style.less';
 
 const StepDescriptions: React.FC<{
   stepData: StepDataType;
diff --git a/src/pages/form/step-form/style.less b/src/pages/form/step-form/style.less
index 435ab638..443eb2ef 100644
--- a/src/pages/form/step-form/style.less
+++ b/src/pages/form/step-form/style.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .card {
   margin-bottom: 24px;
diff --git a/src/pages/list/basic-list/components/OperationModal.tsx b/src/pages/list/basic-list/components/OperationModal.tsx
index 5c89bbe0..94fb1134 100644
--- a/src/pages/list/basic-list/components/OperationModal.tsx
+++ b/src/pages/list/basic-list/components/OperationModal.tsx
@@ -7,7 +7,7 @@ import {
   ProFormTextArea,
 } from '@ant-design/pro-components';
 import type { BasicListItemDataType } from '../data.d';
-import styles from '../style.style.ts';
+import styles from '../style.less';
 import { Button, Result } from 'antd';
 
 type OperationModalProps = {
diff --git a/src/pages/list/basic-list/index.tsx b/src/pages/list/basic-list/index.tsx
index 694b9a20..94ab9282 100644
--- a/src/pages/list/basic-list/index.tsx
+++ b/src/pages/list/basic-list/index.tsx
@@ -22,7 +22,7 @@ import moment from 'moment';
 import OperationModal from './components/OperationModal';
 import { addFakeList, queryFakeList, removeFakeList, updateFakeList } from './service';
 import type { BasicListItemDataType } from './data.d';
-import styles from './style.style.ts';
+import styles from './style.less';
 
 const RadioButton = Radio.Button;
 const RadioGroup = Radio.Group;
diff --git a/src/pages/list/basic-list/style.less b/src/pages/list/basic-list/style.less
index 67dfb728..2d3a58cc 100644
--- a/src/pages/list/basic-list/style.less
+++ b/src/pages/list/basic-list/style.less
@@ -1,5 +1,5 @@
-@import '~antd/es/style/themes/default.style.ts';
-@import './utils/utils.style.ts';
+@import '~antd/es/style/themes/default.less';
+@import './utils/utils.less';
 
 .standardList {
   :global {
diff --git a/src/pages/list/card-list/index.tsx b/src/pages/list/card-list/index.tsx
index 2ed1a5f9..caa47132 100644
--- a/src/pages/list/card-list/index.tsx
+++ b/src/pages/list/card-list/index.tsx
@@ -4,7 +4,7 @@ import { PageContainer } from '@ant-design/pro-components';
 import { useRequest } from '@umijs/max';
 import { queryFakeList } from './service';
 import type { CardListItemDataType } from './data.d';
-import styles from './style.style.ts';
+import styles from './style.less';
 
 const { Paragraph } = Typography;
 
diff --git a/src/pages/list/card-list/style.less b/src/pages/list/card-list/style.less
index ab7b83ac..24a5bc67 100644
--- a/src/pages/list/card-list/style.less
+++ b/src/pages/list/card-list/style.less
@@ -1,5 +1,5 @@
-@import '~antd/es/style/themes/default.style.ts';
-@import './utils/utils.style.ts';
+@import '~antd/es/style/themes/default.less';
+@import './utils/utils.less';
 
 .cardList {
   .card {
diff --git a/src/pages/list/search/applications/components/StandardFormRow/index.less b/src/pages/list/search/applications/components/StandardFormRow/index.less
index cef8e648..4067215f 100644
--- a/src/pages/list/search/applications/components/StandardFormRow/index.less
+++ b/src/pages/list/search/applications/components/StandardFormRow/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .standardFormRow {
   display: flex;
diff --git a/src/pages/list/search/applications/components/StandardFormRow/index.tsx b/src/pages/list/search/applications/components/StandardFormRow/index.tsx
index 2e741156..fe4cb388 100644
--- a/src/pages/list/search/applications/components/StandardFormRow/index.tsx
+++ b/src/pages/list/search/applications/components/StandardFormRow/index.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import classNames from 'classnames';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 type StandardFormRowProps = {
   title?: string;
diff --git a/src/pages/list/search/applications/components/TagSelect/index.less b/src/pages/list/search/applications/components/TagSelect/index.less
index 25dc8ca8..f366c587 100644
--- a/src/pages/list/search/applications/components/TagSelect/index.less
+++ b/src/pages/list/search/applications/components/TagSelect/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .tagSelect {
   position: relative;
diff --git a/src/pages/list/search/applications/components/TagSelect/index.tsx b/src/pages/list/search/applications/components/TagSelect/index.tsx
index 42b6e4d8..5f10efd4 100644
--- a/src/pages/list/search/applications/components/TagSelect/index.tsx
+++ b/src/pages/list/search/applications/components/TagSelect/index.tsx
@@ -4,7 +4,7 @@ import { Tag } from 'antd';
 import classNames from 'classnames';
 import type { FC } from 'react';
 import React from 'react';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const { CheckableTag } = Tag;
 
diff --git a/src/pages/list/search/applications/index.tsx b/src/pages/list/search/applications/index.tsx
index 59b48a78..dbd90634 100644
--- a/src/pages/list/search/applications/index.tsx
+++ b/src/pages/list/search/applications/index.tsx
@@ -13,7 +13,7 @@ import StandardFormRow from './components/StandardFormRow';
 import TagSelect from './components/TagSelect';
 import type { ListItemDataType } from './data.d';
 import { queryFakeList } from './service';
-import styles from './style.style.ts';
+import styles from './style.less';
 
 const { Option } = Select;
 
diff --git a/src/pages/list/search/applications/style.less b/src/pages/list/search/applications/style.less
index aee8e7c6..3daa5c3e 100644
--- a/src/pages/list/search/applications/style.less
+++ b/src/pages/list/search/applications/style.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .filterCardList {
   :global {
diff --git a/src/pages/list/search/articles/components/ArticleListContent/index.less b/src/pages/list/search/articles/components/ArticleListContent/index.less
index e8220265..eca0811c 100644
--- a/src/pages/list/search/articles/components/ArticleListContent/index.less
+++ b/src/pages/list/search/articles/components/ArticleListContent/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .listContent {
   .description {
diff --git a/src/pages/list/search/articles/components/ArticleListContent/index.tsx b/src/pages/list/search/articles/components/ArticleListContent/index.tsx
index 746e385b..b5734538 100644
--- a/src/pages/list/search/articles/components/ArticleListContent/index.tsx
+++ b/src/pages/list/search/articles/components/ArticleListContent/index.tsx
@@ -1,7 +1,7 @@
 import { Avatar } from 'antd';
 import React from 'react';
 import moment from 'moment';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 type ArticleListContentProps = {
   data: {
diff --git a/src/pages/list/search/articles/components/StandardFormRow/index.less b/src/pages/list/search/articles/components/StandardFormRow/index.less
index 5017de46..d619cd2c 100644
--- a/src/pages/list/search/articles/components/StandardFormRow/index.less
+++ b/src/pages/list/search/articles/components/StandardFormRow/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .standardFormRow {
   display: flex;
diff --git a/src/pages/list/search/articles/components/StandardFormRow/index.tsx b/src/pages/list/search/articles/components/StandardFormRow/index.tsx
index 2e741156..fe4cb388 100644
--- a/src/pages/list/search/articles/components/StandardFormRow/index.tsx
+++ b/src/pages/list/search/articles/components/StandardFormRow/index.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import classNames from 'classnames';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 type StandardFormRowProps = {
   title?: string;
diff --git a/src/pages/list/search/articles/components/TagSelect/index.less b/src/pages/list/search/articles/components/TagSelect/index.less
index aa5b7df3..b174f042 100644
--- a/src/pages/list/search/articles/components/TagSelect/index.less
+++ b/src/pages/list/search/articles/components/TagSelect/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .tagSelect {
   position: relative;
diff --git a/src/pages/list/search/articles/components/TagSelect/index.tsx b/src/pages/list/search/articles/components/TagSelect/index.tsx
index 42b6e4d8..5f10efd4 100644
--- a/src/pages/list/search/articles/components/TagSelect/index.tsx
+++ b/src/pages/list/search/articles/components/TagSelect/index.tsx
@@ -4,7 +4,7 @@ import { Tag } from 'antd';
 import classNames from 'classnames';
 import type { FC } from 'react';
 import React from 'react';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const { CheckableTag } = Tag;
 
diff --git a/src/pages/list/search/articles/index.tsx b/src/pages/list/search/articles/index.tsx
index 9c7f7b32..6deca5b9 100644
--- a/src/pages/list/search/articles/index.tsx
+++ b/src/pages/list/search/articles/index.tsx
@@ -8,7 +8,7 @@ import StandardFormRow from './components/StandardFormRow';
 import TagSelect from './components/TagSelect';
 import type { ListItemDataType } from './data.d';
 import { queryFakeList } from './service';
-import styles from './style.style.ts';
+import styles from './style.less';
 
 const { Option } = Select;
 const FormItem = Form.Item;
diff --git a/src/pages/list/search/articles/style.less b/src/pages/list/search/articles/style.less
index fd84d747..fe07d851 100644
--- a/src/pages/list/search/articles/style.less
+++ b/src/pages/list/search/articles/style.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 a.listItemMetaTitle {
   color: @heading-color;
diff --git a/src/pages/list/search/projects/components/AvatarList/index.less b/src/pages/list/search/projects/components/AvatarList/index.less
index 52e65a72..a7a3d441 100644
--- a/src/pages/list/search/projects/components/AvatarList/index.less
+++ b/src/pages/list/search/projects/components/AvatarList/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .avatarList {
   display: inline-block;
diff --git a/src/pages/list/search/projects/components/AvatarList/index.tsx b/src/pages/list/search/projects/components/AvatarList/index.tsx
index 4f8e3e27..4d57501a 100644
--- a/src/pages/list/search/projects/components/AvatarList/index.tsx
+++ b/src/pages/list/search/projects/components/AvatarList/index.tsx
@@ -2,7 +2,7 @@ import { Avatar, Tooltip } from 'antd';
 
 import React from 'react';
 import classNames from 'classnames';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 export declare type SizeType = number | 'small' | 'default' | 'large';
 
diff --git a/src/pages/list/search/projects/components/StandardFormRow/index.less b/src/pages/list/search/projects/components/StandardFormRow/index.less
index 5017de46..d619cd2c 100644
--- a/src/pages/list/search/projects/components/StandardFormRow/index.less
+++ b/src/pages/list/search/projects/components/StandardFormRow/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .standardFormRow {
   display: flex;
diff --git a/src/pages/list/search/projects/components/StandardFormRow/index.tsx b/src/pages/list/search/projects/components/StandardFormRow/index.tsx
index 2e741156..fe4cb388 100644
--- a/src/pages/list/search/projects/components/StandardFormRow/index.tsx
+++ b/src/pages/list/search/projects/components/StandardFormRow/index.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import classNames from 'classnames';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 type StandardFormRowProps = {
   title?: string;
diff --git a/src/pages/list/search/projects/components/TagSelect/index.less b/src/pages/list/search/projects/components/TagSelect/index.less
index aa5b7df3..b174f042 100644
--- a/src/pages/list/search/projects/components/TagSelect/index.less
+++ b/src/pages/list/search/projects/components/TagSelect/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .tagSelect {
   position: relative;
diff --git a/src/pages/list/search/projects/components/TagSelect/index.tsx b/src/pages/list/search/projects/components/TagSelect/index.tsx
index 42b6e4d8..5f10efd4 100644
--- a/src/pages/list/search/projects/components/TagSelect/index.tsx
+++ b/src/pages/list/search/projects/components/TagSelect/index.tsx
@@ -4,7 +4,7 @@ import { Tag } from 'antd';
 import classNames from 'classnames';
 import type { FC } from 'react';
 import React from 'react';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const { CheckableTag } = Tag;
 
diff --git a/src/pages/list/search/projects/index.tsx b/src/pages/list/search/projects/index.tsx
index 5e97bfe8..992ba53e 100644
--- a/src/pages/list/search/projects/index.tsx
+++ b/src/pages/list/search/projects/index.tsx
@@ -7,7 +7,7 @@ import StandardFormRow from './components/StandardFormRow';
 import TagSelect from './components/TagSelect';
 import type { ListItemDataType } from './data.d';
 import { queryFakeList } from './service';
-import styles from './style.style.ts';
+import styles from './style.less';
 
 const { Option } = Select;
 const FormItem = Form.Item;
diff --git a/src/pages/list/search/projects/style.less b/src/pages/list/search/projects/style.less
index 7278dc7c..e2cf6787 100644
--- a/src/pages/list/search/projects/style.less
+++ b/src/pages/list/search/projects/style.less
@@ -1,5 +1,5 @@
-@import '~antd/es/style/themes/default.style.ts';
-@import './utils/utils.style.ts';
+@import '~antd/es/style/themes/default.less';
+@import './utils/utils.less';
 
 .coverCardList {
   .card {
diff --git a/src/pages/profile/advanced/index.tsx b/src/pages/profile/advanced/index.tsx
index 1b1a5344..e28c09b4 100644
--- a/src/pages/profile/advanced/index.tsx
+++ b/src/pages/profile/advanced/index.tsx
@@ -27,7 +27,7 @@ import classNames from 'classnames';
 import { useRequest } from '@umijs/max';
 import type { AdvancedProfileData } from './data.d';
 import { queryAdvancedProfile } from './service';
-import styles from './style.style.ts';
+import styles from './style.less';
 
 const { Step } = Steps;
 const ButtonGroup = Button.Group;
diff --git a/src/pages/profile/advanced/style.less b/src/pages/profile/advanced/style.less
index 7d4a32d1..fa376f28 100644
--- a/src/pages/profile/advanced/style.less
+++ b/src/pages/profile/advanced/style.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .main {
   :global {
diff --git a/src/pages/profile/basic/index.tsx b/src/pages/profile/basic/index.tsx
index b30fc660..d4b814ff 100644
--- a/src/pages/profile/basic/index.tsx
+++ b/src/pages/profile/basic/index.tsx
@@ -7,7 +7,7 @@ import React from 'react';
 import { useRequest } from '@umijs/max';
 import type { BasicGood, BasicProgress } from './data.d';
 import { queryBasicProfile } from './service';
-import styles from './style.style.ts';
+import styles from './style.less';
 
 const progressColumns: ProColumns<BasicProgress>[] = [
   {
diff --git a/src/pages/profile/basic/style.less b/src/pages/profile/basic/style.less
index 8ab3aea1..68f3c93f 100644
--- a/src/pages/profile/basic/style.less
+++ b/src/pages/profile/basic/style.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .title {
   margin-bottom: 16px;
diff --git a/src/pages/result/fail/index.less b/src/pages/result/fail/index.less
index 213562dc..85373f2e 100644
--- a/src/pages/result/fail/index.less
+++ b/src/pages/result/fail/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .error_icon {
   color: @highlight-color;
diff --git a/src/pages/result/fail/index.tsx b/src/pages/result/fail/index.tsx
index 50175397..312cd232 100644
--- a/src/pages/result/fail/index.tsx
+++ b/src/pages/result/fail/index.tsx
@@ -3,7 +3,7 @@ import { Button, Card, Result } from 'antd';
 import { Fragment } from 'react';
 
 import { GridContent } from '@ant-design/pro-components';
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const Content = (
   <Fragment>
diff --git a/src/pages/result/success/index.less b/src/pages/result/success/index.less
index 043a61f0..211772d5 100644
--- a/src/pages/result/success/index.less
+++ b/src/pages/result/success/index.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .title {
   position: relative;
diff --git a/src/pages/result/success/index.tsx b/src/pages/result/success/index.tsx
index 457f8fe9..b693d0bd 100644
--- a/src/pages/result/success/index.tsx
+++ b/src/pages/result/success/index.tsx
@@ -3,7 +3,7 @@ import { Button, Card, Steps, Result, Descriptions } from 'antd';
 import { Fragment } from 'react';
 import { GridContent } from '@ant-design/pro-components';
 
-import styles from './index.style.ts';
+import styles from './index.less';
 
 const { Step } = Steps;
 
diff --git a/src/pages/user/register-result/index.tsx b/src/pages/user/register-result/index.tsx
index c428d71b..cbe22dac 100644
--- a/src/pages/user/register-result/index.tsx
+++ b/src/pages/user/register-result/index.tsx
@@ -3,7 +3,7 @@ import { Link } from '@umijs/max';
 import React from 'react';
 import type { RouteChildrenProps } from 'react-router';
 
-import styles from './style.style.ts';
+import styles from './style.less';
 
 const actions = (
   <div className={styles.actions}>
diff --git a/src/pages/user/register/index.tsx b/src/pages/user/register/index.tsx
index d0945e3a..1e54f7e8 100644
--- a/src/pages/user/register/index.tsx
+++ b/src/pages/user/register/index.tsx
@@ -6,7 +6,7 @@ import { Link, useRequest, history } from '@umijs/max';
 import type { StateType } from './service';
 import { fakeRegister } from './service';
 
-import styles from './style.style.ts';
+import styles from './style.less';
 
 const FormItem = Form.Item;
 const { Option } = Select;
diff --git a/src/pages/user/register/style.less b/src/pages/user/register/style.less
index 5c7ff993..e13868f0 100644
--- a/src/pages/user/register/style.less
+++ b/src/pages/user/register/style.less
@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.style.ts';
+@import '~antd/es/style/themes/default.less';
 
 .main {
   width: 368px;
diff --git a/src/typings.d.ts b/src/typings.d.ts
index 6c17d3a8..742f70c6 100644
--- a/src/typings.d.ts
+++ b/src/typings.d.ts
@@ -1,6 +1,6 @@
 declare module 'slash2';
 declare module '*.css';
-declare module '*.style.ts';
+declare module '*.less';
 declare module '*.scss';
 declare module '*.sass';
 declare module '*.svg';