diff --git a/.dumi/hooks/useMenu.tsx b/.dumi/hooks/useMenu.tsx index 244471e7cf..b980ed5f3a 100644 --- a/.dumi/hooks/useMenu.tsx +++ b/.dumi/hooks/useMenu.tsx @@ -1,7 +1,7 @@ -import type { MenuProps } from 'antd'; -import { Tag, theme } from 'antd'; import { useFullSidebarData, useSidebarData } from 'dumi'; import React, { useMemo } from 'react'; +import type { MenuProps } from 'antd'; +import { Tag, theme } from 'antd'; import Link from '../theme/common/Link'; import useLocation from './useLocation'; diff --git a/.dumi/pages/404/index.tsx b/.dumi/pages/404/index.tsx index 17f4312afa..502df93dc8 100644 --- a/.dumi/pages/404/index.tsx +++ b/.dumi/pages/404/index.tsx @@ -1,7 +1,7 @@ import { HomeOutlined } from '@ant-design/icons'; -import { Button, Result } from 'antd'; import { Link, useLocation } from 'dumi'; import React, { useEffect } from 'react'; +import { Button, Result } from 'antd'; import * as utils from '../../theme/utils'; export interface NotFoundProps { diff --git a/.dumi/pages/index/components/Banner.tsx b/.dumi/pages/index/components/Banner.tsx index e6734f1abb..1a8554fe18 100644 --- a/.dumi/pages/index/components/Banner.tsx +++ b/.dumi/pages/index/components/Banner.tsx @@ -1,8 +1,8 @@ import { createStyles, css, useTheme } from 'antd-style'; -import { Button, Space, Typography } from 'antd'; import { Link, useLocation } from 'dumi'; import * as React from 'react'; import classNames from 'classnames'; +import { Button, Space, Typography } from 'antd'; import useLocale from '../../../hooks/useLocale'; import SiteContext from '../../../theme/slots/SiteContext'; import * as utils from '../../../theme/utils'; diff --git a/.dumi/pages/index/components/BannerRecommends.tsx b/.dumi/pages/index/components/BannerRecommends.tsx index 44f0817bfd..7a4dfb5612 100644 --- a/.dumi/pages/index/components/BannerRecommends.tsx +++ b/.dumi/pages/index/components/BannerRecommends.tsx @@ -1,9 +1,9 @@ import * as React from 'react'; -import { Typography, Skeleton, Carousel } from 'antd'; import { createStyles, css, useTheme } from 'antd-style'; import classNames from 'classnames'; import type { FC } from 'react'; import { useContext } from 'react'; +import { Typography, Skeleton, Carousel } from 'antd'; import type { Extra, Icon } from './util'; import SiteContext from '../../../theme/slots/SiteContext'; import { getCarouselStyle, useSiteData } from './util'; diff --git a/.dumi/pages/index/components/ComponentsList.tsx b/.dumi/pages/index/components/ComponentsList.tsx index 5026bb15ce..f8637c653c 100644 --- a/.dumi/pages/index/components/ComponentsList.tsx +++ b/.dumi/pages/index/components/ComponentsList.tsx @@ -1,5 +1,9 @@ /* eslint-disable react/jsx-pascal-case */ import React, { useContext } from 'react'; +import dayjs from 'dayjs'; +import { CustomerServiceOutlined, QuestionCircleOutlined, SyncOutlined } from '@ant-design/icons'; +import { createStyles, css, useTheme } from 'antd-style'; +import classNames from 'classnames'; import { Space, Typography, @@ -12,10 +16,6 @@ import { Progress, Carousel, } from 'antd'; -import dayjs from 'dayjs'; -import { CustomerServiceOutlined, QuestionCircleOutlined, SyncOutlined } from '@ant-design/icons'; -import { createStyles, css, useTheme } from 'antd-style'; -import classNames from 'classnames'; import useLocale from '../../../hooks/useLocale'; import SiteContext from '../../../theme/slots/SiteContext'; import { getCarouselStyle } from './util'; diff --git a/.dumi/pages/index/components/DesignFramework.tsx b/.dumi/pages/index/components/DesignFramework.tsx index 6e19c0ddfd..4060493b23 100644 --- a/.dumi/pages/index/components/DesignFramework.tsx +++ b/.dumi/pages/index/components/DesignFramework.tsx @@ -1,7 +1,7 @@ -import { Col, Row, Typography } from 'antd'; import React, { useContext } from 'react'; import { createStyles, useTheme } from 'antd-style'; import { Link, useLocation } from 'dumi'; +import { Col, Row, Typography } from 'antd'; import useLocale from '../../../hooks/useLocale'; import * as utils from '../../../theme/utils'; import SiteContext from '../../../theme/slots/SiteContext'; diff --git a/.dumi/pages/index/components/Group.tsx b/.dumi/pages/index/components/Group.tsx index 10dd45e5a4..1ea9a7e0b5 100644 --- a/.dumi/pages/index/components/Group.tsx +++ b/.dumi/pages/index/components/Group.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useContext } from 'react'; -import { Typography } from 'antd'; import { useTheme } from 'antd-style'; +import { Typography } from 'antd'; import SiteContext from '../../../theme/slots/SiteContext'; export interface GroupMaskProps { diff --git a/.dumi/pages/index/components/RecommendsOld.tsx b/.dumi/pages/index/components/RecommendsOld.tsx index e235bf871b..5e6c00fa47 100644 --- a/.dumi/pages/index/components/RecommendsOld.tsx +++ b/.dumi/pages/index/components/RecommendsOld.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { Row, Col, Typography } from 'antd'; import { createStyles, css, useTheme } from 'antd-style'; +import { Row, Col, Typography } from 'antd'; import type { Recommendation } from './util'; const useStyle = createStyles(({ token }) => ({ diff --git a/.dumi/pages/index/components/Theme/ColorPicker.tsx b/.dumi/pages/index/components/Theme/ColorPicker.tsx index 255b8b17c8..3642d13573 100644 --- a/.dumi/pages/index/components/Theme/ColorPicker.tsx +++ b/.dumi/pages/index/components/Theme/ColorPicker.tsx @@ -1,10 +1,10 @@ import { createStyles } from 'antd-style'; -import { ColorPicker, Input, Space } from 'antd'; -import type { Color, ColorPickerProps } from 'antd/es/color-picker'; -import { generateColor } from 'antd/es/color-picker/util'; import type { FC } from 'react'; import React, { useEffect, useState } from 'react'; import classNames from 'classnames'; +import { ColorPicker, Input, Space } from 'antd'; +import type { Color, ColorPickerProps } from 'antd/es/color-picker'; +import { generateColor } from 'antd/es/color-picker/util'; import { PRESET_COLORS } from './colorUtil'; const useStyle = createStyles(({ token, css }) => ({ diff --git a/.dumi/pages/index/components/Theme/RadiusPicker.tsx b/.dumi/pages/index/components/Theme/RadiusPicker.tsx index 589938130f..d0718b58e6 100644 --- a/.dumi/pages/index/components/Theme/RadiusPicker.tsx +++ b/.dumi/pages/index/components/Theme/RadiusPicker.tsx @@ -1,5 +1,5 @@ -import { InputNumber, Space, Slider } from 'antd'; import React from 'react'; +import { InputNumber, Space, Slider } from 'antd'; export interface RadiusPickerProps { value?: number; diff --git a/.dumi/pages/index/components/Theme/ThemePicker.tsx b/.dumi/pages/index/components/Theme/ThemePicker.tsx index c270a028cf..d9abb949e7 100644 --- a/.dumi/pages/index/components/Theme/ThemePicker.tsx +++ b/.dumi/pages/index/components/Theme/ThemePicker.tsx @@ -1,7 +1,7 @@ import { createStyles, useTheme } from 'antd-style'; -import { Space } from 'antd'; import * as React from 'react'; import classNames from 'classnames'; +import { Space } from 'antd'; import useLocale from '../../../../hooks/useLocale'; export const THEMES = { diff --git a/.dumi/pages/index/components/Theme/index.tsx b/.dumi/pages/index/components/Theme/index.tsx index 96b36090b4..d5b71e87ff 100644 --- a/.dumi/pages/index/components/Theme/index.tsx +++ b/.dumi/pages/index/components/Theme/index.tsx @@ -6,6 +6,8 @@ import { QuestionCircleOutlined, } from '@ant-design/icons'; import { createStyles, css, useTheme } from 'antd-style'; +import * as React from 'react'; +import classNames from 'classnames'; import type { MenuProps } from 'antd'; import { Breadcrumb, @@ -22,8 +24,6 @@ import { } from 'antd'; import type { Color } from 'antd/es/color-picker'; import { generateColor } from 'antd/es/color-picker/util'; -import * as React from 'react'; -import classNames from 'classnames'; import useLocale from '../../../../hooks/useLocale'; import SiteContext from '../../../../theme/slots/SiteContext'; import Group from '../Group'; diff --git a/.dumi/pages/index/index.tsx b/.dumi/pages/index/index.tsx index f43508e36d..71e85f2f51 100644 --- a/.dumi/pages/index/index.tsx +++ b/.dumi/pages/index/index.tsx @@ -1,6 +1,6 @@ import { createStyles, css } from 'antd-style'; -import { ConfigProvider } from 'antd'; import React, { Suspense } from 'react'; +import { ConfigProvider } from 'antd'; import useLocale from '../../hooks/useLocale'; import Banner from './components/Banner'; import BannerRecommends, { BannerRecommendsFallback } from './components/BannerRecommends'; diff --git a/.dumi/pages/theme-editor/index.tsx b/.dumi/pages/theme-editor/index.tsx index 06ff1c5f65..1ee416a805 100644 --- a/.dumi/pages/theme-editor/index.tsx +++ b/.dumi/pages/theme-editor/index.tsx @@ -1,10 +1,10 @@ import { createStyles } from 'antd-style'; -import { Button, ConfigProvider, Modal, Spin, Typography, message } from 'antd'; import { ThemeEditor, enUS, zhCN } from 'antd-token-previewer'; -import type { ThemeConfig } from 'antd/es/config-provider/context'; import { Helmet } from 'dumi'; import React, { Suspense, useCallback, useEffect, useState } from 'react'; import type { JSONContent, TextContent } from 'vanilla-jsoneditor'; +import type { ThemeConfig } from 'antd/es/config-provider/context'; +import { Button, ConfigProvider, Modal, Spin, Typography, message } from 'antd'; import useLocale from '../../hooks/useLocale'; const JSONEditor = React.lazy(() => import('../../theme/common/JSONEditor')); diff --git a/.dumi/theme/SiteThemeProvider.tsx b/.dumi/theme/SiteThemeProvider.tsx index c5e1fa5d1b..19ca828ff4 100644 --- a/.dumi/theme/SiteThemeProvider.tsx +++ b/.dumi/theme/SiteThemeProvider.tsx @@ -1,8 +1,8 @@ -import { ConfigProvider, theme as antdTheme } from 'antd'; import type { ThemeProviderProps } from 'antd-style'; import { ThemeProvider } from 'antd-style'; import type { FC } from 'react'; import React, { useContext } from 'react'; +import { ConfigProvider, theme as antdTheme } from 'antd'; interface NewToken { headerHeight: number; diff --git a/.dumi/theme/builtins/Alert/index.tsx b/.dumi/theme/builtins/Alert/index.tsx index c206aff27d..b00ec1f630 100644 --- a/.dumi/theme/builtins/Alert/index.tsx +++ b/.dumi/theme/builtins/Alert/index.tsx @@ -1,6 +1,6 @@ +import React from 'react'; import type { AlertProps } from 'antd'; import { Alert } from 'antd'; -import React from 'react'; const MdAlert: React.FC = ({ style, ...props }) => ( diff --git a/.dumi/theme/builtins/ComponentOverview/index.tsx b/.dumi/theme/builtins/ComponentOverview/index.tsx index 9d78fa0073..d366d5128f 100644 --- a/.dumi/theme/builtins/ComponentOverview/index.tsx +++ b/.dumi/theme/builtins/ComponentOverview/index.tsx @@ -3,8 +3,8 @@ import type { CSSProperties } from 'react'; import { Link, useIntl, useSidebarData, useLocation } from 'dumi'; import { createStyles, useTheme } from 'antd-style'; import debounce from 'lodash/debounce'; -import { Card, Col, Divider, Input, Row, Space, Tag, Typography, Affix } from 'antd'; import { SearchOutlined } from '@ant-design/icons'; +import { Card, Col, Divider, Input, Row, Space, Tag, Typography, Affix } from 'antd'; import type { Component } from './ProComponentsList'; import proComponentsList from './ProComponentsList'; import SiteContext from '../../slots/SiteContext'; diff --git a/.dumi/theme/builtins/ComponentTokenTable/index.tsx b/.dumi/theme/builtins/ComponentTokenTable/index.tsx index 8ec0f926bf..c67edab7b9 100644 --- a/.dumi/theme/builtins/ComponentTokenTable/index.tsx +++ b/.dumi/theme/builtins/ComponentTokenTable/index.tsx @@ -1,10 +1,10 @@ import { RightOutlined } from '@ant-design/icons'; import { createStyles, css, useTheme } from 'antd-style'; -import { ConfigProvider, Table } from 'antd'; import { getDesignToken } from 'antd-token-previewer'; +import React, { useMemo, useState } from 'react'; import tokenMeta from 'antd/es/version/token-meta.json'; import tokenData from 'antd/es/version/token.json'; -import React, { useMemo, useState } from 'react'; +import { ConfigProvider, Table } from 'antd'; import useLocale from '../../../hooks/useLocale'; import { useColumns } from '../TokenTable'; diff --git a/.dumi/theme/builtins/DemoWrapper/index.tsx b/.dumi/theme/builtins/DemoWrapper/index.tsx index 5261aad89b..5e1ac87dbf 100644 --- a/.dumi/theme/builtins/DemoWrapper/index.tsx +++ b/.dumi/theme/builtins/DemoWrapper/index.tsx @@ -1,8 +1,8 @@ import React, { useContext } from 'react'; import { DumiDemoGrid, FormattedMessage } from 'dumi'; -import { Tooltip } from 'antd'; import { BugFilled, BugOutlined, CodeFilled, CodeOutlined } from '@ant-design/icons'; import classNames from 'classnames'; +import { Tooltip } from 'antd'; import DemoContext from '../../slots/DemoContext'; import useLayoutState from '../../../hooks/useLayoutState'; diff --git a/.dumi/theme/builtins/IconSearch/Category.tsx b/.dumi/theme/builtins/IconSearch/Category.tsx index f697fa01a6..83b70a309e 100644 --- a/.dumi/theme/builtins/IconSearch/Category.tsx +++ b/.dumi/theme/builtins/IconSearch/Category.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { message } from 'antd'; import { useIntl } from 'dumi'; +import { message } from 'antd'; import CopyableIcon from './CopyableIcon'; import type { ThemeType } from './index'; import type { CategoriesKeys } from './fields'; diff --git a/.dumi/theme/builtins/IconSearch/CopyableIcon.tsx b/.dumi/theme/builtins/IconSearch/CopyableIcon.tsx index 4563192391..8b5b720fc1 100644 --- a/.dumi/theme/builtins/IconSearch/CopyableIcon.tsx +++ b/.dumi/theme/builtins/IconSearch/CopyableIcon.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; import CopyToClipboard from 'react-copy-to-clipboard'; -import { Badge, message } from 'antd'; import classNames from 'classnames'; import * as AntdIcons from '@ant-design/icons'; +import { Badge, message } from 'antd'; import type { ThemeType } from './index'; const allIcons: { diff --git a/.dumi/theme/builtins/IconSearch/IconSearch.tsx b/.dumi/theme/builtins/IconSearch/IconSearch.tsx index 92cca78e3b..ceabe4b0b7 100644 --- a/.dumi/theme/builtins/IconSearch/IconSearch.tsx +++ b/.dumi/theme/builtins/IconSearch/IconSearch.tsx @@ -1,12 +1,12 @@ import React, { useCallback, useMemo, useState } from 'react'; import type { CSSProperties } from 'react'; import Icon, * as AntdIcons from '@ant-design/icons'; -import type { SegmentedProps } from 'antd'; import type { IntlShape } from 'react-intl'; -import { Segmented, Input, Empty, Affix } from 'antd'; import { createStyles, useTheme } from 'antd-style'; import { useIntl } from 'dumi'; import debounce from 'lodash/debounce'; +import { Segmented, Input, Empty, Affix } from 'antd'; +import type { SegmentedProps } from 'antd'; import Category from './Category'; import { FilledIcon, OutlinedIcon, TwoToneIcon } from './themeIcons'; import type { CategoriesKeys } from './fields'; diff --git a/.dumi/theme/builtins/IconSearch/index.tsx b/.dumi/theme/builtins/IconSearch/index.tsx index e9cb072fda..7ad79fce79 100644 --- a/.dumi/theme/builtins/IconSearch/index.tsx +++ b/.dumi/theme/builtins/IconSearch/index.tsx @@ -1,6 +1,6 @@ import React, { Suspense } from 'react'; -import { Skeleton } from 'antd'; import { createStyles } from 'antd-style'; +import { Skeleton } from 'antd'; const IconSearch = React.lazy(() => import('./IconSearch')); diff --git a/.dumi/theme/builtins/ImagePreview/index.tsx b/.dumi/theme/builtins/ImagePreview/index.tsx index 72dd877c5c..a364c1844e 100644 --- a/.dumi/theme/builtins/ImagePreview/index.tsx +++ b/.dumi/theme/builtins/ImagePreview/index.tsx @@ -1,7 +1,7 @@ import React from 'react'; import classNames from 'classnames'; -import { Image } from 'antd'; import toArray from 'rc-util/lib/Children/toArray'; +import { Image } from 'antd'; interface ImagePreviewProps { children: React.ReactNode[]; diff --git a/.dumi/theme/builtins/InlinePopover/index.tsx b/.dumi/theme/builtins/InlinePopover/index.tsx index ac196d4e70..2621eb0d2d 100644 --- a/.dumi/theme/builtins/InlinePopover/index.tsx +++ b/.dumi/theme/builtins/InlinePopover/index.tsx @@ -1,6 +1,6 @@ import { PictureOutlined } from '@ant-design/icons'; -import { Image, Tooltip, Typography } from 'antd'; import React from 'react'; +import { Image, Tooltip, Typography } from 'antd'; import useLocale from '../../../hooks/useLocale'; const locales = { diff --git a/.dumi/theme/builtins/InstallDependencies/index.tsx b/.dumi/theme/builtins/InstallDependencies/index.tsx index 68cc0f90f4..fd61fa091b 100644 --- a/.dumi/theme/builtins/InstallDependencies/index.tsx +++ b/.dumi/theme/builtins/InstallDependencies/index.tsx @@ -1,7 +1,7 @@ -import type { TabsProps } from 'antd'; -import { Tabs } from 'antd'; import SourceCode from 'dumi/theme-default/builtins/SourceCode'; import React from 'react'; +import type { TabsProps } from 'antd'; +import { Tabs } from 'antd'; import NpmLogo from './npm'; import PnpmLogo from './pnpm'; import YarnLogo from './yarn'; diff --git a/.dumi/theme/builtins/Previewer/CodePreviewer.tsx b/.dumi/theme/builtins/Previewer/CodePreviewer.tsx index 2b911ed723..f1014a7276 100644 --- a/.dumi/theme/builtins/Previewer/CodePreviewer.tsx +++ b/.dumi/theme/builtins/Previewer/CodePreviewer.tsx @@ -6,7 +6,6 @@ import { } from '@ant-design/icons'; import type { Project } from '@stackblitz/sdk'; import stackblitzSdk from '@stackblitz/sdk'; -import { Alert, Badge, Space, Tooltip } from 'antd'; import classNames from 'classnames'; import { FormattedMessage, useSiteData } from 'dumi'; import toReactElement from 'jsonml-to-react-element'; @@ -15,6 +14,7 @@ import LZString from 'lz-string'; import Prism from 'prismjs'; import React, { useContext, useEffect, useRef, useState } from 'react'; import CopyToClipboard from 'react-copy-to-clipboard'; +import { Alert, Badge, Space, Tooltip } from 'antd'; import type { AntdPreviewerProps } from '.'; import useLocation from '../../../hooks/useLocation'; import BrowserFrame from '../../common/BrowserFrame'; diff --git a/.dumi/theme/builtins/ResourceArticles/index.tsx b/.dumi/theme/builtins/ResourceArticles/index.tsx index ccf34340eb..ea1281b81f 100644 --- a/.dumi/theme/builtins/ResourceArticles/index.tsx +++ b/.dumi/theme/builtins/ResourceArticles/index.tsx @@ -3,8 +3,8 @@ import * as React from 'react'; import { Suspense } from 'react'; import dayjs from 'dayjs'; import { FormattedMessage } from 'dumi'; -import { Avatar, Divider, Empty, Skeleton, Tabs } from 'antd'; import { createStyles } from 'antd-style'; +import { Avatar, Divider, Empty, Skeleton, Tabs } from 'antd'; import type { Article, Authors } from '../../../pages/index/components/util'; import { useSiteData } from '../../../pages/index/components/util'; import useLocale from '../../../hooks/useLocale'; diff --git a/.dumi/theme/builtins/ResourceCards/index.tsx b/.dumi/theme/builtins/ResourceCards/index.tsx index a75a240180..f8494a6ce4 100644 --- a/.dumi/theme/builtins/ResourceCards/index.tsx +++ b/.dumi/theme/builtins/ResourceCards/index.tsx @@ -1,7 +1,7 @@ import React from 'react'; -import { Col, Row, Tooltip } from 'antd'; import { createStyles } from 'antd-style'; import { ExclamationCircleOutlined } from '@ant-design/icons'; +import { Col, Row, Tooltip } from 'antd'; import useLocale from '../../../hooks/useLocale'; const useStyle = createStyles(({ token, css }) => { diff --git a/.dumi/theme/builtins/TokenCompare/index.tsx b/.dumi/theme/builtins/TokenCompare/index.tsx index 7650855e1c..a44ffcda8d 100644 --- a/.dumi/theme/builtins/TokenCompare/index.tsx +++ b/.dumi/theme/builtins/TokenCompare/index.tsx @@ -1,10 +1,10 @@ // 用于 color.md 中的颜色对比 import React from 'react'; import classNames from 'classnames'; -import { theme, Space } from 'antd'; import { TinyColor } from '@ctrl/tinycolor'; -import tokenMeta from 'antd/es/version/token-meta.json'; import { createStyles } from 'antd-style'; +import tokenMeta from 'antd/es/version/token-meta.json'; +import { theme, Space } from 'antd'; import useLocale from '../../../hooks/useLocale'; const useStyle = createStyles(({ token, css }) => { diff --git a/.dumi/theme/builtins/TokenTable/index.tsx b/.dumi/theme/builtins/TokenTable/index.tsx index f2add00042..00e885c4af 100644 --- a/.dumi/theme/builtins/TokenTable/index.tsx +++ b/.dumi/theme/builtins/TokenTable/index.tsx @@ -1,10 +1,10 @@ import type { FC } from 'react'; import * as React from 'react'; import { createStyles } from 'antd-style'; -import type { TableProps } from 'antd'; -import { Table } from 'antd'; import { getDesignToken } from 'antd-token-previewer'; import tokenMeta from 'antd/es/version/token-meta.json'; +import type { TableProps } from 'antd'; +import { Table } from 'antd'; import useLocale from '../../../hooks/useLocale'; import ColorChunk from '../ColorChunk'; diff --git a/.dumi/theme/common/BehaviorMap/index.tsx b/.dumi/theme/common/BehaviorMap/index.tsx index 8b919751b1..4868d8987a 100644 --- a/.dumi/theme/common/BehaviorMap/index.tsx +++ b/.dumi/theme/common/BehaviorMap/index.tsx @@ -1,7 +1,7 @@ import type { FC } from 'react'; import React, { Suspense } from 'react'; -import { Skeleton } from 'antd'; import { createStyles } from 'antd-style'; +import { Skeleton } from 'antd'; import type { BehaviorMapProps } from './BehaviorMap'; const InternalBehaviorMap = React.lazy(() => import('./BehaviorMap')); diff --git a/.dumi/theme/common/Color/ColorPaletteTool.tsx b/.dumi/theme/common/Color/ColorPaletteTool.tsx index 25d55032b3..5f9b4319eb 100644 --- a/.dumi/theme/common/Color/ColorPaletteTool.tsx +++ b/.dumi/theme/common/Color/ColorPaletteTool.tsx @@ -1,7 +1,7 @@ -import { ColorPicker } from 'antd'; -import type { Color } from 'antd/es/color-picker'; import { FormattedMessage } from 'dumi'; import React, { useMemo, useState } from 'react'; +import { ColorPicker } from 'antd'; +import type { Color } from 'antd/es/color-picker'; import ColorPatterns from './ColorPatterns'; const primaryMinSaturation = 70; // 主色推荐最小饱和度 diff --git a/.dumi/theme/common/Color/ColorPaletteToolDark.tsx b/.dumi/theme/common/Color/ColorPaletteToolDark.tsx index cdeb725033..2c81fa008a 100644 --- a/.dumi/theme/common/Color/ColorPaletteToolDark.tsx +++ b/.dumi/theme/common/Color/ColorPaletteToolDark.tsx @@ -1,6 +1,6 @@ -import { Col, ColorPicker, Row } from 'antd'; import { FormattedMessage } from 'dumi'; import React, { useMemo, useState } from 'react'; +import { Col, ColorPicker, Row } from 'antd'; import ColorPatterns from './ColorPatterns'; const primaryMinSaturation = 70; // 主色推荐最小饱和度 diff --git a/.dumi/theme/common/Color/Palette.tsx b/.dumi/theme/common/Color/Palette.tsx index 41423ca92c..0b7d999ceb 100644 --- a/.dumi/theme/common/Color/Palette.tsx +++ b/.dumi/theme/common/Color/Palette.tsx @@ -1,7 +1,7 @@ import { presetDarkPalettes } from '@ant-design/colors'; -import { message } from 'antd'; import React, { useEffect } from 'react'; import CopyToClipboard from 'react-copy-to-clipboard'; +import { message } from 'antd'; const rgbToHex = (rgbString: string): string => { const rgb = rgbString.match(/\d+/g); diff --git a/.dumi/theme/common/DirectionIcon.tsx b/.dumi/theme/common/DirectionIcon.tsx index 1d845b3eb1..786d35de8a 100644 --- a/.dumi/theme/common/DirectionIcon.tsx +++ b/.dumi/theme/common/DirectionIcon.tsx @@ -1,6 +1,6 @@ import Icon from '@ant-design/icons'; -import type { DirectionType } from 'antd/es/config-provider'; import React from 'react'; +import type { DirectionType } from 'antd/es/config-provider'; const ltrD = 'M448 64l512 0 0 128-128 0 0 768-128 0 0-768-128 0 0 768-128 0 0-448c-123.712 0-224-100.288-224-224s100.288-224 224-224zM64 448l256 224-256 224z'; diff --git a/.dumi/theme/common/EditButton.tsx b/.dumi/theme/common/EditButton.tsx index 8b09dc7d31..64b8423d51 100644 --- a/.dumi/theme/common/EditButton.tsx +++ b/.dumi/theme/common/EditButton.tsx @@ -1,7 +1,7 @@ import React from 'react'; -import { Tooltip } from 'antd'; import { EditOutlined } from '@ant-design/icons'; import { createStyles } from 'antd-style'; +import { Tooltip } from 'antd'; const branchUrl = 'https://github.com/ant-design/ant-design/edit/master/'; diff --git a/.dumi/theme/common/Loading.tsx b/.dumi/theme/common/Loading.tsx index fa29eb9e5a..912bd7cb37 100644 --- a/.dumi/theme/common/Loading.tsx +++ b/.dumi/theme/common/Loading.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import { Skeleton, Space, Spin } from 'antd'; import { useLocation } from 'dumi'; +import { Skeleton, Space, Spin } from 'antd'; const Loading: React.FC = () => { const { pathname } = useLocation(); diff --git a/.dumi/theme/common/PrevAndNext.tsx b/.dumi/theme/common/PrevAndNext.tsx index 87beff0550..8b0a092df6 100644 --- a/.dumi/theme/common/PrevAndNext.tsx +++ b/.dumi/theme/common/PrevAndNext.tsx @@ -1,10 +1,10 @@ import { LeftOutlined, RightOutlined } from '@ant-design/icons'; import { createStyles } from 'antd-style'; -import type { MenuProps } from 'antd'; -import type { MenuItemType } from 'antd/es/menu/hooks/useItems'; import type { ReactElement } from 'react'; import React, { useMemo } from 'react'; import classNames from 'classnames'; +import type { MenuItemType } from 'antd/es/menu/hooks/useItems'; +import type { MenuProps } from 'antd'; import useMenu from '../../hooks/useMenu'; const useStyle = createStyles(({ token, css }) => { diff --git a/.dumi/theme/common/ThemeSwitch/index.tsx b/.dumi/theme/common/ThemeSwitch/index.tsx index 5a5240cb00..9a93fd4e58 100644 --- a/.dumi/theme/common/ThemeSwitch/index.tsx +++ b/.dumi/theme/common/ThemeSwitch/index.tsx @@ -1,9 +1,9 @@ import { BgColorsOutlined } from '@ant-design/icons'; -import { FloatButton } from 'antd'; import { CompactTheme, DarkTheme, Motion } from 'antd-token-previewer/es/icons'; import { FormattedMessage, Link, useLocation } from 'dumi'; import React from 'react'; import { useTheme } from 'antd-style'; +import { FloatButton } from 'antd'; import { getLocalizedPathname, isZhCN } from '../../utils'; import ThemeIcon from './ThemeIcon'; diff --git a/.dumi/theme/layouts/DocLayout/index.tsx b/.dumi/theme/layouts/DocLayout/index.tsx index 20cfd277e8..f5af2a0a78 100644 --- a/.dumi/theme/layouts/DocLayout/index.tsx +++ b/.dumi/theme/layouts/DocLayout/index.tsx @@ -1,10 +1,10 @@ -import ConfigProvider from 'antd/es/config-provider'; -import zhCN from 'antd/es/locale/zh_CN'; import classNames from 'classnames'; import dayjs from 'dayjs'; import 'dayjs/locale/zh-cn'; import { Helmet, useOutlet, useSiteData } from 'dumi'; import React, { useContext, useEffect, useLayoutEffect, useMemo, useRef } from 'react'; +import zhCN from 'antd/es/locale/zh_CN'; +import ConfigProvider from 'antd/es/config-provider'; import useLocale from '../../../hooks/useLocale'; import useLocation from '../../../hooks/useLocation'; import GlobalStyles from '../../common/GlobalStyles'; diff --git a/.dumi/theme/layouts/GlobalLayout.tsx b/.dumi/theme/layouts/GlobalLayout.tsx index bb3c64f02f..10b198a515 100644 --- a/.dumi/theme/layouts/GlobalLayout.tsx +++ b/.dumi/theme/layouts/GlobalLayout.tsx @@ -6,11 +6,11 @@ import { StyleProvider, extractStyle, } from '@ant-design/cssinjs'; -import { App, theme as antdTheme } from 'antd'; -import type { DirectionType } from 'antd/es/config-provider'; import { createSearchParams, useOutlet, useSearchParams } from 'dumi'; import { useServerInsertedHTML } from 'umi'; import React, { useCallback, useEffect, useMemo } from 'react'; +import type { DirectionType } from 'antd/es/config-provider'; +import { App, theme as antdTheme } from 'antd'; import useLayoutState from '../../hooks/useLayoutState'; import SiteThemeProvider from '../SiteThemeProvider'; import useLocation from '../../hooks/useLocation'; diff --git a/.dumi/theme/layouts/ResourceLayout/AffixTabs.tsx b/.dumi/theme/layouts/ResourceLayout/AffixTabs.tsx index 1ade82a564..69d8ef1e6a 100644 --- a/.dumi/theme/layouts/ResourceLayout/AffixTabs.tsx +++ b/.dumi/theme/layouts/ResourceLayout/AffixTabs.tsx @@ -1,8 +1,8 @@ import { createStyles } from 'antd-style'; -import { Tabs } from 'antd'; import throttle from 'lodash/throttle'; import * as React from 'react'; import classNames from 'classnames'; +import { Tabs } from 'antd'; import scrollTo from '../../../../components/_util/scrollTo'; const listenerEvents = ['scroll', 'resize'] as const; diff --git a/.dumi/theme/layouts/ResourceLayout/index.tsx b/.dumi/theme/layouts/ResourceLayout/index.tsx index b768252c93..8ff47147d9 100644 --- a/.dumi/theme/layouts/ResourceLayout/index.tsx +++ b/.dumi/theme/layouts/ResourceLayout/index.tsx @@ -1,8 +1,8 @@ import { createStyles } from 'antd-style'; -import { ConfigProvider, Layout, Typography } from 'antd'; import { FormattedMessage, useRouteMeta } from 'dumi'; import type { PropsWithChildren } from 'react'; import React from 'react'; +import { ConfigProvider, Layout, Typography } from 'antd'; import CommonHelmet from '../../common/CommonHelmet'; import EditButton from '../../common/EditButton'; import Footer from '../../slots/Footer'; diff --git a/.dumi/theme/plugin.ts b/.dumi/theme/plugin.ts index 2038a98cbc..e4222870dd 100644 --- a/.dumi/theme/plugin.ts +++ b/.dumi/theme/plugin.ts @@ -1,11 +1,11 @@ -import type { IApi, IRoute } from 'dumi'; -import ReactTechStack from 'dumi/dist/techStacks/react'; import fs from 'fs'; import path from 'path'; +import { createHash } from 'crypto'; +import type { IApi, IRoute } from 'dumi'; +import ReactTechStack from 'dumi/dist/techStacks/react'; import chalk from 'chalk'; import sylvanas from 'sylvanas'; import { extractStaticStyle } from 'antd-style'; -import { createHash } from 'crypto'; import localPackage from '../../package.json'; export const getHash = (str: string, length = 8) => diff --git a/.dumi/theme/slots/Content/ColumnCard.tsx b/.dumi/theme/slots/Content/ColumnCard.tsx index 09e89521d7..6dfc652863 100644 --- a/.dumi/theme/slots/Content/ColumnCard.tsx +++ b/.dumi/theme/slots/Content/ColumnCard.tsx @@ -1,7 +1,7 @@ import { RightOutlined, YuqueOutlined, ZhihuOutlined } from '@ant-design/icons'; import { createStyles } from 'antd-style'; -import { Button, Card, Divider } from 'antd'; import React from 'react'; +import { Button, Card, Divider } from 'antd'; import useLocale from '../../../hooks/useLocale'; import JuejinLogo from './JuejinLogo'; diff --git a/.dumi/theme/slots/Content/index.tsx b/.dumi/theme/slots/Content/index.tsx index ae2e2471e0..f79eaee710 100644 --- a/.dumi/theme/slots/Content/index.tsx +++ b/.dumi/theme/slots/Content/index.tsx @@ -1,12 +1,12 @@ import { CalendarOutlined } from '@ant-design/icons'; import { createStyles, useTheme } from 'antd-style'; import ContributorsList from '@qixian.cs/github-contributors-list'; -import { Affix, Anchor, Avatar, Col, Skeleton, Space, Tooltip, Typography } from 'antd'; import classNames from 'classnames'; import DayJS from 'dayjs'; import { FormattedMessage, useIntl, useRouteMeta, useTabMeta } from 'dumi'; import type { ReactNode } from 'react'; import React, { useContext, useLayoutEffect, useMemo, useState } from 'react'; +import { Affix, Anchor, Avatar, Col, Skeleton, Space, Tooltip, Typography } from 'antd'; import useLayoutState from '../../../hooks/useLayoutState'; import useLocation from '../../../hooks/useLocation'; import EditButton from '../../common/EditButton'; diff --git a/.dumi/theme/slots/ContentTabs/index.tsx b/.dumi/theme/slots/ContentTabs/index.tsx index a295fbf6f6..ae16a912c4 100644 --- a/.dumi/theme/slots/ContentTabs/index.tsx +++ b/.dumi/theme/slots/ContentTabs/index.tsx @@ -1,10 +1,10 @@ import type { FC, ReactNode } from 'react'; import React from 'react'; import { CodeOutlined, SkinOutlined } from '@ant-design/icons'; -import { Tabs } from 'antd'; import { useRouteMeta } from 'dumi'; import type { IContentTabsProps } from 'dumi/theme-default/slots/ContentTabs'; import type { TabsProps } from 'rc-tabs'; +import { Tabs } from 'antd'; const titleMap: Record = { design: '设计', diff --git a/.dumi/theme/slots/Footer/index.tsx b/.dumi/theme/slots/Footer/index.tsx index 7744f1cdce..f65a6a3e23 100644 --- a/.dumi/theme/slots/Footer/index.tsx +++ b/.dumi/theme/slots/Footer/index.tsx @@ -14,11 +14,11 @@ import { } from '@ant-design/icons'; import { TinyColor } from '@ctrl/tinycolor'; import { createStyles } from 'antd-style'; -import getAlphaColor from 'antd/es/theme/util/getAlphaColor'; import { FormattedMessage, Link } from 'dumi'; import RcFooter from 'rc-footer'; import type { FooterColumn } from 'rc-footer/lib/column'; import React, { useContext } from 'react'; +import getAlphaColor from 'antd/es/theme/util/getAlphaColor'; import useLocale from '../../../hooks/useLocale'; import useLocation from '../../../hooks/useLocation'; import SiteContext from '../SiteContext'; diff --git a/.dumi/theme/slots/Header/More.tsx b/.dumi/theme/slots/Header/More.tsx index a266d4db1f..8b7359fb4e 100644 --- a/.dumi/theme/slots/Header/More.tsx +++ b/.dumi/theme/slots/Header/More.tsx @@ -1,9 +1,9 @@ import { DownOutlined } from '@ant-design/icons'; import { createStyles } from 'antd-style'; -import type { MenuProps } from 'antd'; -import { Button, Dropdown } from 'antd'; import { FormattedMessage } from 'dumi'; import React from 'react'; +import type { MenuProps } from 'antd'; +import { Button, Dropdown } from 'antd'; import type { SharedProps } from './interface'; const useStyle = createStyles(({ css }) => ({ diff --git a/.dumi/theme/slots/Header/Navigation.tsx b/.dumi/theme/slots/Header/Navigation.tsx index 1dbcffe5a5..c58422a1ec 100644 --- a/.dumi/theme/slots/Header/Navigation.tsx +++ b/.dumi/theme/slots/Header/Navigation.tsx @@ -1,9 +1,9 @@ import * as React from 'react'; import { FormattedMessage, Link, useFullSidebarData, useLocation } from 'dumi'; -import type { MenuProps } from 'antd'; -import { Menu } from 'antd'; import { MenuOutlined } from '@ant-design/icons'; import { createStyles, css } from 'antd-style'; +import type { MenuProps } from 'antd'; +import { Menu } from 'antd'; import { getEcosystemGroup } from './More'; import * as utils from '../../utils'; import type { SharedProps } from './interface'; diff --git a/.dumi/theme/slots/Header/SwitchBtn.tsx b/.dumi/theme/slots/Header/SwitchBtn.tsx index 40b4063ac7..c670de349c 100644 --- a/.dumi/theme/slots/Header/SwitchBtn.tsx +++ b/.dumi/theme/slots/Header/SwitchBtn.tsx @@ -1,7 +1,7 @@ import { createStyles } from 'antd-style'; -import { Tooltip } from 'antd'; import React from 'react'; import classNames from 'classnames'; +import { Tooltip } from 'antd'; export interface LangBtnProps { label1: React.ReactNode; diff --git a/.dumi/theme/slots/Header/index.tsx b/.dumi/theme/slots/Header/index.tsx index b07c388c45..95c53e8bd7 100644 --- a/.dumi/theme/slots/Header/index.tsx +++ b/.dumi/theme/slots/Header/index.tsx @@ -1,10 +1,10 @@ import { GithubOutlined, MenuOutlined } from '@ant-design/icons'; import { createStyles } from 'antd-style'; -import { Col, Modal, Popover, Row, Select } from 'antd'; import classNames from 'classnames'; import { useLocation, useSiteData } from 'dumi'; import DumiSearchBar from 'dumi/theme-default/slots/SearchBar'; import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react'; +import { Col, Modal, Popover, Row, Select } from 'antd'; import useLocale from '../../../hooks/useLocale'; import DirectionIcon from '../../common/DirectionIcon'; import * as utils from '../../utils'; diff --git a/.dumi/theme/slots/Sidebar/index.tsx b/.dumi/theme/slots/Sidebar/index.tsx index 84295e0893..17fa42d4b9 100644 --- a/.dumi/theme/slots/Sidebar/index.tsx +++ b/.dumi/theme/slots/Sidebar/index.tsx @@ -1,8 +1,8 @@ import { createStyles, useTheme } from 'antd-style'; -import { Col, ConfigProvider, Menu } from 'antd'; import { useSidebarData } from 'dumi'; import MobileMenu from 'rc-drawer'; import React, { useContext } from 'react'; +import { Col, ConfigProvider, Menu } from 'antd'; import useMenu from '../../../hooks/useMenu'; import SiteContext from '../SiteContext'; diff --git a/components/alert/demo/closable.tsx b/components/alert/demo/closable.tsx index 67b202257a..2d04f4ebaf 100644 --- a/components/alert/demo/closable.tsx +++ b/components/alert/demo/closable.tsx @@ -1,5 +1,5 @@ -import { Alert, Space } from 'antd'; import React from 'react'; +import { Alert, Space } from 'antd'; const onClose = (e: React.MouseEvent) => { console.log(e, 'I was closed.'); diff --git a/components/alert/demo/loop-banner.tsx b/components/alert/demo/loop-banner.tsx index 1f9a460d31..7324268df8 100644 --- a/components/alert/demo/loop-banner.tsx +++ b/components/alert/demo/loop-banner.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import { Alert } from 'antd'; import Marquee from 'react-fast-marquee'; +import { Alert } from 'antd'; const App: React.FC = () => ( ( diff --git a/components/auto-complete/demo/basic.tsx b/components/auto-complete/demo/basic.tsx index 6776ee0c55..42238fc6e2 100644 --- a/components/auto-complete/demo/basic.tsx +++ b/components/auto-complete/demo/basic.tsx @@ -1,5 +1,5 @@ -import { AutoComplete } from 'antd'; import React, { useState } from 'react'; +import { AutoComplete } from 'antd'; const mockVal = (str: string, repeat = 1) => ({ value: str.repeat(repeat), diff --git a/components/auto-complete/demo/borderless.tsx b/components/auto-complete/demo/borderless.tsx index 02a4f1685a..2d1d4b5964 100644 --- a/components/auto-complete/demo/borderless.tsx +++ b/components/auto-complete/demo/borderless.tsx @@ -1,5 +1,5 @@ -import { AutoComplete } from 'antd'; import React, { useState } from 'react'; +import { AutoComplete } from 'antd'; const mockVal = (str: string, repeat = 1) => ({ value: str.repeat(repeat), diff --git a/components/auto-complete/demo/status.tsx b/components/auto-complete/demo/status.tsx index e20affe02a..4eeffdf077 100644 --- a/components/auto-complete/demo/status.tsx +++ b/components/auto-complete/demo/status.tsx @@ -1,5 +1,5 @@ -import { AutoComplete, Space } from 'antd'; import React, { useState } from 'react'; +import { AutoComplete, Space } from 'antd'; const mockVal = (str: string, repeat = 1) => ({ value: str.repeat(repeat), diff --git a/components/avatar/demo/badge.tsx b/components/avatar/demo/badge.tsx index 21be583237..d920d1f633 100644 --- a/components/avatar/demo/badge.tsx +++ b/components/avatar/demo/badge.tsx @@ -1,6 +1,6 @@ import { UserOutlined } from '@ant-design/icons'; -import { Avatar, Badge, Space } from 'antd'; import React from 'react'; +import { Avatar, Badge, Space } from 'antd'; const App: React.FC = () => ( diff --git a/components/avatar/demo/basic.tsx b/components/avatar/demo/basic.tsx index 280c07c654..bc7a57a64b 100644 --- a/components/avatar/demo/basic.tsx +++ b/components/avatar/demo/basic.tsx @@ -1,6 +1,6 @@ import { UserOutlined } from '@ant-design/icons'; -import { Avatar, Space } from 'antd'; import React from 'react'; +import { Avatar, Space } from 'antd'; const App: React.FC = () => ( diff --git a/components/avatar/demo/component-token.tsx b/components/avatar/demo/component-token.tsx index 5753f94580..a2f90c3ed0 100644 --- a/components/avatar/demo/component-token.tsx +++ b/components/avatar/demo/component-token.tsx @@ -1,6 +1,6 @@ import { AntDesignOutlined, UserOutlined } from '@ant-design/icons'; -import { Avatar, Badge, ConfigProvider, Space, Tooltip } from 'antd'; import React from 'react'; +import { Avatar, Badge, ConfigProvider, Space, Tooltip } from 'antd'; const App: React.FC = () => ( ( diff --git a/components/avatar/demo/group.tsx b/components/avatar/demo/group.tsx index 0d4c7fcff2..3681f1f170 100644 --- a/components/avatar/demo/group.tsx +++ b/components/avatar/demo/group.tsx @@ -1,6 +1,6 @@ import { AntDesignOutlined, UserOutlined } from '@ant-design/icons'; -import { Avatar, Divider, Tooltip } from 'antd'; import React from 'react'; +import { Avatar, Divider, Tooltip } from 'antd'; const App: React.FC = () => ( <> diff --git a/components/avatar/demo/toggle-debug.tsx b/components/avatar/demo/toggle-debug.tsx index 5d9220c3cc..a6229aa7df 100644 --- a/components/avatar/demo/toggle-debug.tsx +++ b/components/avatar/demo/toggle-debug.tsx @@ -1,5 +1,5 @@ -import { Avatar, Button, Space } from 'antd'; import React, { useState } from 'react'; +import { Avatar, Button, Space } from 'antd'; type SizeType = 'large' | 'small' | 'default' | number; diff --git a/components/avatar/demo/type.tsx b/components/avatar/demo/type.tsx index 8ea3a78a28..79288b85a5 100644 --- a/components/avatar/demo/type.tsx +++ b/components/avatar/demo/type.tsx @@ -1,6 +1,6 @@ import { UserOutlined } from '@ant-design/icons'; -import { Avatar, Space } from 'antd'; import React from 'react'; +import { Avatar, Space } from 'antd'; const url = 'https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg'; diff --git a/components/badge/demo/colorful-with-count-debug.tsx b/components/badge/demo/colorful-with-count-debug.tsx index c659056ece..9abc9b6a05 100644 --- a/components/badge/demo/colorful-with-count-debug.tsx +++ b/components/badge/demo/colorful-with-count-debug.tsx @@ -1,5 +1,5 @@ -import { Badge, Space } from 'antd'; import React from 'react'; +import { Badge, Space } from 'antd'; const colors = [ 'pink', diff --git a/components/badge/demo/ribbon.tsx b/components/badge/demo/ribbon.tsx index a58e16f09e..2ce30f5512 100644 --- a/components/badge/demo/ribbon.tsx +++ b/components/badge/demo/ribbon.tsx @@ -1,5 +1,5 @@ -import { Badge, Card, Space } from 'antd'; import React from 'react'; +import { Badge, Card, Space } from 'antd'; const App: React.FC = () => ( diff --git a/components/breadcrumb/demo/component-token.tsx b/components/breadcrumb/demo/component-token.tsx index 761a1fc112..b3d2f28e10 100644 --- a/components/breadcrumb/demo/component-token.tsx +++ b/components/breadcrumb/demo/component-token.tsx @@ -1,6 +1,6 @@ import { HomeOutlined, UserOutlined } from '@ant-design/icons'; -import { Breadcrumb, ConfigProvider } from 'antd'; import React from 'react'; +import { Breadcrumb, ConfigProvider } from 'antd'; const menuItems = [ { diff --git a/components/breadcrumb/demo/debug-routes.tsx b/components/breadcrumb/demo/debug-routes.tsx index 2d8fa6b694..be98f6d3a2 100644 --- a/components/breadcrumb/demo/debug-routes.tsx +++ b/components/breadcrumb/demo/debug-routes.tsx @@ -1,5 +1,5 @@ -import { Breadcrumb } from 'antd'; import React from 'react'; +import { Breadcrumb } from 'antd'; export default () => ( (
    diff --git a/components/breadcrumb/demo/separator-component.tsx b/components/breadcrumb/demo/separator-component.tsx index 87bafba337..7b56c6c3c6 100644 --- a/components/breadcrumb/demo/separator-component.tsx +++ b/components/breadcrumb/demo/separator-component.tsx @@ -1,5 +1,5 @@ -import { Breadcrumb } from 'antd'; import React from 'react'; +import { Breadcrumb } from 'antd'; const App: React.FC = () => ( ( '部署'; const Text2 = () => 部署; diff --git a/components/button/demo/debug-block.tsx b/components/button/demo/debug-block.tsx index 8f82139760..9ee41c3f8f 100644 --- a/components/button/demo/debug-block.tsx +++ b/components/button/demo/debug-block.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import { Form, Button } from 'antd'; import { DownloadOutlined } from '@ant-design/icons'; +import { Form, Button } from 'antd'; const App: React.FC = () => ( diff --git a/components/button/demo/debug-icon.tsx b/components/button/demo/debug-icon.tsx index f716db3ac3..e7ba6d1f93 100644 --- a/components/button/demo/debug-icon.tsx +++ b/components/button/demo/debug-icon.tsx @@ -1,7 +1,7 @@ import { SearchOutlined } from '@ant-design/icons'; +import React, { useState } from 'react'; import { Button, ConfigProvider, Divider, Radio, Space, Tooltip } from 'antd'; import type { SizeType } from 'antd/es/config-provider/SizeContext'; -import React, { useState } from 'react'; const App: React.FC = () => { const [size, setSize] = useState('large'); diff --git a/components/button/demo/legacy-group.tsx b/components/button/demo/legacy-group.tsx index 663d59af0e..f4963c6598 100644 --- a/components/button/demo/legacy-group.tsx +++ b/components/button/demo/legacy-group.tsx @@ -1,7 +1,7 @@ import { DownloadOutlined } from '@ant-design/icons'; +import React from 'react'; import { Button, Tooltip } from 'antd'; import type { ButtonGroupProps } from 'antd/es/button'; -import React from 'react'; const CustomGroup: React.FC = (props) => ( diff --git a/components/calendar/demo/basic.tsx b/components/calendar/demo/basic.tsx index 67522871ff..c95cd92fd3 100644 --- a/components/calendar/demo/basic.tsx +++ b/components/calendar/demo/basic.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import { Calendar } from 'antd'; import type { Dayjs } from 'dayjs'; +import { Calendar } from 'antd'; import type { CalendarMode } from 'antd/es/calendar/generateCalendar'; const App: React.FC = () => { diff --git a/components/calendar/demo/card.tsx b/components/calendar/demo/card.tsx index b6d89d0719..2d4ea63e93 100644 --- a/components/calendar/demo/card.tsx +++ b/components/calendar/demo/card.tsx @@ -1,7 +1,7 @@ -import { Calendar, theme } from 'antd'; -import type { CalendarMode } from 'antd/es/calendar/generateCalendar'; import type { Dayjs } from 'dayjs'; import React from 'react'; +import { Calendar, theme } from 'antd'; +import type { CalendarMode } from 'antd/es/calendar/generateCalendar'; const onPanelChange = (value: Dayjs, mode: CalendarMode) => { console.log(value.format('YYYY-MM-DD'), mode); diff --git a/components/calendar/demo/component-token.tsx b/components/calendar/demo/component-token.tsx index ee816d1143..37629d39c6 100644 --- a/components/calendar/demo/component-token.tsx +++ b/components/calendar/demo/component-token.tsx @@ -1,7 +1,7 @@ -import { Calendar, ConfigProvider } from 'antd'; -import type { CalendarMode } from 'antd/es/calendar/generateCalendar'; import type { Dayjs } from 'dayjs'; import React from 'react'; +import { Calendar, ConfigProvider } from 'antd'; +import type { CalendarMode } from 'antd/es/calendar/generateCalendar'; /** Test usage. Do not use in your production. */ export default () => { diff --git a/components/calendar/demo/notice-calendar.tsx b/components/calendar/demo/notice-calendar.tsx index df4c769684..3051372a88 100644 --- a/components/calendar/demo/notice-calendar.tsx +++ b/components/calendar/demo/notice-calendar.tsx @@ -1,8 +1,8 @@ import React from 'react'; -import type { BadgeProps } from 'antd'; -import { Badge, Calendar } from 'antd'; import type { Dayjs } from 'dayjs'; import type { CellRenderInfo } from 'rc-picker/lib/interface'; +import type { BadgeProps } from 'antd'; +import { Badge, Calendar } from 'antd'; const getListData = (value: Dayjs) => { let listData; diff --git a/components/calendar/demo/select.tsx b/components/calendar/demo/select.tsx index 25d90bd5d6..117632be25 100644 --- a/components/calendar/demo/select.tsx +++ b/components/calendar/demo/select.tsx @@ -1,7 +1,7 @@ import React, { useState } from 'react'; -import { Alert, Calendar } from 'antd'; import type { Dayjs } from 'dayjs'; import dayjs from 'dayjs'; +import { Alert, Calendar } from 'antd'; const App: React.FC = () => { const [value, setValue] = useState(() => dayjs('2017-01-25')); diff --git a/components/card/demo/basic.tsx b/components/card/demo/basic.tsx index 7475d4c054..c2fd39bc38 100644 --- a/components/card/demo/basic.tsx +++ b/components/card/demo/basic.tsx @@ -1,5 +1,5 @@ -import { Card, Space } from 'antd'; import React from 'react'; +import { Card, Space } from 'antd'; const App: React.FC = () => ( diff --git a/components/card/demo/border-less.tsx b/components/card/demo/border-less.tsx index 6fc3bf87e6..686275fd64 100644 --- a/components/card/demo/border-less.tsx +++ b/components/card/demo/border-less.tsx @@ -1,5 +1,5 @@ -import { Card } from 'antd'; import React from 'react'; +import { Card } from 'antd'; const App: React.FC = () => ( diff --git a/components/card/demo/component-token.tsx b/components/card/demo/component-token.tsx index 982bdee778..ad0f924144 100644 --- a/components/card/demo/component-token.tsx +++ b/components/card/demo/component-token.tsx @@ -1,6 +1,6 @@ import { EditOutlined, EllipsisOutlined, SettingOutlined } from '@ant-design/icons'; -import { Card, ConfigProvider } from 'antd'; import React from 'react'; +import { Card, ConfigProvider } from 'antd'; export default () => ( ( diff --git a/components/card/demo/loading.tsx b/components/card/demo/loading.tsx index c73b67197d..73b7da88b0 100644 --- a/components/card/demo/loading.tsx +++ b/components/card/demo/loading.tsx @@ -1,6 +1,6 @@ import { EditOutlined, EllipsisOutlined, SettingOutlined } from '@ant-design/icons'; -import { Avatar, Card, Skeleton, Switch } from 'antd'; import React, { useState } from 'react'; +import { Avatar, Card, Skeleton, Switch } from 'antd'; const { Meta } = Card; diff --git a/components/card/demo/tabs.tsx b/components/card/demo/tabs.tsx index d2ffc7bc8f..3fc36d0bdf 100644 --- a/components/card/demo/tabs.tsx +++ b/components/card/demo/tabs.tsx @@ -1,5 +1,5 @@ -import { Card } from 'antd'; import React, { useState } from 'react'; +import { Card } from 'antd'; const tabList = [ { diff --git a/components/carousel/demo/component-token.tsx b/components/carousel/demo/component-token.tsx index 07d814b0a1..71a9c16db7 100644 --- a/components/carousel/demo/component-token.tsx +++ b/components/carousel/demo/component-token.tsx @@ -1,5 +1,5 @@ -import { Carousel, ConfigProvider } from 'antd'; import React from 'react'; +import { Carousel, ConfigProvider } from 'antd'; /** Test usage. Do not use in your production. */ const contentStyle: React.CSSProperties = { diff --git a/components/cascader/demo/lazy.tsx b/components/cascader/demo/lazy.tsx index 3df1184666..c9aac58567 100644 --- a/components/cascader/demo/lazy.tsx +++ b/components/cascader/demo/lazy.tsx @@ -1,5 +1,5 @@ -import { Cascader } from 'antd'; import React, { useState } from 'react'; +import { Cascader } from 'antd'; interface Option { value?: string | number | null; diff --git a/components/cascader/demo/multiple.tsx b/components/cascader/demo/multiple.tsx index 65d3f4e117..b174e0c769 100644 --- a/components/cascader/demo/multiple.tsx +++ b/components/cascader/demo/multiple.tsx @@ -1,5 +1,5 @@ -import { Cascader } from 'antd'; import React from 'react'; +import { Cascader } from 'antd'; interface Option { value: string | number; diff --git a/components/checkbox/demo/debug-line.tsx b/components/checkbox/demo/debug-line.tsx index b78ee9a4fa..c3e8a11535 100644 --- a/components/checkbox/demo/debug-line.tsx +++ b/components/checkbox/demo/debug-line.tsx @@ -1,5 +1,5 @@ -import { Checkbox, ConfigProvider, Radio, Space } from 'antd'; import React from 'react'; +import { Checkbox, ConfigProvider, Radio, Space } from 'antd'; const sharedStyle: React.CSSProperties = { border: '1px solid red', diff --git a/components/checkbox/demo/group.tsx b/components/checkbox/demo/group.tsx index 2429353876..a7c8c9c980 100644 --- a/components/checkbox/demo/group.tsx +++ b/components/checkbox/demo/group.tsx @@ -1,6 +1,6 @@ +import React from 'react'; import { Checkbox } from 'antd'; import type { CheckboxValueType } from 'antd/es/checkbox/Group'; -import React from 'react'; const onChange = (checkedValues: CheckboxValueType[]) => { console.log('checked = ', checkedValues); diff --git a/components/collapse/demo/accordion.tsx b/components/collapse/demo/accordion.tsx index a7c9953293..af97c3b42a 100644 --- a/components/collapse/demo/accordion.tsx +++ b/components/collapse/demo/accordion.tsx @@ -1,6 +1,6 @@ +import React from 'react'; import type { CollapseProps } from 'antd'; import { Collapse } from 'antd'; -import React from 'react'; const text = ` A dog is a type of domesticated animal. diff --git a/components/collapse/demo/basic.tsx b/components/collapse/demo/basic.tsx index 5680e531df..cf06455f4a 100644 --- a/components/collapse/demo/basic.tsx +++ b/components/collapse/demo/basic.tsx @@ -1,6 +1,6 @@ +import React from 'react'; import type { CollapseProps } from 'antd'; import { Collapse } from 'antd'; -import React from 'react'; const text = ` A dog is a type of domesticated animal. diff --git a/components/collapse/demo/borderless.tsx b/components/collapse/demo/borderless.tsx index fc38203ce3..c2f25fc5d1 100644 --- a/components/collapse/demo/borderless.tsx +++ b/components/collapse/demo/borderless.tsx @@ -1,6 +1,6 @@ +import React from 'react'; import type { CollapseProps } from 'antd'; import { Collapse } from 'antd'; -import React from 'react'; const text = (

    diff --git a/components/collapse/demo/collapsible.tsx b/components/collapse/demo/collapsible.tsx index 3b72c50f1a..307fcaab1b 100644 --- a/components/collapse/demo/collapsible.tsx +++ b/components/collapse/demo/collapsible.tsx @@ -1,5 +1,5 @@ -import { Collapse, Space } from 'antd'; import React from 'react'; +import { Collapse, Space } from 'antd'; const text = ` A dog is a type of domesticated animal. diff --git a/components/collapse/demo/custom.tsx b/components/collapse/demo/custom.tsx index 43da8dcdef..3c39bceb6c 100644 --- a/components/collapse/demo/custom.tsx +++ b/components/collapse/demo/custom.tsx @@ -1,8 +1,8 @@ import { CaretRightOutlined } from '@ant-design/icons'; -import type { CollapseProps } from 'antd'; -import { Collapse, theme } from 'antd'; import type { CSSProperties } from 'react'; import React from 'react'; +import type { CollapseProps } from 'antd'; +import { Collapse, theme } from 'antd'; const text = ` A dog is a type of domesticated animal. diff --git a/components/collapse/demo/extra.tsx b/components/collapse/demo/extra.tsx index 08b196e14e..dc2eaca17b 100644 --- a/components/collapse/demo/extra.tsx +++ b/components/collapse/demo/extra.tsx @@ -1,7 +1,7 @@ import { SettingOutlined } from '@ant-design/icons'; +import React, { useState } from 'react'; import type { CollapseProps } from 'antd'; import { Collapse, Select } from 'antd'; -import React, { useState } from 'react'; const { Option } = Select; diff --git a/components/collapse/demo/ghost.tsx b/components/collapse/demo/ghost.tsx index d047e013a1..0c03b4e351 100644 --- a/components/collapse/demo/ghost.tsx +++ b/components/collapse/demo/ghost.tsx @@ -1,6 +1,6 @@ +import React from 'react'; import type { CollapseProps } from 'antd'; import { Collapse } from 'antd'; -import React from 'react'; const text = ` A dog is a type of domesticated animal. diff --git a/components/collapse/demo/mix.tsx b/components/collapse/demo/mix.tsx index 239fac5b27..1f780099d5 100644 --- a/components/collapse/demo/mix.tsx +++ b/components/collapse/demo/mix.tsx @@ -1,6 +1,6 @@ +import React from 'react'; import type { CollapseProps } from 'antd'; import { Collapse } from 'antd'; -import React from 'react'; const text = ` A dog is a type of domesticated animal. diff --git a/components/collapse/demo/noarrow.tsx b/components/collapse/demo/noarrow.tsx index 5a4ba181dd..ed54f4d47c 100644 --- a/components/collapse/demo/noarrow.tsx +++ b/components/collapse/demo/noarrow.tsx @@ -1,6 +1,6 @@ +import React from 'react'; import type { CollapseProps } from 'antd'; import { Collapse } from 'antd'; -import React from 'react'; const text = ` A dog is a type of domesticated animal. diff --git a/components/collapse/demo/size.tsx b/components/collapse/demo/size.tsx index cc1ad048bf..49803c7ce7 100644 --- a/components/collapse/demo/size.tsx +++ b/components/collapse/demo/size.tsx @@ -1,5 +1,5 @@ -import { Collapse, Divider } from 'antd'; import React from 'react'; +import { Collapse, Divider } from 'antd'; const text = ` A dog is a type of domesticated animal. diff --git a/components/color-picker/demo/allowClear.tsx b/components/color-picker/demo/allowClear.tsx index 90139f523f..5cef5ffe7c 100644 --- a/components/color-picker/demo/allowClear.tsx +++ b/components/color-picker/demo/allowClear.tsx @@ -1,4 +1,4 @@ -import { ColorPicker } from 'antd'; import React from 'react'; +import { ColorPicker } from 'antd'; export default () => ; diff --git a/components/color-picker/demo/base.tsx b/components/color-picker/demo/base.tsx index c43769e905..db03f373f1 100644 --- a/components/color-picker/demo/base.tsx +++ b/components/color-picker/demo/base.tsx @@ -1,5 +1,5 @@ -import { ColorPicker } from 'antd'; import React from 'react'; +import { ColorPicker } from 'antd'; const Demo = () => ; diff --git a/components/color-picker/demo/change-completed.tsx b/components/color-picker/demo/change-completed.tsx index eaf7f210e8..5aebeb0440 100644 --- a/components/color-picker/demo/change-completed.tsx +++ b/components/color-picker/demo/change-completed.tsx @@ -1,6 +1,6 @@ +import React, { useState } from 'react'; import { App, ColorPicker } from 'antd'; import type { ColorPickerProps } from 'antd/es/color-picker'; -import React, { useState } from 'react'; const Demo = () => { const { message } = App.useApp(); diff --git a/components/color-picker/demo/controlled.tsx b/components/color-picker/demo/controlled.tsx index eaebe080ea..53fc7404b4 100644 --- a/components/color-picker/demo/controlled.tsx +++ b/components/color-picker/demo/controlled.tsx @@ -1,6 +1,6 @@ +import React, { useState } from 'react'; import { ColorPicker, theme } from 'antd'; import type { Color } from 'antd/es/color-picker'; -import React, { useState } from 'react'; const Demo: React.FC = () => { const { token } = theme.useToken(); diff --git a/components/color-picker/demo/disabled.tsx b/components/color-picker/demo/disabled.tsx index 19a3620ca6..a49dbab536 100644 --- a/components/color-picker/demo/disabled.tsx +++ b/components/color-picker/demo/disabled.tsx @@ -1,4 +1,4 @@ -import { ColorPicker } from 'antd'; import React from 'react'; +import { ColorPicker } from 'antd'; export default () => ; diff --git a/components/color-picker/demo/format.tsx b/components/color-picker/demo/format.tsx index 3889f36c8c..b0be50ad5f 100644 --- a/components/color-picker/demo/format.tsx +++ b/components/color-picker/demo/format.tsx @@ -1,6 +1,6 @@ +import React, { useMemo, useState } from 'react'; import { Col, ColorPicker, Row, Space } from 'antd'; import type { Color, ColorPickerProps } from 'antd/es/color-picker'; -import React, { useMemo, useState } from 'react'; export default () => { const [colorHex, setColorHex] = useState('#1677ff'); diff --git a/components/color-picker/demo/panel-render.tsx b/components/color-picker/demo/panel-render.tsx index f3813d95d3..d8b394d6c1 100644 --- a/components/color-picker/demo/panel-render.tsx +++ b/components/color-picker/demo/panel-render.tsx @@ -1,5 +1,5 @@ -import { Col, ColorPicker, Divider, Row, Space } from 'antd'; import React from 'react'; +import { Col, ColorPicker, Divider, Row, Space } from 'antd'; const Demo = () => ( diff --git a/components/color-picker/demo/presets.tsx b/components/color-picker/demo/presets.tsx index e1272329eb..881cdbfbbb 100644 --- a/components/color-picker/demo/presets.tsx +++ b/components/color-picker/demo/presets.tsx @@ -1,5 +1,5 @@ -import { ColorPicker } from 'antd'; import React from 'react'; +import { ColorPicker } from 'antd'; export default () => ( ( diff --git a/components/color-picker/demo/text-render.tsx b/components/color-picker/demo/text-render.tsx index 45764d2f93..4c4306ee64 100644 --- a/components/color-picker/demo/text-render.tsx +++ b/components/color-picker/demo/text-render.tsx @@ -1,6 +1,6 @@ import { DownOutlined } from '@ant-design/icons'; -import { ColorPicker, Space } from 'antd'; import React, { useState } from 'react'; +import { ColorPicker, Space } from 'antd'; const Demo = () => { const [open, setOpen] = useState(false); diff --git a/components/color-picker/demo/trigger-event.tsx b/components/color-picker/demo/trigger-event.tsx index f87a1a14c5..62274db6f9 100644 --- a/components/color-picker/demo/trigger-event.tsx +++ b/components/color-picker/demo/trigger-event.tsx @@ -1,5 +1,5 @@ -import { ColorPicker } from 'antd'; import React from 'react'; +import { ColorPicker } from 'antd'; const Demo = () => ; diff --git a/components/color-picker/demo/trigger.tsx b/components/color-picker/demo/trigger.tsx index 5ab8e663df..c256ab02e9 100644 --- a/components/color-picker/demo/trigger.tsx +++ b/components/color-picker/demo/trigger.tsx @@ -1,6 +1,6 @@ +import React, { useMemo, useState } from 'react'; import { Button, ColorPicker, theme } from 'antd'; import type { Color } from 'antd/es/color-picker'; -import React, { useMemo, useState } from 'react'; const Demo: React.FC = () => { const { token } = theme.useToken(); diff --git a/components/config-provider/__tests__/button.test.tsx b/components/config-provider/__tests__/button.test.tsx index 6babecf479..5c12be3f6f 100644 --- a/components/config-provider/__tests__/button.test.tsx +++ b/components/config-provider/__tests__/button.test.tsx @@ -1,6 +1,6 @@ import { SearchOutlined } from '@ant-design/icons'; -import Button from 'antd/es/button'; import React from 'react'; +import Button from 'antd/es/button'; import ConfigProvider from '..'; import { render } from '../../../tests/utils'; diff --git a/components/config-provider/demo/direction.tsx b/components/config-provider/demo/direction.tsx index 21fb905bc2..bb6cb8aaf1 100644 --- a/components/config-provider/demo/direction.tsx +++ b/components/config-provider/demo/direction.tsx @@ -7,6 +7,7 @@ import { SearchOutlined as SearchIcon, SmileOutlined, } from '@ant-design/icons'; +import React, { useState } from 'react'; import type { RadioChangeEvent } from 'antd'; import { Badge, @@ -30,7 +31,6 @@ import { TreeSelect, } from 'antd'; import type { DirectionType } from 'antd/es/config-provider'; -import React, { useState } from 'react'; const InputGroup = Input.Group; const ButtonGroup = Button.Group; diff --git a/components/config-provider/demo/locale.tsx b/components/config-provider/demo/locale.tsx index 0ed3f43bf8..61cee232ce 100644 --- a/components/config-provider/demo/locale.tsx +++ b/components/config-provider/demo/locale.tsx @@ -1,4 +1,6 @@ import { EllipsisOutlined } from '@ant-design/icons'; +import dayjs from 'dayjs'; +import React, { useState } from 'react'; import type { RadioChangeEvent, TourProps, UploadFile } from 'antd'; import { Upload, @@ -27,9 +29,7 @@ import { import type { Locale } from 'antd/es/locale'; import enUS from 'antd/locale/en_US'; import zhCN from 'antd/locale/zh_CN'; -import dayjs from 'dayjs'; import 'dayjs/locale/zh-cn'; -import React, { useState } from 'react'; dayjs.locale('en'); diff --git a/components/config-provider/demo/prefixCls.tsx b/components/config-provider/demo/prefixCls.tsx index 0e5a57c24f..62373371ec 100644 --- a/components/config-provider/demo/prefixCls.tsx +++ b/components/config-provider/demo/prefixCls.tsx @@ -1,6 +1,6 @@ import { SmileOutlined } from '@ant-design/icons'; -import { Button, ConfigProvider, Select } from 'antd'; import React, { useState } from 'react'; +import { Button, ConfigProvider, Select } from 'antd'; // Ant Design site use `es` module for view // but do not replace related lib `lib` with `es` diff --git a/components/config-provider/demo/size.tsx b/components/config-provider/demo/size.tsx index 2d95ee00a3..7b3c861172 100644 --- a/components/config-provider/demo/size.tsx +++ b/components/config-provider/demo/size.tsx @@ -1,3 +1,4 @@ +import React, { useState } from 'react'; import { Button, Card, @@ -12,7 +13,6 @@ import { Tabs, } from 'antd'; import type { SizeType } from 'antd/es/config-provider/SizeContext'; -import React, { useState } from 'react'; const { TabPane } = Tabs; diff --git a/components/config-provider/demo/theme.tsx b/components/config-provider/demo/theme.tsx index 76a8fb6601..48f397d178 100644 --- a/components/config-provider/demo/theme.tsx +++ b/components/config-provider/demo/theme.tsx @@ -1,6 +1,6 @@ +import React from 'react'; import { Button, ColorPicker, ConfigProvider, Form, InputNumber } from 'antd'; import type { Color } from 'antd/es/color-picker'; -import React from 'react'; type ThemeData = { borderRadius: number; diff --git a/components/date-picker/demo/basic.tsx b/components/date-picker/demo/basic.tsx index fd7ba0db14..9a943c1400 100644 --- a/components/date-picker/demo/basic.tsx +++ b/components/date-picker/demo/basic.tsx @@ -1,6 +1,6 @@ +import React from 'react'; import type { DatePickerProps } from 'antd'; import { DatePicker, Space } from 'antd'; -import React from 'react'; const onChange: DatePickerProps['onChange'] = (date, dateString) => { console.log(date, dateString); diff --git a/components/date-picker/demo/cell-render.tsx b/components/date-picker/demo/cell-render.tsx index 7142a89e0f..da1a6ae21a 100644 --- a/components/date-picker/demo/cell-render.tsx +++ b/components/date-picker/demo/cell-render.tsx @@ -1,5 +1,5 @@ -import { DatePicker, Space } from 'antd'; import React from 'react'; +import { DatePicker, Space } from 'antd'; const { RangePicker } = DatePicker; diff --git a/components/date-picker/demo/disabled-date.tsx b/components/date-picker/demo/disabled-date.tsx index 70b6da3657..2c083894ff 100644 --- a/components/date-picker/demo/disabled-date.tsx +++ b/components/date-picker/demo/disabled-date.tsx @@ -1,8 +1,8 @@ import React from 'react'; -import { DatePicker, Space } from 'antd'; -import type { RangePickerProps } from 'antd/es/date-picker'; import dayjs from 'dayjs'; import customParseFormat from 'dayjs/plugin/customParseFormat'; +import { DatePicker, Space } from 'antd'; +import type { RangePickerProps } from 'antd/es/date-picker'; dayjs.extend(customParseFormat); diff --git a/components/date-picker/demo/disabled.tsx b/components/date-picker/demo/disabled.tsx index a79853f1f1..5e38222ede 100644 --- a/components/date-picker/demo/disabled.tsx +++ b/components/date-picker/demo/disabled.tsx @@ -1,7 +1,7 @@ import React from 'react'; -import { DatePicker, Space } from 'antd'; import dayjs from 'dayjs'; import customParseFormat from 'dayjs/plugin/customParseFormat'; +import { DatePicker, Space } from 'antd'; dayjs.extend(customParseFormat); diff --git a/components/date-picker/demo/format.tsx b/components/date-picker/demo/format.tsx index db21bd61ad..ff37abed5f 100644 --- a/components/date-picker/demo/format.tsx +++ b/components/date-picker/demo/format.tsx @@ -1,8 +1,8 @@ import React from 'react'; -import type { DatePickerProps } from 'antd'; -import { DatePicker, Space } from 'antd'; import dayjs from 'dayjs'; import customParseFormat from 'dayjs/plugin/customParseFormat'; +import type { DatePickerProps } from 'antd'; +import { DatePicker, Space } from 'antd'; dayjs.extend(customParseFormat); diff --git a/components/date-picker/demo/mode.tsx b/components/date-picker/demo/mode.tsx index ed06922e78..4b64a5a853 100644 --- a/components/date-picker/demo/mode.tsx +++ b/components/date-picker/demo/mode.tsx @@ -1,8 +1,8 @@ import React, { useState } from 'react'; +import type { Dayjs } from 'dayjs'; import type { DatePickerProps } from 'antd'; import { DatePicker, Space } from 'antd'; import type { RangePickerProps } from 'antd/es/date-picker'; -import type { Dayjs } from 'dayjs'; const { RangePicker } = DatePicker; diff --git a/components/date-picker/demo/preset-ranges.tsx b/components/date-picker/demo/preset-ranges.tsx index 2b0b9a2152..f1b3a3a79a 100644 --- a/components/date-picker/demo/preset-ranges.tsx +++ b/components/date-picker/demo/preset-ranges.tsx @@ -1,7 +1,7 @@ import React from 'react'; -import { DatePicker, Space } from 'antd'; import dayjs from 'dayjs'; import type { Dayjs } from 'dayjs'; +import { DatePicker, Space } from 'antd'; const { RangePicker } = DatePicker; diff --git a/components/date-picker/demo/select-in-range.tsx b/components/date-picker/demo/select-in-range.tsx index b9494bb186..0222e1f22a 100644 --- a/components/date-picker/demo/select-in-range.tsx +++ b/components/date-picker/demo/select-in-range.tsx @@ -1,6 +1,6 @@ -import { DatePicker } from 'antd'; import type { Dayjs } from 'dayjs'; import React, { useState } from 'react'; +import { DatePicker } from 'antd'; const { RangePicker } = DatePicker; diff --git a/components/date-picker/demo/start-end.tsx b/components/date-picker/demo/start-end.tsx index 909c2a0d1f..78247e07f3 100644 --- a/components/date-picker/demo/start-end.tsx +++ b/components/date-picker/demo/start-end.tsx @@ -1,6 +1,6 @@ import React, { useState } from 'react'; -import { DatePicker, Space } from 'antd'; import type { Dayjs } from 'dayjs'; +import { DatePicker, Space } from 'antd'; const App: React.FC = () => { const [startValue, setStartValue] = useState(null); diff --git a/components/date-picker/demo/suffix.tsx b/components/date-picker/demo/suffix.tsx index bf759626f3..01c5d69ed5 100644 --- a/components/date-picker/demo/suffix.tsx +++ b/components/date-picker/demo/suffix.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { SmileOutlined } from '@ant-design/icons'; -import { DatePicker, Space } from 'antd'; import type { Dayjs } from 'dayjs'; +import { DatePicker, Space } from 'antd'; const smileIcon = ; const { RangePicker } = DatePicker; diff --git a/components/date-picker/design/demo/date-extra-info.tsx b/components/date-picker/design/demo/date-extra-info.tsx index e19d77a0ee..0bd37926e6 100644 --- a/components/date-picker/design/demo/date-extra-info.tsx +++ b/components/date-picker/design/demo/date-extra-info.tsx @@ -1,9 +1,9 @@ import type { FC } from 'react'; import React from 'react'; -import { DatePicker } from 'antd'; import type { Dayjs } from 'dayjs'; import { createStyles, css } from 'antd-style'; import classNames from 'classnames'; +import { DatePicker } from 'antd'; const { _InternalPanelDoNotUseOrYouWillBeFired: PureDatePicker } = DatePicker; diff --git a/components/date-picker/design/demo/preset-range.tsx b/components/date-picker/design/demo/preset-range.tsx index 1af93420be..fad946e0d5 100644 --- a/components/date-picker/design/demo/preset-range.tsx +++ b/components/date-picker/design/demo/preset-range.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import { DatePicker } from 'antd'; import dayjs from 'dayjs'; +import { DatePicker } from 'antd'; const { _InternalRangePanelDoNotUseOrYouWillBeFired: PureRangePicker } = DatePicker; diff --git a/components/date-picker/design/demo/preset-time.tsx b/components/date-picker/design/demo/preset-time.tsx index ae9d9917e7..4268aca279 100644 --- a/components/date-picker/design/demo/preset-time.tsx +++ b/components/date-picker/design/demo/preset-time.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import { DatePicker } from 'antd'; import dayjs from 'dayjs'; +import { DatePicker } from 'antd'; const { _InternalPanelDoNotUseOrYouWillBeFired: PureDatePicker } = DatePicker; diff --git a/components/descriptions/demo/component-token.tsx b/components/descriptions/demo/component-token.tsx index 4336ae1fd9..aba63e4e09 100644 --- a/components/descriptions/demo/component-token.tsx +++ b/components/descriptions/demo/component-token.tsx @@ -1,6 +1,6 @@ +import React, { useState } from 'react'; import type { RadioChangeEvent } from 'antd'; import { Button, ConfigProvider, Descriptions, Radio } from 'antd'; -import React, { useState } from 'react'; const App: React.FC = () => { const [size, setSize] = useState<'default' | 'middle' | 'small'>('default'); diff --git a/components/dropdown/demo/icon-debug.tsx b/components/dropdown/demo/icon-debug.tsx index d27d4eef91..5d41d75043 100644 --- a/components/dropdown/demo/icon-debug.tsx +++ b/components/dropdown/demo/icon-debug.tsx @@ -1,6 +1,6 @@ import { DownOutlined } from '@ant-design/icons'; -import { Dropdown, Space } from 'antd'; import React from 'react'; +import { Dropdown, Space } from 'antd'; const App: React.FC = () => ( diff --git a/components/float-button/demo/badge-debug.tsx b/components/float-button/demo/badge-debug.tsx index 8b17aa56c4..354995069c 100644 --- a/components/float-button/demo/badge-debug.tsx +++ b/components/float-button/demo/badge-debug.tsx @@ -1,6 +1,6 @@ +import React, { useState } from 'react'; import { ConfigProvider, FloatButton, Slider } from 'antd'; import type { AliasToken } from 'antd/es/theme/interface'; -import React, { useState } from 'react'; const App: React.FC = () => { const [radius, setRadius] = useState(0); diff --git a/components/float-button/demo/badge.tsx b/components/float-button/demo/badge.tsx index 63437d2746..5c6b4d60ef 100644 --- a/components/float-button/demo/badge.tsx +++ b/components/float-button/demo/badge.tsx @@ -1,6 +1,6 @@ import { QuestionCircleOutlined } from '@ant-design/icons'; -import { FloatButton } from 'antd'; import React from 'react'; +import { FloatButton } from 'antd'; const App: React.FC = () => ( <> diff --git a/components/float-button/demo/controlled.tsx b/components/float-button/demo/controlled.tsx index 7993acf7a9..90681b604b 100644 --- a/components/float-button/demo/controlled.tsx +++ b/components/float-button/demo/controlled.tsx @@ -1,6 +1,6 @@ import { CommentOutlined, CustomerServiceOutlined } from '@ant-design/icons'; -import { FloatButton, Switch } from 'antd'; import React, { useState } from 'react'; +import { FloatButton, Switch } from 'antd'; const App: React.FC = () => { const [open, setOpen] = useState(true); diff --git a/components/float-button/demo/description.tsx b/components/float-button/demo/description.tsx index 00b719b771..a0f8474049 100644 --- a/components/float-button/demo/description.tsx +++ b/components/float-button/demo/description.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import { FloatButton } from 'antd'; import { FileTextOutlined } from '@ant-design/icons'; +import { FloatButton } from 'antd'; const App: React.FC = () => ( <> diff --git a/components/float-button/demo/group-menu.tsx b/components/float-button/demo/group-menu.tsx index 0117f56b17..1804b11595 100644 --- a/components/float-button/demo/group-menu.tsx +++ b/components/float-button/demo/group-menu.tsx @@ -1,6 +1,6 @@ import { CommentOutlined, CustomerServiceOutlined } from '@ant-design/icons'; -import { FloatButton } from 'antd'; import React from 'react'; +import { FloatButton } from 'antd'; const App: React.FC = () => ( <> diff --git a/components/float-button/demo/group.tsx b/components/float-button/demo/group.tsx index 7b16979e46..60c8cd53e8 100644 --- a/components/float-button/demo/group.tsx +++ b/components/float-button/demo/group.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import { FloatButton } from 'antd'; import { QuestionCircleOutlined, SyncOutlined } from '@ant-design/icons'; +import { FloatButton } from 'antd'; const App: React.FC = () => ( <> diff --git a/components/float-button/demo/render-panel.tsx b/components/float-button/demo/render-panel.tsx index 84edf89ff8..175f425f49 100644 --- a/components/float-button/demo/render-panel.tsx +++ b/components/float-button/demo/render-panel.tsx @@ -1,6 +1,6 @@ import { CustomerServiceOutlined, QuestionCircleOutlined, SyncOutlined } from '@ant-design/icons'; -import { FloatButton } from 'antd'; import React from 'react'; +import { FloatButton } from 'antd'; /** Test usage. Do not use in your production. */ const { _InternalPanelDoNotUseOrYouWillBeFired: InternalFloatButton } = FloatButton; diff --git a/components/float-button/demo/shape.tsx b/components/float-button/demo/shape.tsx index 1eaac27a94..6fc6f725fd 100644 --- a/components/float-button/demo/shape.tsx +++ b/components/float-button/demo/shape.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import { FloatButton } from 'antd'; import { CustomerServiceOutlined } from '@ant-design/icons'; +import { FloatButton } from 'antd'; const App: React.FC = () => ( <> diff --git a/components/float-button/demo/type.tsx b/components/float-button/demo/type.tsx index 888c12e470..58f7292944 100644 --- a/components/float-button/demo/type.tsx +++ b/components/float-button/demo/type.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import { FloatButton } from 'antd'; import { QuestionCircleOutlined } from '@ant-design/icons'; +import { FloatButton } from 'antd'; const App: React.FC = () => ( <> diff --git a/components/form/__tests__/index.test.tsx b/components/form/__tests__/index.test.tsx index 977e018a50..4f434f47ed 100644 --- a/components/form/__tests__/index.test.tsx +++ b/components/form/__tests__/index.test.tsx @@ -1,8 +1,8 @@ -import type { ColProps } from 'antd/es/grid'; import classNames from 'classnames'; import type { ChangeEventHandler } from 'react'; import React, { version as ReactVersion, useEffect, useRef, useState } from 'react'; import scrollIntoView from 'scroll-into-view-if-needed'; +import type { ColProps } from 'antd/es/grid'; import type { FormInstance } from '..'; import Form from '..'; import mountTest from '../../../tests/shared/mountTest'; @@ -1583,7 +1583,7 @@ describe('Form', () => { it('item customize margin', async () => { const computeSpy = jest .spyOn(window, 'getComputedStyle') - .mockImplementation(() => ({ marginBottom: 24 } as unknown as CSSStyleDeclaration)); + .mockImplementation(() => ({ marginBottom: 24 }) as unknown as CSSStyleDeclaration); const { container } = render(

    diff --git a/components/form/demo/control-hooks.tsx b/components/form/demo/control-hooks.tsx index 1714216797..9dd36a8c94 100644 --- a/components/form/demo/control-hooks.tsx +++ b/components/form/demo/control-hooks.tsx @@ -1,5 +1,5 @@ -import { Button, Form, Input, Select } from 'antd'; import React from 'react'; +import { Button, Form, Input, Select } from 'antd'; const { Option } = Select; diff --git a/components/form/demo/disabled.tsx b/components/form/demo/disabled.tsx index 4bc045f309..d2373cfdd6 100644 --- a/components/form/demo/disabled.tsx +++ b/components/form/demo/disabled.tsx @@ -1,4 +1,5 @@ import { PlusOutlined } from '@ant-design/icons'; +import React, { useState } from 'react'; import { Button, Cascader, @@ -14,7 +15,6 @@ import { TreeSelect, Upload, } from 'antd'; -import React, { useState } from 'react'; const { RangePicker } = DatePicker; const { TextArea } = Input; diff --git a/components/form/demo/layout-can-wrap.tsx b/components/form/demo/layout-can-wrap.tsx index 1829995b3c..11d332ba3b 100644 --- a/components/form/demo/layout-can-wrap.tsx +++ b/components/form/demo/layout-can-wrap.tsx @@ -1,5 +1,5 @@ -import { Button, Form, Input } from 'antd'; import React from 'react'; +import { Button, Form, Input } from 'antd'; const App: React.FC = () => ( [0]['layout']; diff --git a/components/form/demo/register.tsx b/components/form/demo/register.tsx index f004b481ad..8279012e7d 100644 --- a/components/form/demo/register.tsx +++ b/components/form/demo/register.tsx @@ -1,3 +1,4 @@ +import React, { useState } from 'react'; import type { CascaderProps } from 'antd'; import { AutoComplete, @@ -11,7 +12,6 @@ import { Row, Select, } from 'antd'; -import React, { useState } from 'react'; const { Option } = Select; diff --git a/components/form/demo/validate-only.tsx b/components/form/demo/validate-only.tsx index b46e187a0c..d2ef117299 100644 --- a/components/form/demo/validate-only.tsx +++ b/components/form/demo/validate-only.tsx @@ -1,6 +1,6 @@ +import React from 'react'; import type { FormInstance } from 'antd'; import { Button, Form, Input, Space } from 'antd'; -import React from 'react'; const SubmitButton = ({ form }: { form: FormInstance }) => { const [submittable, setSubmittable] = React.useState(false); diff --git a/components/form/demo/validate-other.tsx b/components/form/demo/validate-other.tsx index 3ee2c1bc24..8798df0394 100644 --- a/components/form/demo/validate-other.tsx +++ b/components/form/demo/validate-other.tsx @@ -1,4 +1,5 @@ import { InboxOutlined, UploadOutlined } from '@ant-design/icons'; +import React from 'react'; import { Button, Checkbox, @@ -15,7 +16,6 @@ import { Switch, Upload, } from 'antd'; -import React from 'react'; const { Option } = Select; diff --git a/components/image/demo/component-token.tsx b/components/image/demo/component-token.tsx index b3430ca600..b2843ad368 100644 --- a/components/image/demo/component-token.tsx +++ b/components/image/demo/component-token.tsx @@ -1,5 +1,5 @@ -import { ConfigProvider, Image } from 'antd'; import React from 'react'; +import { ConfigProvider, Image } from 'antd'; const App: React.FC = () => ( ( ( ( ({ href: 'https://ant.design', diff --git a/components/list/demo/virtual-list.tsx b/components/list/demo/virtual-list.tsx index 0b6f94d2ff..7901c52fa9 100644 --- a/components/list/demo/virtual-list.tsx +++ b/components/list/demo/virtual-list.tsx @@ -1,6 +1,6 @@ import React, { useEffect, useState } from 'react'; -import { Avatar, List, message } from 'antd'; import VirtualList from 'rc-virtual-list'; +import { Avatar, List, message } from 'antd'; interface UserItem { email: string; diff --git a/components/mentions/demo/async.tsx b/components/mentions/demo/async.tsx index d62b26852b..8ebabc31bd 100644 --- a/components/mentions/demo/async.tsx +++ b/components/mentions/demo/async.tsx @@ -1,6 +1,6 @@ import React, { useCallback, useRef, useState } from 'react'; -import { Mentions } from 'antd'; import debounce from 'lodash/debounce'; +import { Mentions } from 'antd'; const App: React.FC = () => { const [loading, setLoading] = useState(false); diff --git a/components/mentions/demo/component-token.tsx b/components/mentions/demo/component-token.tsx index e0ea4cd2a7..c7c43e081c 100644 --- a/components/mentions/demo/component-token.tsx +++ b/components/mentions/demo/component-token.tsx @@ -1,5 +1,5 @@ -import { ConfigProvider, Mentions } from 'antd'; import React from 'react'; +import { ConfigProvider, Mentions } from 'antd'; const { _InternalPanelDoNotUseOrYouWillBeFired: InternalMentions } = Mentions; diff --git a/components/mentions/demo/form.tsx b/components/mentions/demo/form.tsx index 9ff5c17a33..273d6b191b 100644 --- a/components/mentions/demo/form.tsx +++ b/components/mentions/demo/form.tsx @@ -1,5 +1,5 @@ -import { Button, Form, Mentions, Space } from 'antd'; import React from 'react'; +import { Button, Form, Mentions, Space } from 'antd'; const { getMentions } = Mentions; diff --git a/components/menu/demo/component-token.tsx b/components/menu/demo/component-token.tsx index d887b8ea18..5cce0cf0d4 100644 --- a/components/menu/demo/component-token.tsx +++ b/components/menu/demo/component-token.tsx @@ -6,9 +6,9 @@ import { PieChartOutlined, SettingOutlined, } from '@ant-design/icons'; +import React, { useState } from 'react'; import type { MenuProps } from 'antd'; import { ConfigProvider, Menu, Space } from 'antd'; -import React, { useState } from 'react'; type MenuItem = Required['items'][number]; @@ -143,8 +143,8 @@ const App: React.FC = () => { ['items'][number]; diff --git a/components/menu/demo/submenu-theme.tsx b/components/menu/demo/submenu-theme.tsx index 023de507d2..c42c3afcd2 100644 --- a/components/menu/demo/submenu-theme.tsx +++ b/components/menu/demo/submenu-theme.tsx @@ -1,7 +1,7 @@ import { MailOutlined } from '@ant-design/icons'; +import React, { useState } from 'react'; import type { MenuProps, MenuTheme } from 'antd'; import { Menu, Switch } from 'antd'; -import React, { useState } from 'react'; type MenuItem = Required['items'][number]; diff --git a/components/message/demo/component-token.tsx b/components/message/demo/component-token.tsx index 9c6f85a698..97f6c0b3f8 100644 --- a/components/message/demo/component-token.tsx +++ b/components/message/demo/component-token.tsx @@ -1,5 +1,5 @@ -import { ConfigProvider, message } from 'antd'; import React from 'react'; +import { ConfigProvider, message } from 'antd'; /** Test usage. Do not use in your production. */ const { _InternalPanelDoNotUseOrYouWillBeFired: InternalPanel } = message; diff --git a/components/message/demo/info.tsx b/components/message/demo/info.tsx index b2b598503d..b5a27c08a6 100644 --- a/components/message/demo/info.tsx +++ b/components/message/demo/info.tsx @@ -1,5 +1,5 @@ -import { Button, message } from 'antd'; import React from 'react'; +import { Button, message } from 'antd'; const info = () => { message.info('This is a normal message'); diff --git a/components/modal/demo/custom-mouse-position.tsx b/components/modal/demo/custom-mouse-position.tsx index 277b9d9022..4d8d4ca396 100644 --- a/components/modal/demo/custom-mouse-position.tsx +++ b/components/modal/demo/custom-mouse-position.tsx @@ -1,5 +1,5 @@ -import { Button, Modal } from 'antd'; import React, { useState } from 'react'; +import { Button, Modal } from 'antd'; const App: React.FC = () => { const [isModalOpen, setIsModalOpen] = useState(false); diff --git a/components/modal/demo/dark.tsx b/components/modal/demo/dark.tsx index 837b4864cd..ea21be6764 100644 --- a/components/modal/demo/dark.tsx +++ b/components/modal/demo/dark.tsx @@ -1,5 +1,9 @@ // @ts-nocheck import React, { useState } from 'react'; +import difference from 'lodash/difference'; +import { DownOutlined, ClockCircleOutlined } from '@ant-design/icons'; +import dayjs from 'dayjs'; +import customParseFormat from 'dayjs/plugin/customParseFormat'; import { Modal, DatePicker, @@ -19,10 +23,6 @@ import { Typography, Dropdown, } from 'antd'; -import difference from 'lodash/difference'; -import { DownOutlined, ClockCircleOutlined } from '@ant-design/icons'; -import dayjs from 'dayjs'; -import customParseFormat from 'dayjs/plugin/customParseFormat'; dayjs.extend(customParseFormat); diff --git a/components/modal/demo/locale.tsx b/components/modal/demo/locale.tsx index 898c648dee..fe1adc9ecc 100644 --- a/components/modal/demo/locale.tsx +++ b/components/modal/demo/locale.tsx @@ -1,6 +1,6 @@ import { ExclamationCircleOutlined } from '@ant-design/icons'; -import { Button, Modal, Space } from 'antd'; import React, { useState } from 'react'; +import { Button, Modal, Space } from 'antd'; const LocalizedModal = () => { const [open, setOpen] = useState(false); diff --git a/components/modal/demo/manual.tsx b/components/modal/demo/manual.tsx index c2634309f8..2099d766d2 100644 --- a/components/modal/demo/manual.tsx +++ b/components/modal/demo/manual.tsx @@ -1,5 +1,5 @@ -import { Button, Modal } from 'antd'; import React from 'react'; +import { Button, Modal } from 'antd'; const App: React.FC = () => { const [modal, contextHolder] = Modal.useModal(); diff --git a/components/modal/demo/modal-render.tsx b/components/modal/demo/modal-render.tsx index 60725675c8..a19cf6b2e2 100644 --- a/components/modal/demo/modal-render.tsx +++ b/components/modal/demo/modal-render.tsx @@ -1,7 +1,7 @@ -import { Button, Modal } from 'antd'; import React, { useRef, useState } from 'react'; import type { DraggableData, DraggableEvent } from 'react-draggable'; import Draggable from 'react-draggable'; +import { Button, Modal } from 'antd'; const App: React.FC = () => { const [open, setOpen] = useState(false); diff --git a/components/notification/demo/hooks.tsx b/components/notification/demo/hooks.tsx index 3ca8c22e5f..ff3e40818b 100644 --- a/components/notification/demo/hooks.tsx +++ b/components/notification/demo/hooks.tsx @@ -4,9 +4,9 @@ import { RadiusUpleftOutlined, RadiusUprightOutlined, } from '@ant-design/icons'; +import React, { useMemo } from 'react'; import { Button, Divider, Space, notification } from 'antd'; import type { NotificationPlacement } from 'antd/es/notification/interface'; -import React, { useMemo } from 'react'; const Context = React.createContext({ name: 'Default' }); diff --git a/components/pagination/demo/component-token.tsx b/components/pagination/demo/component-token.tsx index 588e8df53f..d2827b6ad0 100644 --- a/components/pagination/demo/component-token.tsx +++ b/components/pagination/demo/component-token.tsx @@ -1,6 +1,6 @@ +import React from 'react'; import type { PaginationProps } from 'antd'; import { ConfigProvider, Pagination } from 'antd'; -import React from 'react'; const itemRender: PaginationProps['itemRender'] = (_, type, originalElement) => { if (type === 'prev') { diff --git a/components/popconfirm/demo/basic.tsx b/components/popconfirm/demo/basic.tsx index 510e489713..8c7650c2b3 100644 --- a/components/popconfirm/demo/basic.tsx +++ b/components/popconfirm/demo/basic.tsx @@ -1,5 +1,5 @@ -import { Button, message, Popconfirm } from 'antd'; import React from 'react'; +import { Button, message, Popconfirm } from 'antd'; const confirm = (e: React.MouseEvent) => { console.log(e); diff --git a/components/popconfirm/demo/dynamic-trigger.tsx b/components/popconfirm/demo/dynamic-trigger.tsx index 9ff2272650..23d779401e 100644 --- a/components/popconfirm/demo/dynamic-trigger.tsx +++ b/components/popconfirm/demo/dynamic-trigger.tsx @@ -1,5 +1,5 @@ -import { Button, message, Popconfirm, Switch } from 'antd'; import React, { useState } from 'react'; +import { Button, message, Popconfirm, Switch } from 'antd'; const App: React.FC = () => { const [open, setOpen] = useState(false); diff --git a/components/popconfirm/demo/icon.tsx b/components/popconfirm/demo/icon.tsx index 465e4f47bd..8dc8c88a26 100644 --- a/components/popconfirm/demo/icon.tsx +++ b/components/popconfirm/demo/icon.tsx @@ -1,6 +1,6 @@ import { QuestionCircleOutlined } from '@ant-design/icons'; -import { Button, Popconfirm } from 'antd'; import React from 'react'; +import { Button, Popconfirm } from 'antd'; const App: React.FC = () => ( ( diff --git a/components/popover/demo/component-token.tsx b/components/popover/demo/component-token.tsx index 6031b69d7d..ab418e0f02 100644 --- a/components/popover/demo/component-token.tsx +++ b/components/popover/demo/component-token.tsx @@ -1,5 +1,5 @@ -import { ConfigProvider, Popover } from 'antd'; import React from 'react'; +import { ConfigProvider, Popover } from 'antd'; const { _InternalPanelDoNotUseOrYouWillBeFired: InternalPopover } = Popover; diff --git a/components/popover/demo/placement.tsx b/components/popover/demo/placement.tsx index b0f6bda8df..16857196fe 100644 --- a/components/popover/demo/placement.tsx +++ b/components/popover/demo/placement.tsx @@ -1,5 +1,5 @@ -import { Button, Popover } from 'antd'; import React from 'react'; +import { Button, Popover } from 'antd'; const text = Title; diff --git a/components/popover/demo/triggerType.tsx b/components/popover/demo/triggerType.tsx index 49fe5a6ce9..1c21f8f938 100644 --- a/components/popover/demo/triggerType.tsx +++ b/components/popover/demo/triggerType.tsx @@ -1,5 +1,5 @@ -import { Button, Popover, Space } from 'antd'; import React from 'react'; +import { Button, Popover, Space } from 'antd'; const content = (
    diff --git a/components/progress/__tests__/index.test.tsx b/components/progress/__tests__/index.test.tsx index 9b5984f752..6e39797643 100644 --- a/components/progress/__tests__/index.test.tsx +++ b/components/progress/__tests__/index.test.tsx @@ -1,5 +1,5 @@ -import { Tooltip } from 'antd'; import React, { useState } from 'react'; +import { Tooltip } from 'antd'; import type { ProgressProps } from '..'; import Progress from '..'; import mountTest from '../../../tests/shared/mountTest'; diff --git a/components/progress/demo/size.tsx b/components/progress/demo/size.tsx index 21554ed94f..169595ea52 100644 --- a/components/progress/demo/size.tsx +++ b/components/progress/demo/size.tsx @@ -1,5 +1,5 @@ -import { Progress, Space } from 'antd'; import React from 'react'; +import { Progress, Space } from 'antd'; const App: React.FC = () => ( <> diff --git a/components/progress/demo/steps.tsx b/components/progress/demo/steps.tsx index 490f766d42..3bea86b70d 100644 --- a/components/progress/demo/steps.tsx +++ b/components/progress/demo/steps.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import { Progress } from 'antd'; import { red, green } from '@ant-design/colors'; +import { Progress } from 'antd'; const App: React.FC = () => ( <> diff --git a/components/qr-code/demo/base.tsx b/components/qr-code/demo/base.tsx index 5d175758fd..f2734b5de3 100644 --- a/components/qr-code/demo/base.tsx +++ b/components/qr-code/demo/base.tsx @@ -1,5 +1,5 @@ -import { Input, QRCode, Space } from 'antd'; import React from 'react'; +import { Input, QRCode, Space } from 'antd'; const App: React.FC = () => { const [text, setText] = React.useState('https://ant.design/'); diff --git a/components/qr-code/demo/customColor.tsx b/components/qr-code/demo/customColor.tsx index f99205b4a2..85dd46e3fe 100644 --- a/components/qr-code/demo/customColor.tsx +++ b/components/qr-code/demo/customColor.tsx @@ -1,5 +1,5 @@ -import { QRCode, Space, theme } from 'antd'; import React from 'react'; +import { QRCode, Space, theme } from 'antd'; const { useToken } = theme; diff --git a/components/qr-code/demo/download.tsx b/components/qr-code/demo/download.tsx index 66b8f6d9f8..c860ca6e6f 100644 --- a/components/qr-code/demo/download.tsx +++ b/components/qr-code/demo/download.tsx @@ -1,5 +1,5 @@ -import { Button, QRCode } from 'antd'; import React from 'react'; +import { Button, QRCode } from 'antd'; const downloadQRCode = () => { const canvas = document.getElementById('myqrcode')?.querySelector('canvas'); diff --git a/components/qr-code/demo/type.tsx b/components/qr-code/demo/type.tsx index e45c6821e5..f3c225805d 100644 --- a/components/qr-code/demo/type.tsx +++ b/components/qr-code/demo/type.tsx @@ -1,5 +1,5 @@ -import { QRCode, Space } from 'antd'; import React from 'react'; +import { QRCode, Space } from 'antd'; const App: React.FC = () => ( diff --git a/components/radio/demo/component-token.tsx b/components/radio/demo/component-token.tsx index 6420fb05d5..0edca7d132 100644 --- a/components/radio/demo/component-token.tsx +++ b/components/radio/demo/component-token.tsx @@ -1,5 +1,5 @@ -import { ConfigProvider, Radio, Space } from 'antd'; import React from 'react'; +import { ConfigProvider, Radio, Space } from 'antd'; const App: React.FC = () => ( ( diff --git a/components/segmented/demo/componentToken.tsx b/components/segmented/demo/componentToken.tsx index 67bfee457b..40d9a24750 100644 --- a/components/segmented/demo/componentToken.tsx +++ b/components/segmented/demo/componentToken.tsx @@ -1,5 +1,5 @@ -import { ConfigProvider, Segmented } from 'antd'; import React from 'react'; +import { ConfigProvider, Segmented } from 'antd'; export default () => ( ( diff --git a/components/segmented/demo/icon-only.tsx b/components/segmented/demo/icon-only.tsx index c08976d92c..41620774d6 100644 --- a/components/segmented/demo/icon-only.tsx +++ b/components/segmented/demo/icon-only.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import { Segmented } from 'antd'; import { AppstoreOutlined, BarsOutlined } from '@ant-design/icons'; +import { Segmented } from 'antd'; export default () => ( ( ( diff --git a/components/select/demo/custom-tag-render.tsx b/components/select/demo/custom-tag-render.tsx index 93f6761c11..b9b680fb98 100644 --- a/components/select/demo/custom-tag-render.tsx +++ b/components/select/demo/custom-tag-render.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import { Select, Tag } from 'antd'; import type { CustomTagProps } from 'rc-select/lib/BaseSelect'; +import { Select, Tag } from 'antd'; const options = [{ value: 'gold' }, { value: 'lime' }, { value: 'green' }, { value: 'cyan' }]; diff --git a/components/select/demo/debug-flip-shift.tsx b/components/select/demo/debug-flip-shift.tsx index a6ce139514..376df5550a 100644 --- a/components/select/demo/debug-flip-shift.tsx +++ b/components/select/demo/debug-flip-shift.tsx @@ -1,5 +1,5 @@ -import { Select } from 'antd'; import React from 'react'; +import { Select } from 'antd'; const App: React.FC = () => (