change lib to es

AccountCenter/src/Center.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .avatarHolder {
   margin-bottom: 24px;

AccountCenter/src/components/Applications/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .filterCardList {
   margin-bottom: -24px;

AccountCenter/src/components/ArticleListContent/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .listContent {
   .description {

AccountCenter/src/components/Articles/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .articleList {
   :global {

AccountCenter/src/components/AvatarList/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .avatarList {
   display: inline-block;

AccountCenter/src/components/Projects/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .coverCardList {
   margin-bottom: -24px;

AccountSettings/src/components/BaseView.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .baseView {
   display: flex;

AccountSettings/src/components/GeographicView.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .row {
   .item {

AccountSettings/src/components/PhoneView.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .area_code {
   width: 30%;

AccountSettings/src/components/base.tsx

 import React, { Component, Fragment } from 'react';
 import { formatMessage, FormattedMessage } from 'umi-plugin-react/locale';
 import { Form, Input, Upload, Select, Button, message } from 'antd';
-import { FormComponentProps } from 'antd/lib/form';
+import { FormComponentProps } from 'antd/es/form';
 import { connect } from 'dva';
 import styles from './BaseView.less';
 import GeographicView from './GeographicView';

AccountSettings/src/style.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .main {
   display: flex;

DashboardAnalysis/src/components/Charts/ChartCard/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .chartCard {
   position: relative;

DashboardAnalysis/src/components/Charts/ChartCard/index.tsx

 import React from 'react';
 import { Card } from 'antd';
 import classNames from 'classnames';
-import { CardProps } from 'antd/lib/card';
+import { CardProps } from 'antd/es/card';
 
 import styles from './index.less';
 

DashboardAnalysis/src/components/Charts/Field/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .field {
   margin: 0;

DashboardAnalysis/src/components/Charts/MiniProgress/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .miniProgress {
   position: relative;

DashboardAnalysis/src/components/Charts/Pie/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .pie {
   position: relative;

DashboardAnalysis/src/components/Charts/TimelineChart/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .timelineChart {
   background: @component-background;

DashboardAnalysis/src/components/Charts/WaterWave/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .waterWave {
   position: relative;

DashboardAnalysis/src/components/NumberInfo/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .numberInfo {
   .suffix {

DashboardAnalysis/src/components/ProportionSales.tsx

@@ -4,7 +4,7 @@ import Charts from './Charts';
 import { FormattedMessage } from 'umi-plugin-react/locale';
 import styles from '../style.less';
 import Yuan from '../utils/Yuan';
-import { RadioChangeEvent } from 'antd/lib/radio';
+import { RadioChangeEvent } from 'antd/es/radio';
 import { ISalesData } from '../data';
 
 const { Pie } = Charts;

DashboardAnalysis/src/components/SalesCard.tsx

@@ -3,7 +3,7 @@ import { Row, Col, Card, Tabs, DatePicker } from 'antd';
 import { FormattedMessage, formatMessage } from 'umi-plugin-react/locale';
 import numeral from 'numeral';
 import Charts from './Charts';
-import { RangePickerValue } from 'antd/lib/date-picker/interface';
+import { RangePickerValue } from 'antd/es/date-picker/interface';
 import { ISalesData } from '../data';
 import styles from '../style.less';
 

DashboardAnalysis/src/components/Trend/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .trendItem {
   display: inline-block;

DashboardAnalysis/src/index.tsx

 import React, { Component, Suspense } from 'react';
 import { connect } from 'dva';
 import { Row, Col, Icon, Menu, Dropdown } from 'antd';
-import { RangePickerValue } from 'antd/lib/date-picker/interface';
+import { RangePickerValue } from 'antd/es/date-picker/interface';
 import { getTimeDistance } from './utils/utils';
 import styles from './style.less';
 import PageLoading from './components/PageLoading';
 import { Dispatch } from 'redux';
 import { IAnalysisData } from './data.d';
-import { RadioChangeEvent } from 'antd/lib/radio';
+import { RadioChangeEvent } from 'antd/es/radio';
 import { GridContent } from '@ant-design/pro-layout';
 
 const IntroduceRow = React.lazy(() => import('./components/IntroduceRow'));

DashboardAnalysis/src/style.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .iconGroup {
   i {

DashboardAnalysis/src/utils/utils.ts

 import moment from 'moment';
-import { RangePickerValue } from 'antd/lib/date-picker/interface';
+import { RangePickerValue } from 'antd/es/date-picker/interface';
 
 export function fixedZero(val: number) {
   return val * 1 < 10 ? `0${val}` : val;

DashboardMonitor/src/components/Charts/Pie/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .pie {
   position: relative;

DashboardMonitor/src/components/Charts/WaterWave/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .waterWave {
   position: relative;

DashboardMonitor/src/style.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .mapChart {
   height: 452px;

DashboardWorkplace/src/components/EditableLinkGroup/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .linkGroup {
   padding: 20px 0 8px 24px;

DashboardWorkplace/src/components/Radar/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .radar {
   .legend {

DashboardWorkplace/src/style.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .textOverflow() {
   overflow: hidden;

EditorFlow/src/components/EditorDetailPanel/DetailForm.tsx

 import React, { Fragment } from 'react';
 import { Card, Form, Input, Select } from 'antd';
 import { withPropsAPI } from 'gg-editor';
-import { FormComponentProps } from 'antd/lib/form';
+import { FormComponentProps } from 'antd/es/form';
 
 const upperFirst = (str: string) => {
   return str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());

EditorKoni/src/components/EditorDetailPanel/DetailForm.tsx

 import React, { Fragment } from 'react';
 import { Card, Form, Input, Select } from 'antd';
 import { withPropsAPI } from 'gg-editor';
-import { FormComponentProps } from 'antd/lib/form';
+import { FormComponentProps } from 'antd/es/form';
 
 const upperFirst = (str: string) => {
   return str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());

EditorKoni/src/components/PageHeaderWrapper/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .children-content {
   margin: 24px 24px 0;

EditorKoni/src/components/PageHeaderWrapper/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { RouteContext, GridContent } from '@ant-design/pro-layout';
 import { PageHeader, Tabs, Typography } from 'antd';
 import styles from './index.less';
-import { TabsProps } from 'antd/lib/tabs';
+import { TabsProps } from 'antd/es/tabs';
 interface IPageHeaderTabConfig {
   tabList?: Array<{
     key: string;

EditorMind/src/components/EditorDetailPanel/DetailForm.tsx

 import React, { Fragment } from 'react';
 import { Card, Form, Input, Select } from 'antd';
 import { withPropsAPI } from 'gg-editor';
-import { FormComponentProps } from 'antd/lib/form';
+import { FormComponentProps } from 'antd/es/form';
 
 const upperFirst = (str: string) => {
   return str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());

EditorMind/src/components/PageHeaderWrapper/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .children-content {
   margin: 24px 24px 0;

EditorMind/src/components/PageHeaderWrapper/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { RouteContext, GridContent } from '@ant-design/pro-layout';
 import { PageHeader, Tabs, Typography } from 'antd';
 import styles from './index.less';
-import { TabsProps } from 'antd/lib/tabs';
+import { TabsProps } from 'antd/es/tabs';
 interface IPageHeaderTabConfig {
   tabList?: Array<{
     key: string;

Exception403/src/components/Exception/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .exception {
   display: flex;

Exception404/src/components/Exception/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .exception {
   display: flex;

Exception500/src/components/Exception/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .exception {
   display: flex;

FormAdvancedForm/src/components/FooterToolbar/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .toolbar {
   position: fixed;

FormAdvancedForm/src/index.tsx

@@ -15,7 +15,7 @@ import {
 import { connect } from 'dva';
 import TableForm from './components/TableForm';
 import styles from './style.less';
-import { FormComponentProps } from 'antd/lib/form';
+import { FormComponentProps } from 'antd/es/form';
 import { Dispatch } from 'redux';
 import FooterToolbar from './components/FooterToolbar';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';

FormAdvancedForm/src/style.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .card {
   margin-bottom: 24px;

FormBasicForm/src/components/PageHeaderWrapper/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .content {
   margin: 24px 24px 0;

FormBasicForm/src/index.tsx

@@ -15,7 +15,7 @@ import {
 } from 'antd';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import styles from './style.less';
-import { FormComponentProps } from 'antd/lib/form';
+import { FormComponentProps } from 'antd/es/form';
 import { Dispatch } from 'redux';
 
 const FormItem = Form.Item;

FormBasicForm/src/style.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .card {
   margin-bottom: 24px;

FormStepForm/src/components/PageHeaderWrapper/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .children-content {
   margin: 24px 24px 0;

FormStepForm/src/components/Result/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .result {
   width: 72%;

FormStepForm/src/components/Step1/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .stepForm {
   max-width: 500px;

FormStepForm/src/components/Step1/index.tsx

@@ -2,7 +2,7 @@ import React, { Fragment } from 'react';
 import { connect } from 'dva';
 import { Form, Input, Button, Select, Divider } from 'antd';
 import styles from './index.less';
-import { FormComponentProps } from 'antd/lib/form';
+import { FormComponentProps } from 'antd/es/form';
 import { IStateType } from '../../model';
 import { Dispatch } from 'redux';
 

FormStepForm/src/components/Step2/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .stepForm {
   max-width: 500px;

FormStepForm/src/components/Step2/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { connect } from 'dva';
 import { Form, Input, Button, Alert, Divider, Statistic } from 'antd';
 import styles from './index.less';
-import { FormComponentProps } from 'antd/lib/form';
+import { FormComponentProps } from 'antd/es/form';
 import { IStateType } from '../../model';
 import { Dispatch } from 'redux';
 

FormStepForm/src/components/Step3/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .stepForm {
   max-width: 500px;

FormStepForm/src/style.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .card {
   margin-bottom: 24px;

ListBasicList/src/Result/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .result {
   width: 72%;

ListBasicList/src/index.tsx

@@ -20,7 +20,7 @@ import {
   DatePicker,
   Select,
 } from 'antd';
-import { FormComponentProps } from 'antd/lib/form';
+import { FormComponentProps } from 'antd/es/form';
 import { IStateType } from './model';
 import { Dispatch } from 'redux';
 import { BasicListItemDataType } from './data';

ListBasicList/src/style.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 @import './utils/utils.less';
 
 .standardList {

ListCardList/src/components/PageHeaderWrapper/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .children-content {
   margin: 24px 24px 0;

ListCardList/src/style.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 @import './utils/utils.less';
 
 .cardList {

ListSearch/src/components/PageHeaderWrapper/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .children-content {
   margin: 24px 24px 0;

ListSearch/src/components/PageHeaderWrapper/index.tsx

@@ -3,7 +3,7 @@ import { RouteContext } from '@ant-design/pro-layout';
 import { PageHeader, Tabs, Typography } from 'antd';
 import styles from './index.less';
 import { GridContent } from '@ant-design/pro-layout';
-import { TabsProps } from 'antd/lib/tabs';
+import { TabsProps } from 'antd/es/tabs';
 interface IPageHeaderTabConfig {
   tabList?: Array<{
     key: string;

ListSearchApplications/src/components/PageHeaderWrapper/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .children-content {
   margin: 24px 24px 0;

ListSearchApplications/src/components/StandardFormRow/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .standardFormRow {
   display: flex;

ListSearchApplications/src/components/TagSelect/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .tagSelect {
   position: relative;

ListSearchApplications/src/index.tsx

@@ -7,7 +7,7 @@ import StandardFormRow from './components/StandardFormRow';
 import styles from './style.less';
 import { IStateType } from './model';
 import { Dispatch } from 'redux';
-import { FormComponentProps } from 'antd/lib/form';
+import { FormComponentProps } from 'antd/es/form';
 import { ListItemDataType } from './data';
 
 const { Option } = Select;

ListSearchApplications/src/style.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .filterCardList {
   margin-bottom: -24px;

ListSearchArticles/src/components/ArticleListContent/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .listContent {
   .description {

ListSearchArticles/src/components/StandardFormRow/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .standardFormRow {
   display: flex;

ListSearchArticles/src/components/TagSelect/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .tagSelect {
   position: relative;

ListSearchArticles/src/index.tsx

@@ -7,7 +7,7 @@ import StandardFormRow from './components/StandardFormRow';
 import ArticleListContent from './components/ArticleListContent';
 import styles from './style.less';
 import { Dispatch } from 'redux';
-import { FormComponentProps } from 'antd/lib/form';
+import { FormComponentProps } from 'antd/es/form';
 import { ListItemDataType } from './data';
 import { IStateType } from './model';
 

ListSearchArticles/src/style.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 a.listItemMetaTitle {
   color: @heading-color;

ListSearchProjects/src/components/AvatarList/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .avatarList {
   display: inline-block;

ListSearchProjects/src/components/StandardFormRow/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .standardFormRow {
   display: flex;

ListSearchProjects/src/components/TagSelect/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .tagSelect {
   position: relative;

ListSearchProjects/src/index.tsx

@@ -8,7 +8,7 @@ import AvatarList from './components/AvatarList';
 import styles from './style.less';
 import { IStateType } from './model';
 import { Dispatch } from 'redux';
-import { FormComponentProps } from 'antd/lib/form';
+import { FormComponentProps } from 'antd/es/form';
 import { ListItemDataType } from './data';
 const { Option } = Select;
 const FormItem = Form.Item;

ListSearchProjects/src/style.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 @import './utils/utils.less';
 
 .coverCardList {

ListTableList/src/components/CreateForm.tsx

 import React from 'react';
 import { Input, Modal, Form } from 'antd';
-import { FormComponentProps } from 'antd/lib/form';
+import { FormComponentProps } from 'antd/es/form';
 
 const FormItem = Form.Item;
 

ListTableList/src/components/StandardTable/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .standardTable {
   :global {

ListTableList/src/components/StandardTable/index.tsx

 import React, { Component, Fragment } from 'react';
 import { Table, Alert } from 'antd';
-import { TableProps, ColumnProps, SorterResult } from 'antd/lib/table';
+import { TableProps, ColumnProps, SorterResult } from 'antd/es/table';
 import styles from './index.less';
 import { TableListItem } from '../../data';
 

ListTableList/src/components/UpdateForm.tsx

 import React, { Component } from 'react';
 import { Input, Select, Button, DatePicker, Form, Modal, Steps, Radio } from 'antd';
 import { TableListItem } from '../data';
-import { FormComponentProps } from 'antd/lib/form';
+import { FormComponentProps } from 'antd/es/form';
 
 export type IFormValsType = {
   target?: string;

ListTableList/src/index.tsx

@@ -18,8 +18,8 @@ import {
   Badge,
   Divider,
 } from 'antd';
-import { FormComponentProps } from 'antd/lib/form';
-import { SorterResult } from 'antd/lib/table';
+import { FormComponentProps } from 'antd/es/form';
+import { SorterResult } from 'antd/es/table';
 import StandardTable, { StandardTableColumnProps } from './components/StandardTable';
 import { TableListItem, TableListParams, TableListPagination } from './data';
 import { Dispatch } from 'redux';

ListTableList/src/style.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 @import './utils/utils.less';
 
 .tableList {

ProfileAdvanced/src/DescriptionList/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .descriptionList {
   // offset the padding-bottom of last row

ProfileAdvanced/src/index.tsx

@@ -20,7 +20,7 @@ import {
   Typography,
   Tabs,
 } from 'antd';
-import { TabsProps } from 'antd/lib/tabs';
+import { TabsProps } from 'antd/es/tabs';
 import classNames from 'classnames';
 import DescriptionList from './DescriptionList';
 import styles from './style.less';

ProfileAdvanced/src/style.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .headerList {
   margin-bottom: 4px;

ProfileBasic/src/components/DescriptionList/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .descriptionList {
   // offset the padding-bottom of last row

ProfileBasic/src/components/PageHeaderWrapper/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .content {
   margin: 24px 24px 0;

ProfileBasic/src/style.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .title {
   margin-bottom: 16px;

ResultFail/src/Result/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .result {
   width: 72%;

ResultFail/src/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .error_icon {
   color: @highlight-color;

ResultSuccess/src/Result/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .result {
   width: 72%;

ResultSuccess/src/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .title {
   position: relative;

UserLogin/src/components/Login/LoginItem.tsx

@@ -4,7 +4,7 @@ import omit from 'omit.js';
 import styles from './index.less';
 import ItemMap from './map';
 import LoginContext, { ILoginContext } from './LoginContext';
-import { FormComponentProps } from 'antd/lib/form';
+import { FormComponentProps } from 'antd/es/form';
 
 type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 

UserLogin/src/components/Login/LoginSubmit.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import classNames from 'classnames';
 import { Button, Form } from 'antd';
 import styles from './index.less';
-import { ButtonProps } from 'antd/lib/button';
+import { ButtonProps } from 'antd/es/button';
 const FormItem = Form.Item;
 
 interface LoginSubmitProps extends ButtonProps {

UserLogin/src/components/Login/LoginTab.tsx

 import React, { Component } from 'react';
 import { Tabs } from 'antd';
-import { TabPaneProps } from 'antd/lib/tabs';
+import { TabPaneProps } from 'antd/es/tabs';
 import LoginContext, { ILoginContext } from './LoginContext';
 
 const { TabPane } = Tabs;

UserLogin/src/components/Login/index.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .login {
   :global {

UserLogin/src/components/Login/index.tsx

@@ -5,7 +5,7 @@ import LoginItem, { LoginItemType, LoginItemProps } from './LoginItem';
 import LoginTab from './LoginTab';
 import styles from './index.less';
 import LoginContext, { ILoginContext } from './LoginContext';
-import { FormComponentProps } from 'antd/lib/form';
+import { FormComponentProps } from 'antd/es/form';
 import LoginSubmit from './LoginSubmit';
 
 export interface LoginProps {

UserLogin/src/index.tsx

@@ -7,8 +7,8 @@ import LoginComponents from './components/Login';
 import styles from './style.less';
 import { Dispatch } from 'redux';
 import { IStateType } from './model';
-import { FormComponentProps } from 'antd/lib/form';
-import { CheckboxChangeEvent } from 'antd/lib/checkbox';
+import { FormComponentProps } from 'antd/es/form';
+import { CheckboxChangeEvent } from 'antd/es/checkbox';
 
 const { Tab, UserName, Password, Mobile, Captcha, Submit } = LoginComponents;
 

UserLogin/src/style.less

-@import '~antd/lib/style/themes/default.less';
+@import '~antd/es/style/themes/default.less';
 
 .main {
   width: 368px;