diff --git a/packages/actionsheet/index.js b/packages/actionsheet/index.js
index 0207845e1..c7223e553 100644
--- a/packages/actionsheet/index.js
+++ b/packages/actionsheet/index.js
@@ -1,7 +1,7 @@
 import { use } from '../utils';
+import { PopupMixin } from '../mixins/popup';
 import Icon from '../icon';
 import Loading from '../loading';
-import PopupMixin from '../mixins/popup';
 
 const [sfc, bem] = use('actionsheet');
 
diff --git a/packages/address-edit/index.js b/packages/address-edit/index.js
index 8d7b3efc3..460caf29c 100644
--- a/packages/address-edit/index.js
+++ b/packages/address-edit/index.js
@@ -1,4 +1,5 @@
 import { use, isObj } from '../utils';
+import { isMobile } from '../utils/validate/mobile';
 import Area from '../area';
 import Field from '../field';
 import Popup from '../popup';
@@ -7,7 +8,6 @@ import Button from '../button';
 import Dialog from '../dialog';
 import Detail from './Detail';
 import SwitchCell from '../switch-cell';
-import validateMobile from '../utils/validate/mobile';
 
 const [sfc, bem, t] = use('address-edit');
 
@@ -55,7 +55,7 @@ export default sfc({
     },
     telValidator: {
       type: Function,
-      default: validateMobile
+      default: isMobile
     }
   },
 
diff --git a/packages/area/index.js b/packages/area/index.js
index 1a23e69b6..5cda6cc05 100644
--- a/packages/area/index.js
+++ b/packages/area/index.js
@@ -1,6 +1,6 @@
 import { use } from '../utils';
 import Picker from '../picker';
-import PickerMixin from '../mixins/picker';
+import { PickerMixin } from '../mixins/picker';
 
 const [sfc, bem] = use('area');
 
diff --git a/packages/button/index.tsx b/packages/button/index.tsx
index 26aa27daa..6b9ef330b 100644
--- a/packages/button/index.tsx
+++ b/packages/button/index.tsx
@@ -1,6 +1,6 @@
 import { use } from '../utils';
 import { emit, inherit } from '../utils/functional';
-import { routeProps, RouteProps, functionalRoute } from '../mixins/router';
+import { routeProps, RouteProps, functionalRoute } from '../utils/router';
 import Loading from '../loading';
 
 // Types
diff --git a/packages/cell/index.tsx b/packages/cell/index.tsx
index 00e911d8b..e7e373e77 100644
--- a/packages/cell/index.tsx
+++ b/packages/cell/index.tsx
@@ -1,7 +1,7 @@
 import { use, isDef } from '../utils';
 import { cellProps, SharedCellProps } from './shared';
 import { emit, inherit } from '../utils/functional';
-import { routeProps, RouteProps, functionalRoute } from '../mixins/router';
+import { routeProps, RouteProps, functionalRoute } from '../utils/router';
 import Icon from '../icon';
 
 // Types
diff --git a/packages/checkbox/index.js b/packages/checkbox/index.js
index ad7ff179e..e01f188cf 100644
--- a/packages/checkbox/index.js
+++ b/packages/checkbox/index.js
@@ -1,5 +1,5 @@
 import { use } from '../utils';
-import CheckboxMixin from '../mixins/checkbox';
+import { CheckboxMixin } from '../mixins/checkbox';
 
 const [sfc, bem] = use('checkbox');
 
diff --git a/packages/collapse-item/index.js b/packages/collapse-item/index.js
index 59bb02956..c61512640 100644
--- a/packages/collapse-item/index.js
+++ b/packages/collapse-item/index.js
@@ -2,13 +2,13 @@ import { use, isDef } from '../utils';
 import { raf } from '../utils/raf';
 import Cell from '../cell';
 import { cellProps } from '../cell/shared';
-import FindParent from '../mixins/find-parent';
+import { FindParentMixin } from '../mixins/find-parent';
 
 const [sfc, bem] = use('collapse-item');
 const CELL_SLOTS = ['title', 'icon', 'right-icon'];
 
 export default sfc({
-  mixins: [FindParent],
+  mixins: [FindParentMixin],
 
   props: {
     ...cellProps,
diff --git a/packages/contact-edit/index.js b/packages/contact-edit/index.js
index 83b6a74e3..e664189b5 100644
--- a/packages/contact-edit/index.js
+++ b/packages/contact-edit/index.js
@@ -3,7 +3,7 @@ import Button from '../button';
 import Field from '../field';
 import Toast from '../toast';
 import Dialog from '../dialog';
-import validateMobile from '../utils/validate/mobile';
+import { isMobile } from '../utils/validate/mobile';
 
 const [sfc, bem, t] = use('contact-edit');
 
@@ -23,7 +23,7 @@ export default sfc({
     },
     telValidator: {
       type: Function,
-      default: validateMobile
+      default: isMobile
     }
   },
 
diff --git a/packages/datetime-picker/index.js b/packages/datetime-picker/index.js
index 8b5fecaec..864a80d56 100644
--- a/packages/datetime-picker/index.js
+++ b/packages/datetime-picker/index.js
@@ -1,7 +1,13 @@
 import { use, range } from '../utils';
 import Picker from '../picker';
-import PickerMixin from '../mixins/picker';
-import { times, padZero, isValidDate, getTrueValue, getMonthEndDay } from './utils';
+import { PickerMixin } from '../mixins/picker';
+import {
+  times,
+  padZero,
+  isValidDate,
+  getTrueValue,
+  getMonthEndDay
+} from './utils';
 
 const [sfc, bem] = use('datetime-picker');
 const currentYear = new Date().getFullYear();
@@ -96,14 +102,21 @@ export default sfc({
         ];
       }
 
-      const { maxYear, maxDate, maxMonth, maxHour, maxMinute } = this.getBoundary(
-        'max',
-        this.innerValue
-      );
-      const { minYear, minDate, minMonth, minHour, minMinute } = this.getBoundary(
-        'min',
-        this.innerValue
-      );
+      const {
+        maxYear,
+        maxDate,
+        maxMonth,
+        maxHour,
+        maxMinute
+      } = this.getBoundary('max', this.innerValue);
+
+      const {
+        minYear,
+        minDate,
+        minMonth,
+        minHour,
+        minMinute
+      } = this.getBoundary('min', this.innerValue);
 
       const result = [
         {
diff --git a/packages/dialog/Dialog.js b/packages/dialog/Dialog.js
index cf2014200..55061e77b 100644
--- a/packages/dialog/Dialog.js
+++ b/packages/dialog/Dialog.js
@@ -1,11 +1,11 @@
 import { use } from '../utils';
+import { PopupMixin } from '../mixins/popup';
 import Button from '../button';
-import Popup from '../mixins/popup';
 
 const [sfc, bem, t] = use('dialog');
 
 export default sfc({
-  mixins: [Popup],
+  mixins: [PopupMixin],
 
   props: {
     title: String,
diff --git a/packages/goods-action-big-btn/index.tsx b/packages/goods-action-big-btn/index.tsx
index b54838ad6..99a5835b4 100644
--- a/packages/goods-action-big-btn/index.tsx
+++ b/packages/goods-action-big-btn/index.tsx
@@ -1,7 +1,7 @@
 import { use } from '../utils';
 import Button, { ButtonEvents } from '../button';
 import { emit, inherit } from '../utils/functional';
-import { functionalRoute, routeProps, RouteProps } from '../mixins/router';
+import { functionalRoute, routeProps, RouteProps } from '../utils/router';
 
 // Types
 import { CreateElement, RenderContext } from 'vue/types';
diff --git a/packages/goods-action-mini-btn/index.tsx b/packages/goods-action-mini-btn/index.tsx
index f122e7db4..830ecedfb 100644
--- a/packages/goods-action-mini-btn/index.tsx
+++ b/packages/goods-action-mini-btn/index.tsx
@@ -1,7 +1,7 @@
 import { use } from '../utils';
 import Icon, { IconEvents } from '../icon';
 import { emit, inherit } from '../utils/functional';
-import { functionalRoute, routeProps, RouteProps } from '../mixins/router';
+import { functionalRoute, routeProps, RouteProps } from '../utils/router';
 
 // Types
 import { CreateElement, RenderContext } from 'vue/types';
diff --git a/packages/icon/index.tsx b/packages/icon/index.tsx
index 74b622a20..34af173d8 100644
--- a/packages/icon/index.tsx
+++ b/packages/icon/index.tsx
@@ -1,7 +1,7 @@
 import { use } from '../utils';
 import { inherit } from '../utils/functional';
 import Info from '../info';
-import isSrc from '../utils/validate/src';
+import { isSrc } from '../utils/validate/src';
 
 // Types
 import { CreateElement, RenderContext } from 'vue/types';
diff --git a/packages/image-preview/ImagePreview.js b/packages/image-preview/ImagePreview.js
index 019ccbbbd..7f7f3df03 100644
--- a/packages/image-preview/ImagePreview.js
+++ b/packages/image-preview/ImagePreview.js
@@ -1,6 +1,6 @@
 import { use, range } from '../utils';
-import Popup from '../mixins/popup';
-import Touch from '../mixins/touch';
+import { PopupMixin } from '../mixins/popup';
+import { TouchMixin } from '../mixins/touch';
 import Swipe from '../swipe';
 import SwipeItem from '../swipe-item';
 
@@ -15,7 +15,7 @@ function getDistance(touches) {
 }
 
 export default sfc({
-  mixins: [Popup, Touch],
+  mixins: [PopupMixin, TouchMixin],
 
   props: {
     images: Array,
diff --git a/packages/locale/index.ts b/packages/locale/index.ts
index 8b9e6c6cb..10750f064 100644
--- a/packages/locale/index.ts
+++ b/packages/locale/index.ts
@@ -1,5 +1,5 @@
 import Vue from 'vue';
-import deepAssign from '../utils/deep-assign';
+import { deepAssign } from '../utils/deep-assign';
 import defaultMessages from './lang/zh-CN';
 
 declare module 'vue' {
diff --git a/packages/mixins/checkbox.js b/packages/mixins/checkbox.js
index 19f54f004..57336990b 100644
--- a/packages/mixins/checkbox.js
+++ b/packages/mixins/checkbox.js
@@ -2,10 +2,10 @@
  * Common part of Checkbox & Radio
  */
 import Icon from '../icon';
-import findParent from './find-parent';
+import { FindParentMixin } from './find-parent';
 
-export default (parent, bem) => ({
-  mixins: [findParent],
+export const CheckboxMixin = (parent, bem) => ({
+  mixins: [FindParentMixin],
 
   props: {
     name: null,
diff --git a/packages/mixins/click-outside.js b/packages/mixins/click-outside.js
index eac57ff31..7ac96b2f3 100644
--- a/packages/mixins/click-outside.js
+++ b/packages/mixins/click-outside.js
@@ -1,6 +1,6 @@
 import { on, off } from '../utils/event';
 
-export default config => ({
+export const ClickOutsideMixin = config => ({
   mounted() {
     config.handler = event => {
       if (!this.$el.contains(event.target)) {
diff --git a/packages/mixins/find-parent.js b/packages/mixins/find-parent.js
index da858e413..d61e4460e 100644
--- a/packages/mixins/find-parent.js
+++ b/packages/mixins/find-parent.js
@@ -2,7 +2,7 @@
  * find parent component by name
  */
 
-export default {
+export const FindParentMixin = {
   data() {
     return {
       parent: null
diff --git a/packages/mixins/picker.js b/packages/mixins/picker.js
index 9e4fa3599..4741096a7 100644
--- a/packages/mixins/picker.js
+++ b/packages/mixins/picker.js
@@ -2,7 +2,7 @@
  * Common Picker Props
  */
 
-export default {
+export const PickerMixin = {
   props: {
     title: String,
     loading: Boolean,
diff --git a/packages/mixins/popup/index.js b/packages/mixins/popup/index.js
index f5588c68a..ab922a21e 100644
--- a/packages/mixins/popup/index.js
+++ b/packages/mixins/popup/index.js
@@ -1,11 +1,11 @@
 import manager from './manager';
 import context from './context';
-import Touch from '../touch';
+import { TouchMixin } from '../touch';
 import { on, off } from '../../utils/event';
 import { getScrollEventTarget } from '../../utils/scroll';
 
-export default {
-  mixins: [Touch],
+export const PopupMixin = {
+  mixins: [TouchMixin],
 
   props: {
     // whether to show popup
diff --git a/packages/mixins/slots.js b/packages/mixins/slots.js
index a2e08ff93..0e46b6930 100644
--- a/packages/mixins/slots.js
+++ b/packages/mixins/slots.js
@@ -3,7 +3,7 @@
  * downgrade to slots in lower version
  */
 
-export default {
+export const SlotsMixin = {
   methods: {
     slots(name = 'default', props) {
       const { $slots, $scopedSlots } = this;
diff --git a/packages/mixins/switch.js b/packages/mixins/switch.js
deleted file mode 100644
index 303279521..000000000
--- a/packages/mixins/switch.js
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * Common Switch Props
- */
-
-export default {
-  props: {
-    value: null,
-    loading: Boolean,
-    disabled: Boolean,
-    activeColor: String,
-    inactiveColor: String,
-    activeValue: {
-      type: null,
-      default: true
-    },
-    inactiveValue: {
-      type: null,
-      default: false
-    },
-    size: {
-      type: String,
-      default: '30px'
-    }
-  }
-};
diff --git a/packages/mixins/touch.js b/packages/mixins/touch.js
index b39fc8356..375766969 100644
--- a/packages/mixins/touch.js
+++ b/packages/mixins/touch.js
@@ -9,7 +9,7 @@ function getDirection(x, y) {
   return '';
 }
 
-export default {
+export const TouchMixin = {
   data() {
     return {
       direction: ''
diff --git a/packages/notify/Notify.js b/packages/notify/Notify.js
index 4be792cdf..edad5883f 100644
--- a/packages/notify/Notify.js
+++ b/packages/notify/Notify.js
@@ -1,6 +1,6 @@
 import { use } from '../utils';
-import PopupMixin from '../mixins/popup';
 import { RED, WHITE } from '../utils/color';
+import { PopupMixin } from '../mixins/popup';
 
 const [sfc, bem] = use('notify');
 
diff --git a/packages/picker/PickerColumn.js b/packages/picker/PickerColumn.js
index c9db39948..353b154a5 100644
--- a/packages/picker/PickerColumn.js
+++ b/packages/picker/PickerColumn.js
@@ -1,4 +1,4 @@
-import deepClone from '../utils/deep-clone';
+import { deepClone } from '../utils/deep-clone';
 import { use, isObj, range } from '../utils';
 
 const DEFAULT_DURATION = 200;
diff --git a/packages/picker/index.js b/packages/picker/index.js
index 7fc0e5c75..beb8114ad 100644
--- a/packages/picker/index.js
+++ b/packages/picker/index.js
@@ -1,9 +1,9 @@
 import { use } from '../utils';
 import { prevent } from '../utils/event';
+import { deepClone } from '../utils/deep-clone';
+import { PickerMixin } from '../mixins/picker';
 import Loading from '../loading';
 import PickerColumn from './PickerColumn';
-import deepClone from '../utils/deep-clone';
-import PickerMixin from '../mixins/picker';
 
 const [sfc, bem, t] = use('picker');
 
diff --git a/packages/popup/index.js b/packages/popup/index.js
index c8d64ec2a..d16ddabfa 100644
--- a/packages/popup/index.js
+++ b/packages/popup/index.js
@@ -1,10 +1,10 @@
 import { use } from '../utils';
-import Popup from '../mixins/popup';
+import { PopupMixin } from '../mixins/popup';
 
 const [sfc, bem] = use('popup');
 
 export default sfc({
-  mixins: [Popup],
+  mixins: [PopupMixin],
 
   props: {
     position: String,
diff --git a/packages/pull-refresh/index.js b/packages/pull-refresh/index.js
index 650416d53..90d07ca89 100644
--- a/packages/pull-refresh/index.js
+++ b/packages/pull-refresh/index.js
@@ -1,13 +1,13 @@
 import { use } from '../utils';
 import Loading from '../loading';
-import Touch from '../mixins/touch';
+import { TouchMixin } from '../mixins/touch';
 import { getScrollTop, getScrollEventTarget } from '../utils/scroll';
 
 const [sfc, bem, t] = use('pull-refresh');
 const TEXT_STATUS = ['pulling', 'loosing', 'success'];
 
 export default sfc({
-  mixins: [Touch],
+  mixins: [TouchMixin],
 
   props: {
     disabled: Boolean,
diff --git a/packages/radio/index.js b/packages/radio/index.js
index f9705e710..8e3127f9f 100644
--- a/packages/radio/index.js
+++ b/packages/radio/index.js
@@ -1,5 +1,5 @@
 import { use } from '../utils';
-import CheckboxMixin from '../mixins/checkbox';
+import { CheckboxMixin } from '../mixins/checkbox';
 
 const [sfc, bem] = use('radio');
 
diff --git a/packages/sku/components/SkuMessages.js b/packages/sku/components/SkuMessages.js
index f022a662c..63931cdaa 100644
--- a/packages/sku/components/SkuMessages.js
+++ b/packages/sku/components/SkuMessages.js
@@ -2,8 +2,8 @@ import { use, isIOS } from '../../utils';
 import Cell from '../../cell';
 import CellGroup from '../../cell-group';
 import Field from '../../field';
-import validateEmail from '../../utils/validate/email';
-import validateNumber from '../../utils/validate/number';
+import { isEmail } from '../../utils/validate/email';
+import { isNumber } from '../../utils/validate/number';
 import SkuImgUploader from './SkuImgUploader';
 
 const [sfc, bem] = use('sku-messages');
@@ -104,13 +104,13 @@ export default sfc({
             return textType + message.name;
           }
         } else {
-          if (message.type === 'tel' && !validateNumber(value)) {
+          if (message.type === 'tel' && !isNumber(value)) {
             return '请填写正确的数字格式留言';
           }
           if (message.type === 'mobile' && !/^\d{6,20}$/.test(value)) {
             return '手机号长度为6-20位数字';
           }
-          if (message.type === 'email' && !validateEmail(value)) {
+          if (message.type === 'email' && !isEmail(value)) {
             return '请填写正确的邮箱';
           }
           if (message.type === 'id_no' && (value.length < 15 || value.length > 18)) {
diff --git a/packages/slider/index.js b/packages/slider/index.js
index 9e506e00d..12ec5c19b 100644
--- a/packages/slider/index.js
+++ b/packages/slider/index.js
@@ -1,10 +1,10 @@
 import { use } from '../utils';
-import Touch from '../mixins/touch';
+import { TouchMixin } from '../mixins/touch';
 
 const [sfc, bem] = use('slider');
 
 export default sfc({
-  mixins: [Touch],
+  mixins: [TouchMixin],
 
   props: {
     min: Number,
diff --git a/packages/swipe-cell/index.js b/packages/swipe-cell/index.js
index 4ccb08fd9..c0b051b79 100644
--- a/packages/swipe-cell/index.js
+++ b/packages/swipe-cell/index.js
@@ -1,12 +1,12 @@
 import { use, range } from '../utils';
-import Touch from '../mixins/touch';
-import ClickOutside from '../mixins/click-outside';
+import { TouchMixin } from '../mixins/touch';
+import { ClickOutsideMixin } from '../mixins/click-outside';
 
 const [sfc, bem] = use('swipe-cell');
 const THRESHOLD = 0.15;
 
 export default sfc({
-  mixins: [Touch, ClickOutside({
+  mixins: [TouchMixin, ClickOutsideMixin({
     event: 'touchstart',
     method: 'onClick'
   })],
diff --git a/packages/swipe/index.js b/packages/swipe/index.js
index 7df10b715..609bad1c9 100644
--- a/packages/swipe/index.js
+++ b/packages/swipe/index.js
@@ -1,11 +1,11 @@
 import { use } from '../utils';
-import Touch from '../mixins/touch';
 import { on, off } from '../utils/event';
+import { TouchMixin } from '../mixins/touch';
 
 const [sfc, bem] = use('swipe');
 
 export default sfc({
-  mixins: [Touch],
+  mixins: [TouchMixin],
 
   props: {
     width: Number,
diff --git a/packages/tab/index.js b/packages/tab/index.js
index 5af0aa92a..d4c2b0961 100644
--- a/packages/tab/index.js
+++ b/packages/tab/index.js
@@ -1,11 +1,11 @@
 /* eslint-disable object-shorthand */
 import { use } from '../utils';
-import findParent from '../mixins/find-parent';
+import { FindParentMixin } from '../mixins/find-parent';
 
 const [sfc, bem] = use('tab');
 
 export default sfc({
-  mixins: [findParent],
+  mixins: [FindParentMixin],
 
   props: {
     title: String,
diff --git a/packages/tabbar-item/index.js b/packages/tabbar-item/index.js
index 9adeb9390..dd86f78be 100644
--- a/packages/tabbar-item/index.js
+++ b/packages/tabbar-item/index.js
@@ -1,7 +1,7 @@
 import { use } from '../utils';
 import Icon from '../icon';
 import Info from '../info';
-import { route, routeProps } from '../mixins/router';
+import { route, routeProps } from '../utils/router';
 
 const [sfc, bem] = use('tabbar-item');
 
diff --git a/packages/tabs/index.js b/packages/tabs/index.js
index 5e5ed2db8..e6937b3d1 100644
--- a/packages/tabs/index.js
+++ b/packages/tabs/index.js
@@ -1,14 +1,14 @@
 import { use, isDef } from '../utils';
-import Touch from '../mixins/touch';
 import { raf } from '../utils/raf';
 import { on, off } from '../utils/event';
+import { TouchMixin } from '../mixins/touch';
 import { setScrollTop, getScrollTop, getElementTop, getScrollEventTarget } from '../utils/scroll';
 
 const [sfc, bem] = use('tabs');
 const tabBem = use('tab')[1];
 
 export default sfc({
-  mixins: [Touch],
+  mixins: [TouchMixin],
 
   model: {
     prop: 'active'
diff --git a/packages/toast/Toast.js b/packages/toast/Toast.js
index 88c035c10..bc20e6f3c 100644
--- a/packages/toast/Toast.js
+++ b/packages/toast/Toast.js
@@ -1,13 +1,13 @@
 import { use, isDef } from '../utils';
+import { PopupMixin } from '../mixins/popup';
 import Icon from '../icon';
 import Loading from '../loading';
-import Popup from '../mixins/popup';
 
 const [sfc, bem] = use('toast');
 const STYLE = ['success', 'fail', 'loading'];
 
 export default sfc({
-  mixins: [Popup],
+  mixins: [PopupMixin],
 
   props: {
     className: null,
diff --git a/packages/utils/deep-assign.ts b/packages/utils/deep-assign.ts
index 46ae77077..eaff80cde 100644
--- a/packages/utils/deep-assign.ts
+++ b/packages/utils/deep-assign.ts
@@ -17,11 +17,11 @@ function assignKey(to: Object, from: Object, key: string) {
   if (!hasOwnProperty.call(to, key) || !isObj(val)) {
     to[key] = val;
   } else {
-    to[key] = assign(Object(to[key]), from[key]);
+    to[key] = deepAssign(Object(to[key]), from[key]);
   }
 }
 
-export default function assign(to: Object, from: Object) {
+export function deepAssign(to: Object, from: Object) {
   Object.keys(from).forEach(key => {
     assignKey(to, from, key);
   });
diff --git a/packages/utils/deep-clone.ts b/packages/utils/deep-clone.ts
index 4d6a162e5..4c8b2c51a 100644
--- a/packages/utils/deep-clone.ts
+++ b/packages/utils/deep-clone.ts
@@ -1,6 +1,6 @@
-import deepAssign from './deep-assign';
+import { deepAssign } from './deep-assign';
 
-export default function deepClone(obj: object): object {
+export function deepClone(obj: object): object {
   if (Array.isArray(obj)) {
     return obj.map(item => deepClone(item));
   }
diff --git a/packages/mixins/router.ts b/packages/utils/router.ts
similarity index 100%
rename from packages/mixins/router.ts
rename to packages/utils/router.ts
diff --git a/packages/utils/test/index.spec.js b/packages/utils/test/index.spec.js
index 45dcd4e32..0689dbc9a 100644
--- a/packages/utils/test/index.spec.js
+++ b/packages/utils/test/index.spec.js
@@ -1,11 +1,11 @@
-import deepClone from '../deep-clone';
+import { deepClone } from '../deep-clone';
 import { isAndroid, isDef, camelize, get } from '..';
 import { raf, cancel } from '../raf';
 import { later } from '../../../test/utils';
-import isSrc from '../validate/src';
-import isEmail from '../validate/email';
-import isMobile from '../validate/mobile';
-import isNumber from '../validate/number';
+import { isSrc } from '../validate/src';
+import { isEmail } from '../validate/email';
+import { isMobile } from '../validate/mobile';
+import { isNumber } from '../validate/number';
 
 test('deepClone', () => {
   const a = { foo: 0 };
diff --git a/packages/utils/use/bem.ts b/packages/utils/use/bem.ts
index e5e4cc8cd..03b4d8d41 100644
--- a/packages/utils/use/bem.ts
+++ b/packages/utils/use/bem.ts
@@ -36,7 +36,7 @@ function prefix(name: string, mods: Mods): Mods {
   return ret;
 }
 
-export default (name: string) => (el?: Mods, mods?: Mods): Mods => {
+export const useBEM = (name: string) => (el?: Mods, mods?: Mods): Mods => {
   if (el && typeof el !== 'string') {
     mods = el;
     el = '';
diff --git a/packages/utils/use/i18n.ts b/packages/utils/use/i18n.ts
index 42bb1f28b..aacc1fb42 100644
--- a/packages/utils/use/i18n.ts
+++ b/packages/utils/use/i18n.ts
@@ -1,7 +1,7 @@
 import { get, camelize } from '..';
 import locale from '../../locale';
 
-export default (name: string) => {
+export const useI18N = (name: string) => {
   const prefix = camelize(name) + '.';
   return (path: string, ...args: any[]): string => {
     const message = get(locale.messages(), prefix + path) || get(locale.messages(), path);
diff --git a/packages/utils/use/index.ts b/packages/utils/use/index.ts
index b4741aa3a..1cc093fb9 100644
--- a/packages/utils/use/index.ts
+++ b/packages/utils/use/index.ts
@@ -1,14 +1,14 @@
-import useBem from './bem';
-import useSfc from './sfc';
-import useI18n from './i18n';
+import { useBEM } from './bem';
+import { useSFC } from './sfc';
+import { useI18N } from './i18n';
 
 type UseReturn = [
-  ReturnType<typeof useSfc>,
-  ReturnType<typeof useBem>,
-  ReturnType<typeof useI18n>
+  ReturnType<typeof useSFC>,
+  ReturnType<typeof useBEM>,
+  ReturnType<typeof useI18N>
 ];
 
 export function use(name: string): UseReturn {
   name = 'van-' + name;
-  return [useSfc(name), useBem(name), useI18n(name)];
+  return [useSFC(name), useBEM(name), useI18N(name)];
 }
diff --git a/packages/utils/use/sfc.ts b/packages/utils/use/sfc.ts
index 6f4996177..37b708bbc 100644
--- a/packages/utils/use/sfc.ts
+++ b/packages/utils/use/sfc.ts
@@ -3,7 +3,7 @@
  */
 import '../../locale';
 import { camelize } from '..';
-import SlotsMixin from '../../mixins/slots';
+import { SlotsMixin } from '../../mixins/slots';
 import Vue, {
   VueConstructor,
   ComponentOptions,
@@ -35,7 +35,7 @@ export interface VantComponentOptions extends ComponentOptions<Vue> {
 
 export type DefaultProps = Record<string, any>;
 
-export type FunctionalComponent<
+export type FunctionComponent<
   Props = DefaultProps,
   PropDefs = PropsDefinition<Props>
 > = {
@@ -93,6 +93,7 @@ function install(this: ComponentOptions<Vue>, Vue: VueConstructor) {
 
 // unify slots & scopedSlots
 export function unifySlots(context: RenderContext) {
+  // use data.scopedSlots in lower Vue version
   const scopedSlots = context.scopedSlots || context.data.scopedSlots || {};
   const slots = context.slots();
 
@@ -105,8 +106,9 @@ export function unifySlots(context: RenderContext) {
   return scopedSlots;
 }
 
-function transformFunctionalComponent(
-  pure: FunctionalComponent
+// should be removed after Vue 3
+function transformFunctionComponent(
+  pure: FunctionComponent
 ): VantComponentOptions {
   return {
     functional: true,
@@ -117,11 +119,11 @@ function transformFunctionalComponent(
   };
 }
 
-export default (name: string) => <Props = DefaultProps, Events = {}, Slots = {}>(
-  sfc: VantComponentOptions | FunctionalComponent
+export const useSFC = (name: string) => <Props = DefaultProps, Events = {}, Slots = {}>(
+  sfc: VantComponentOptions | FunctionComponent
 ): TsxComponent<Props, Events, Slots> => {
   if (typeof sfc === 'function') {
-    sfc = transformFunctionalComponent(sfc);
+    sfc = transformFunctionComponent(sfc);
   }
 
   if (!sfc.functional) {
diff --git a/packages/utils/validate/email.ts b/packages/utils/validate/email.ts
index d2bdbb60f..d5e3c21b8 100644
--- a/packages/utils/validate/email.ts
+++ b/packages/utils/validate/email.ts
@@ -1,5 +1,5 @@
 /* eslint-disable */
-export default function email(value: string): boolean {
+export function isEmail(value: string): boolean {
   const reg = /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i;
   return reg.test(value);
 }
diff --git a/packages/utils/validate/mobile.ts b/packages/utils/validate/mobile.ts
index a15e91dbc..8ee0aa87a 100644
--- a/packages/utils/validate/mobile.ts
+++ b/packages/utils/validate/mobile.ts
@@ -1,4 +1,4 @@
-export default function mobile(value: string): boolean {
+export function isMobile(value: string): boolean {
   value = value.replace(/[^-|\d]/g, '');
   return /^((\+86)|(86))?(1)\d{10}$/.test(value) || /^0[0-9-]{10,13}$/.test(value);
 }
diff --git a/packages/utils/validate/number.ts b/packages/utils/validate/number.ts
index a072541be..cb0f36c65 100644
--- a/packages/utils/validate/number.ts
+++ b/packages/utils/validate/number.ts
@@ -1,3 +1,3 @@
-export default function number(value: string): boolean {
+export function isNumber(value: string): boolean {
   return /^\d+$/.test(value);
 }
diff --git a/packages/utils/validate/src.ts b/packages/utils/validate/src.ts
index 2b4adb1a0..9371f0b50 100644
--- a/packages/utils/validate/src.ts
+++ b/packages/utils/validate/src.ts
@@ -1,6 +1,6 @@
 /**
  * Is image source
  */
-export default function src(url: string): boolean {
+export function isSrc(url: string): boolean {
   return /^(https?:)?\/\/|data:image/.test(url);
 }