diff --git a/package.json b/package.json
index bd8116f15d..f0605acb11 100644
--- a/package.json
+++ b/package.json
@@ -71,7 +71,8 @@
     "commitmsg": "commitlint -E GIT_PARAMS",
     "precommit": "lint-staged",
     "changelog": "node ./scripts/changelog.js",
-    "prepub": "npm run tslint && npm run eslint && npm run stylelint && npm run changelog && npm run build && npm run tslint && npm run check &&  npm run docs && npm run clear-dist && npm run pack && npm run pack -- minimize && npm run pack-adaptor"
+    "mix": "node ./scripts/mix.js",
+    "prepub": "npm run tslint && npm run eslint && npm run stylelint && npm run changelog && npm run build && npm run tslint && npm run check && npm run docs && npm run clear-dist && npm run pack && npm run pack -- minimize && npm run pack-adaptor"
   },
   "lint-staged": {
     "types/**/*.d.ts": [
@@ -215,6 +216,7 @@
     "whatwg-fetch": "^2.0.3"
   },
   "peerDependencies": {
+    "@alifd/meet-react": "^1.0.0",
     "moment": "^2.22.1",
     "react": "^16.0.0",
     "react-dom": "^16.0.0"
diff --git a/scripts/mix.js b/scripts/mix.js
new file mode 100644
index 0000000000..253bd15aab
--- /dev/null
+++ b/scripts/mix.js
@@ -0,0 +1,27 @@
+const fs = require('fs-extra');
+const path = require('path');
+const glob = require('glob');
+
+// 应该只会用一次，批量生成 mobile 目录及其引用
+const cwd = process.cwd();
+const { getComponentName } = require('./utils');
+
+const componentPaths = glob.sync(path.join(cwd, 'src', '*'));
+
+componentPaths.forEach(comPath => {
+    const dashName = path.basename(comPath);
+    const upperName = getComponentName(path.basename(comPath));
+    if (['demo-helper', 'core', 'index.js'].indexOf(dashName) > -1) {
+        return;
+    }
+
+    const srcBasePath = path.join(cwd, 'src', dashName);
+    const mobileContent = `import { ${upperName} as Meet${upperName} } from "@alifd/meet-react";
+import Next${upperName} from "../index";
+
+const ${upperName} = Meet${upperName} ? Meet${upperName} : Next${upperName};
+
+export default ${upperName};
+    `;
+    fs.outputFileSync(path.join(srcBasePath, 'mobile/index.jsx'), mobileContent);
+});
diff --git a/src/affix/mobile/index.jsx b/src/affix/mobile/index.jsx
new file mode 100644
index 0000000000..057046fd55
--- /dev/null
+++ b/src/affix/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Affix as MeetAffix } from '@alifd/meet-react';
+import NextAffix from '../index';
+
+const Affix = MeetAffix ? MeetAffix : NextAffix;
+
+export default Affix;
diff --git a/src/animate/mobile/index.jsx b/src/animate/mobile/index.jsx
new file mode 100644
index 0000000000..b1550c5d77
--- /dev/null
+++ b/src/animate/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Animate as MeetAnimate } from '@alifd/meet-react';
+import NextAnimate from '../index';
+
+const Animate = MeetAnimate ? MeetAnimate : NextAnimate;
+
+export default Animate;
diff --git a/src/avatar/mobile/index.jsx b/src/avatar/mobile/index.jsx
new file mode 100644
index 0000000000..56472d2cd1
--- /dev/null
+++ b/src/avatar/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Avatar as MeetAvatar } from '@alifd/meet-react';
+import NextAvatar from '../index';
+
+const Avatar = MeetAvatar ? MeetAvatar : NextAvatar;
+
+export default Avatar;
diff --git a/src/badge/mobile/index.jsx b/src/badge/mobile/index.jsx
new file mode 100644
index 0000000000..565f1c23b7
--- /dev/null
+++ b/src/badge/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Badge as MeetBadge } from '@alifd/meet-react';
+import NextBadge from '../index';
+
+const Badge = MeetBadge ? MeetBadge : NextBadge;
+
+export default Badge;
diff --git a/src/balloon/mobile/index.jsx b/src/balloon/mobile/index.jsx
new file mode 100644
index 0000000000..4bee41511f
--- /dev/null
+++ b/src/balloon/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Balloon as MeetBalloon } from '@alifd/meet-react';
+import NextBalloon from '../index';
+
+const Balloon = MeetBalloon ? MeetBalloon : NextBalloon;
+
+export default Balloon;
diff --git a/src/box/mobile/index.jsx b/src/box/mobile/index.jsx
new file mode 100644
index 0000000000..a7650947fd
--- /dev/null
+++ b/src/box/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Box as MeetBox } from '@alifd/meet-react';
+import NextBox from '../index';
+
+const Box = MeetBox ? MeetBox : NextBox;
+
+export default Box;
diff --git a/src/breadcrumb/mobile/index.jsx b/src/breadcrumb/mobile/index.jsx
new file mode 100644
index 0000000000..bbec4e852f
--- /dev/null
+++ b/src/breadcrumb/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Breadcrumb as MeetBreadcrumb } from '@alifd/meet-react';
+import NextBreadcrumb from '../index';
+
+const Breadcrumb = MeetBreadcrumb ? MeetBreadcrumb : NextBreadcrumb;
+
+export default Breadcrumb;
diff --git a/src/button/mobile/index.jsx b/src/button/mobile/index.jsx
new file mode 100644
index 0000000000..82872281fc
--- /dev/null
+++ b/src/button/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Button as MeetButton } from '@alifd/meet-react';
+import NextButton from '../index';
+
+const Button = MeetButton ? MeetButton : NextButton;
+
+export default Button;
diff --git a/src/calendar/mobile/index.jsx b/src/calendar/mobile/index.jsx
new file mode 100644
index 0000000000..bdbd0329ad
--- /dev/null
+++ b/src/calendar/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Calendar as MeetCalendar } from '@alifd/meet-react';
+import NextCalendar from '../index';
+
+const Calendar = MeetCalendar ? MeetCalendar : NextCalendar;
+
+export default Calendar;
diff --git a/src/card/mobile/index.jsx b/src/card/mobile/index.jsx
new file mode 100644
index 0000000000..8d5295d3c7
--- /dev/null
+++ b/src/card/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Card as MeetCard } from '@alifd/meet-react';
+import NextCard from '../index';
+
+const Card = MeetCard ? MeetCard : NextCard;
+
+export default Card;
diff --git a/src/cascader-select/mobile/index.jsx b/src/cascader-select/mobile/index.jsx
new file mode 100644
index 0000000000..cc2cd5532c
--- /dev/null
+++ b/src/cascader-select/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { CascaderSelect as MeetCascaderSelect } from '@alifd/meet-react';
+import NextCascaderSelect from '../index';
+
+const CascaderSelect = MeetCascaderSelect ? MeetCascaderSelect : NextCascaderSelect;
+
+export default CascaderSelect;
diff --git a/src/cascader/mobile/index.jsx b/src/cascader/mobile/index.jsx
new file mode 100644
index 0000000000..abacad79cf
--- /dev/null
+++ b/src/cascader/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Cascader as MeetCascader } from '@alifd/meet-react';
+import NextCascader from '../index';
+
+const Cascader = MeetCascader ? MeetCascader : NextCascader;
+
+export default Cascader;
diff --git a/src/checkbox/mobile/index.jsx b/src/checkbox/mobile/index.jsx
new file mode 100644
index 0000000000..4bbb213a4d
--- /dev/null
+++ b/src/checkbox/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Checkbox as MeetCheckbox } from '@alifd/meet-react';
+import NextCheckbox from '../index';
+
+const Checkbox = MeetCheckbox ? MeetCheckbox : NextCheckbox;
+
+export default Checkbox;
diff --git a/src/collapse/mobile/index.jsx b/src/collapse/mobile/index.jsx
new file mode 100644
index 0000000000..340c246860
--- /dev/null
+++ b/src/collapse/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Collapse as MeetCollapse } from '@alifd/meet-react';
+import NextCollapse from '../index';
+
+const Collapse = MeetCollapse ? MeetCollapse : NextCollapse;
+
+export default Collapse;
diff --git a/src/config-provider/mobile/index.jsx b/src/config-provider/mobile/index.jsx
new file mode 100644
index 0000000000..2c634dae22
--- /dev/null
+++ b/src/config-provider/mobile/index.jsx
@@ -0,0 +1,5 @@
+import NextConfigProvider from '../index';
+
+const ConfigProvider = NextConfigProvider;
+
+export default ConfigProvider;
diff --git a/src/date-picker/mobile/index.jsx b/src/date-picker/mobile/index.jsx
new file mode 100644
index 0000000000..82dff3a3f7
--- /dev/null
+++ b/src/date-picker/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { DatePicker as MeetDatePicker } from '@alifd/meet-react';
+import NextDatePicker from '../index';
+
+const DatePicker = MeetDatePicker ? MeetDatePicker : NextDatePicker;
+
+export default DatePicker;
diff --git a/src/dialog/mobile/index.jsx b/src/dialog/mobile/index.jsx
new file mode 100644
index 0000000000..78a0ef5be1
--- /dev/null
+++ b/src/dialog/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Dialog as MeetDialog } from '@alifd/meet-react';
+import NextDialog from '../index';
+
+const Dialog = MeetDialog ? MeetDialog : NextDialog;
+
+export default Dialog;
diff --git a/src/divider/mobile/index.jsx b/src/divider/mobile/index.jsx
new file mode 100644
index 0000000000..d7d55bbed5
--- /dev/null
+++ b/src/divider/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Divider as MeetDivider } from '@alifd/meet-react';
+import NextDivider from '../index';
+
+const Divider = MeetDivider ? MeetDivider : NextDivider;
+
+export default Divider;
diff --git a/src/drawer/mobile/index.jsx b/src/drawer/mobile/index.jsx
new file mode 100644
index 0000000000..d59f9db828
--- /dev/null
+++ b/src/drawer/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Drawer as MeetDrawer } from '@alifd/meet-react';
+import NextDrawer from '../index';
+
+const Drawer = MeetDrawer ? MeetDrawer : NextDrawer;
+
+export default Drawer;
diff --git a/src/dropdown/mobile/index.jsx b/src/dropdown/mobile/index.jsx
new file mode 100644
index 0000000000..738e983381
--- /dev/null
+++ b/src/dropdown/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Dropdown as MeetDropdown } from '@alifd/meet-react';
+import NextDropdown from '../index';
+
+const Dropdown = MeetDropdown ? MeetDropdown : NextDropdown;
+
+export default Dropdown;
diff --git a/src/field/mobile/index.jsx b/src/field/mobile/index.jsx
new file mode 100644
index 0000000000..a17ca561e3
--- /dev/null
+++ b/src/field/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Field as MeetField } from '@alifd/meet-react';
+import NextField from '../index';
+
+const Field = MeetField ? MeetField : NextField;
+
+export default Field;
diff --git a/src/form/mobile/index.jsx b/src/form/mobile/index.jsx
new file mode 100644
index 0000000000..d1784d82ef
--- /dev/null
+++ b/src/form/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Form as MeetForm } from '@alifd/meet-react';
+import NextForm from '../index';
+
+const Form = MeetForm ? MeetForm : NextForm;
+
+export default Form;
diff --git a/src/grid/mobile/index.jsx b/src/grid/mobile/index.jsx
new file mode 100644
index 0000000000..3f80260596
--- /dev/null
+++ b/src/grid/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Grid as MeetGrid } from '@alifd/meet-react';
+import NextGrid from '../index';
+
+const Grid = MeetGrid ? MeetGrid : NextGrid;
+
+export default Grid;
diff --git a/src/icon/mobile/index.jsx b/src/icon/mobile/index.jsx
new file mode 100644
index 0000000000..d62155d81c
--- /dev/null
+++ b/src/icon/mobile/index.jsx
@@ -0,0 +1,7 @@
+import { Icon as MeetIcon } from '@alifd/meet-react';
+import NextIcon from '../index';
+
+const Icon = MeetIcon ? MeetIcon : NextIcon;
+
+Icon.createFromIconfontCN = NextIcon.createFromIconfontCN;
+export default Icon;
diff --git a/src/input/mobile/index.jsx b/src/input/mobile/index.jsx
new file mode 100644
index 0000000000..5241228973
--- /dev/null
+++ b/src/input/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Input as MeetInput } from '@alifd/meet-react';
+import NextInput from '../index';
+
+const Input = MeetInput ? MeetInput : NextInput;
+
+export default Input;
diff --git a/src/list/mobile/index.jsx b/src/list/mobile/index.jsx
new file mode 100644
index 0000000000..34739e3598
--- /dev/null
+++ b/src/list/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { List as MeetList } from '@alifd/meet-react';
+import NextList from '../index';
+
+const List = MeetList ? MeetList : NextList;
+
+export default List;
diff --git a/src/loading/mobile/index.jsx b/src/loading/mobile/index.jsx
new file mode 100644
index 0000000000..2851986b7c
--- /dev/null
+++ b/src/loading/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Loading as MeetLoading } from '@alifd/meet-react';
+import NextLoading from '../index';
+
+const Loading = MeetLoading ? MeetLoading : NextLoading;
+
+export default Loading;
diff --git a/src/locale/mobile/index.jsx b/src/locale/mobile/index.jsx
new file mode 100644
index 0000000000..85ed3966e5
--- /dev/null
+++ b/src/locale/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Locale as MeetLocale } from '@alifd/meet-react';
+import NextLocale from '../index';
+
+const Locale = MeetLocale ? MeetLocale : NextLocale;
+
+export default Locale;
diff --git a/src/menu-button/mobile/index.jsx b/src/menu-button/mobile/index.jsx
new file mode 100644
index 0000000000..80b6bf519b
--- /dev/null
+++ b/src/menu-button/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { MenuButton as MeetMenuButton } from '@alifd/meet-react';
+import NextMenuButton from '../index';
+
+const MenuButton = MeetMenuButton ? MeetMenuButton : NextMenuButton;
+
+export default MenuButton;
diff --git a/src/menu/mobile/index.jsx b/src/menu/mobile/index.jsx
new file mode 100644
index 0000000000..68fd0456fa
--- /dev/null
+++ b/src/menu/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Menu as MeetMenu } from '@alifd/meet-react';
+import NextMenu from '../index';
+
+const Menu = MeetMenu ? MeetMenu : NextMenu;
+
+export default Menu;
diff --git a/src/message/mobile/index.jsx b/src/message/mobile/index.jsx
new file mode 100644
index 0000000000..dd56e33ff0
--- /dev/null
+++ b/src/message/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Message as MeetMessage } from '@alifd/meet-react';
+import NextMessage from '../index';
+
+const Message = MeetMessage ? MeetMessage : NextMessage;
+
+export default Message;
diff --git a/src/mixin-ui-state/mobile/index.jsx b/src/mixin-ui-state/mobile/index.jsx
new file mode 100644
index 0000000000..0b96262894
--- /dev/null
+++ b/src/mixin-ui-state/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { MixinUiState as MeetMixinUiState } from '@alifd/meet-react';
+import NextMixinUiState from '../index';
+
+const MixinUiState = MeetMixinUiState ? MeetMixinUiState : NextMixinUiState;
+
+export default MixinUiState;
diff --git a/src/nav/mobile/index.jsx b/src/nav/mobile/index.jsx
new file mode 100644
index 0000000000..7cf5a00886
--- /dev/null
+++ b/src/nav/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Nav as MeetNav } from '@alifd/meet-react';
+import NextNav from '../index';
+
+const Nav = MeetNav ? MeetNav : NextNav;
+
+export default Nav;
diff --git a/src/notification/mobile/index.jsx b/src/notification/mobile/index.jsx
new file mode 100644
index 0000000000..6470b69733
--- /dev/null
+++ b/src/notification/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Notification as MeetNotification } from '@alifd/meet-react';
+import NextNotification from '../index';
+
+const Notification = MeetNotification ? MeetNotification : NextNotification;
+
+export default Notification;
diff --git a/src/number-picker/mobile/index.jsx b/src/number-picker/mobile/index.jsx
new file mode 100644
index 0000000000..4dad3b36bc
--- /dev/null
+++ b/src/number-picker/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { NumberPicker as MeetNumberPicker } from '@alifd/meet-react';
+import NextNumberPicker from '../index';
+
+const NumberPicker = MeetNumberPicker ? MeetNumberPicker : NextNumberPicker;
+
+export default NumberPicker;
diff --git a/src/overlay/mobile/index.jsx b/src/overlay/mobile/index.jsx
new file mode 100644
index 0000000000..eed4937d90
--- /dev/null
+++ b/src/overlay/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Overlay as MeetOverlay } from '@alifd/meet-react';
+import NextOverlay from '../index';
+
+const Overlay = MeetOverlay ? MeetOverlay : NextOverlay;
+
+export default Overlay;
diff --git a/src/pagination/mobile/index.jsx b/src/pagination/mobile/index.jsx
new file mode 100644
index 0000000000..4c34fbbaad
--- /dev/null
+++ b/src/pagination/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Pagination as MeetPagination } from '@alifd/meet-react';
+import NextPagination from '../index';
+
+const Pagination = MeetPagination ? MeetPagination : NextPagination;
+
+export default Pagination;
diff --git a/src/paragraph/mobile/index.jsx b/src/paragraph/mobile/index.jsx
new file mode 100644
index 0000000000..c4a4ef7e94
--- /dev/null
+++ b/src/paragraph/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Paragraph as MeetParagraph } from '@alifd/meet-react';
+import NextParagraph from '../index';
+
+const Paragraph = MeetParagraph ? MeetParagraph : NextParagraph;
+
+export default Paragraph;
diff --git a/src/progress/mobile/index.jsx b/src/progress/mobile/index.jsx
new file mode 100644
index 0000000000..f0c10c022a
--- /dev/null
+++ b/src/progress/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Progress as MeetProgress } from '@alifd/meet-react';
+import NextProgress from '../index';
+
+const Progress = MeetProgress ? MeetProgress : NextProgress;
+
+export default Progress;
diff --git a/src/radio/mobile/index.jsx b/src/radio/mobile/index.jsx
new file mode 100644
index 0000000000..46f959f405
--- /dev/null
+++ b/src/radio/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Radio as MeetRadio } from '@alifd/meet-react';
+import NextRadio from '../index';
+
+const Radio = MeetRadio ? MeetRadio : NextRadio;
+
+export default Radio;
diff --git a/src/range/mobile/index.jsx b/src/range/mobile/index.jsx
new file mode 100644
index 0000000000..68e3b0194b
--- /dev/null
+++ b/src/range/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Range as MeetRange } from '@alifd/meet-react';
+import NextRange from '../index';
+
+const Range = MeetRange ? MeetRange : NextRange;
+
+export default Range;
diff --git a/src/rating/mobile/index.jsx b/src/rating/mobile/index.jsx
new file mode 100644
index 0000000000..b35218b856
--- /dev/null
+++ b/src/rating/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Rating as MeetRating } from '@alifd/meet-react';
+import NextRating from '../index';
+
+const Rating = MeetRating ? MeetRating : NextRating;
+
+export default Rating;
diff --git a/src/responsive-grid/mobile/index.jsx b/src/responsive-grid/mobile/index.jsx
new file mode 100644
index 0000000000..074044a221
--- /dev/null
+++ b/src/responsive-grid/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { ResponsiveGrid as MeetResponsiveGrid } from '@alifd/meet-react';
+import NextResponsiveGrid from '../index';
+
+const ResponsiveGrid = MeetResponsiveGrid ? MeetResponsiveGrid : NextResponsiveGrid;
+
+export default ResponsiveGrid;
diff --git a/src/search/mobile/index.jsx b/src/search/mobile/index.jsx
new file mode 100644
index 0000000000..a8a287a714
--- /dev/null
+++ b/src/search/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Search as MeetSearch } from '@alifd/meet-react';
+import NextSearch from '../index';
+
+const Search = MeetSearch ? MeetSearch : NextSearch;
+
+export default Search;
diff --git a/src/select/mobile/index.jsx b/src/select/mobile/index.jsx
new file mode 100644
index 0000000000..50a73315ab
--- /dev/null
+++ b/src/select/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Select as MeetSelect } from '@alifd/meet-react';
+import NextSelect from '../index';
+
+const Select = MeetSelect ? MeetSelect : NextSelect;
+
+export default Select;
diff --git a/src/shell/mobile/index.jsx b/src/shell/mobile/index.jsx
new file mode 100644
index 0000000000..1cf592de2f
--- /dev/null
+++ b/src/shell/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Shell as MeetShell } from '@alifd/meet-react';
+import NextShell from '../index';
+
+const Shell = MeetShell ? MeetShell : NextShell;
+
+export default Shell;
diff --git a/src/slider/mobile/index.jsx b/src/slider/mobile/index.jsx
new file mode 100644
index 0000000000..0a87db01b8
--- /dev/null
+++ b/src/slider/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Slider as MeetSlider } from '@alifd/meet-react';
+import NextSlider from '../index';
+
+const Slider = MeetSlider ? MeetSlider : NextSlider;
+
+export default Slider;
diff --git a/src/split-button/mobile/index.jsx b/src/split-button/mobile/index.jsx
new file mode 100644
index 0000000000..a42c5f3c03
--- /dev/null
+++ b/src/split-button/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { SplitButton as MeetSplitButton } from '@alifd/meet-react';
+import NextSplitButton from '../index';
+
+const SplitButton = MeetSplitButton ? MeetSplitButton : NextSplitButton;
+
+export default SplitButton;
diff --git a/src/step/mobile/index.jsx b/src/step/mobile/index.jsx
new file mode 100644
index 0000000000..c2d492fe0d
--- /dev/null
+++ b/src/step/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Step as MeetStep } from '@alifd/meet-react';
+import NextStep from '../index';
+
+const Step = MeetStep ? MeetStep : NextStep;
+
+export default Step;
diff --git a/src/switch/mobile/index.jsx b/src/switch/mobile/index.jsx
new file mode 100644
index 0000000000..5ce50d27a0
--- /dev/null
+++ b/src/switch/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Switch as MeetSwitch } from '@alifd/meet-react';
+import NextSwitch from '../index';
+
+const Switch = MeetSwitch ? MeetSwitch : NextSwitch;
+
+export default Switch;
diff --git a/src/tab/mobile/index.jsx b/src/tab/mobile/index.jsx
new file mode 100644
index 0000000000..534bcc5913
--- /dev/null
+++ b/src/tab/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Tab as MeetTab } from '@alifd/meet-react';
+import NextTab from '../index';
+
+const Tab = MeetTab ? MeetTab : NextTab;
+
+export default Tab;
diff --git a/src/table/mobile/index.jsx b/src/table/mobile/index.jsx
new file mode 100644
index 0000000000..3e0e5f7ae0
--- /dev/null
+++ b/src/table/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Table as MeetTable } from '@alifd/meet-react';
+import NextTable from '../index';
+
+const Table = MeetTable ? MeetTable : NextTable;
+
+export default Table;
diff --git a/src/tag/mobile/index.jsx b/src/tag/mobile/index.jsx
new file mode 100644
index 0000000000..da904885f2
--- /dev/null
+++ b/src/tag/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Tag as MeetTag } from '@alifd/meet-react';
+import NextTag from '../index';
+
+const Tag = MeetTag ? MeetTag : NextTag;
+
+export default Tag;
diff --git a/src/time-picker/mobile/index.jsx b/src/time-picker/mobile/index.jsx
new file mode 100644
index 0000000000..62cde36c62
--- /dev/null
+++ b/src/time-picker/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { TimePicker as MeetTimePicker } from '@alifd/meet-react';
+import NextTimePicker from '../index';
+
+const TimePicker = MeetTimePicker ? MeetTimePicker : NextTimePicker;
+
+export default TimePicker;
diff --git a/src/timeline/mobile/index.jsx b/src/timeline/mobile/index.jsx
new file mode 100644
index 0000000000..8e65feb499
--- /dev/null
+++ b/src/timeline/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Timeline as MeetTimeline } from '@alifd/meet-react';
+import NextTimeline from '../index';
+
+const Timeline = MeetTimeline ? MeetTimeline : NextTimeline;
+
+export default Timeline;
diff --git a/src/transfer/mobile/index.jsx b/src/transfer/mobile/index.jsx
new file mode 100644
index 0000000000..13cd1003b2
--- /dev/null
+++ b/src/transfer/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Transfer as MeetTransfer } from '@alifd/meet-react';
+import NextTransfer from '../index';
+
+const Transfer = MeetTransfer ? MeetTransfer : NextTransfer;
+
+export default Transfer;
diff --git a/src/tree-select/mobile/index.jsx b/src/tree-select/mobile/index.jsx
new file mode 100644
index 0000000000..51930c8eda
--- /dev/null
+++ b/src/tree-select/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { TreeSelect as MeetTreeSelect } from '@alifd/meet-react';
+import NextTreeSelect from '../index';
+
+const TreeSelect = MeetTreeSelect ? MeetTreeSelect : NextTreeSelect;
+
+export default TreeSelect;
diff --git a/src/tree/mobile/index.jsx b/src/tree/mobile/index.jsx
new file mode 100644
index 0000000000..ed968f2220
--- /dev/null
+++ b/src/tree/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Tree as MeetTree } from '@alifd/meet-react';
+import NextTree from '../index';
+
+const Tree = MeetTree ? MeetTree : NextTree;
+
+export default Tree;
diff --git a/src/typography/mobile/index.jsx b/src/typography/mobile/index.jsx
new file mode 100644
index 0000000000..158e198fd6
--- /dev/null
+++ b/src/typography/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Typography as MeetTypography } from '@alifd/meet-react';
+import NextTypography from '../index';
+
+const Typography = MeetTypography ? MeetTypography : NextTypography;
+
+export default Typography;
diff --git a/src/upload/mobile/index.jsx b/src/upload/mobile/index.jsx
new file mode 100644
index 0000000000..ef26ec4ec9
--- /dev/null
+++ b/src/upload/mobile/index.jsx
@@ -0,0 +1,5 @@
+import NextUpload from '../index';
+
+const Upload = NextUpload;
+
+export default Upload;
diff --git a/src/util/mobile/index.jsx b/src/util/mobile/index.jsx
new file mode 100644
index 0000000000..58d9e9eefa
--- /dev/null
+++ b/src/util/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Util as MeetUtil } from '@alifd/meet-react';
+import NextUtil from '../index';
+
+const Util = MeetUtil ? MeetUtil : NextUtil;
+
+export default Util;
diff --git a/src/validate/mobile/index.jsx b/src/validate/mobile/index.jsx
new file mode 100644
index 0000000000..4139817a35
--- /dev/null
+++ b/src/validate/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { Validate as MeetValidate } from '@alifd/meet-react';
+import NextValidate from '../index';
+
+const Validate = MeetValidate ? MeetValidate : NextValidate;
+
+export default Validate;
diff --git a/src/virtual-list/mobile/index.jsx b/src/virtual-list/mobile/index.jsx
new file mode 100644
index 0000000000..9fcfaf9487
--- /dev/null
+++ b/src/virtual-list/mobile/index.jsx
@@ -0,0 +1,6 @@
+import { VirtualList as MeetVirtualList } from '@alifd/meet-react';
+import NextVirtualList from '../index';
+
+const VirtualList = MeetVirtualList ? MeetVirtualList : NextVirtualList;
+
+export default VirtualList;