diff --git a/components/_util/Clone.vue b/components/_util/Clone.jsx
similarity index 95%
rename from components/_util/Clone.vue
rename to components/_util/Clone.jsx
index b3609db1a..b25b74035 100644
--- a/components/_util/Clone.vue
+++ b/components/_util/Clone.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import { cloneElement } from './vnode'
 import PropTypes from './vue-types'
 export default {
@@ -16,4 +16,4 @@ export default {
     return children
   },
 }
-</script>
+
diff --git a/components/_util/ContainerRender.vue b/components/_util/ContainerRender.jsx
similarity index 99%
rename from components/_util/ContainerRender.vue
rename to components/_util/ContainerRender.jsx
index 19c0db2be..d668f4cc3 100644
--- a/components/_util/ContainerRender.vue
+++ b/components/_util/ContainerRender.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import Vue from 'vue'
 import PropTypes from './vue-types'
 
@@ -85,4 +85,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/affix/index.vue b/components/affix/index.jsx
similarity index 99%
rename from components/affix/index.vue
rename to components/affix/index.jsx
index 78fd1432b..65b11d6d2 100644
--- a/components/affix/index.vue
+++ b/components/affix/index.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import addEventListener from '../_util/Dom/addEventListener'
 import classNames from 'classnames'
@@ -242,4 +242,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/alert/index.vue b/components/alert/index.jsx
similarity index 99%
rename from components/alert/index.vue
rename to components/alert/index.jsx
index 613a1fe63..089e6576b 100644
--- a/components/alert/index.vue
+++ b/components/alert/index.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import Icon from '../icon'
 import classNames from 'classnames'
 import BaseMixin from '../_util/BaseMixin'
@@ -130,4 +130,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/align/Align.vue b/components/align/Align.jsx
similarity index 99%
rename from components/align/Align.vue
rename to components/align/Align.jsx
index c4dfb3084..af19e5377 100644
--- a/components/align/Align.vue
+++ b/components/align/Align.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import align from 'dom-align'
 import addEventListener from '../_util/Dom/addEventListener'
@@ -125,4 +125,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/auto-complete/InputElement.vue b/components/auto-complete/InputElement.jsx
similarity index 98%
rename from components/auto-complete/InputElement.vue
rename to components/auto-complete/InputElement.jsx
index 13decdb1c..f7592eb2f 100644
--- a/components/auto-complete/InputElement.vue
+++ b/components/auto-complete/InputElement.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import { cloneElement } from '../_util/vnode'
 function chaining (...fns) {
@@ -52,4 +52,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/auto-complete/index.vue b/components/auto-complete/index.jsx
similarity index 99%
rename from components/auto-complete/index.vue
rename to components/auto-complete/index.jsx
index 9fb89aef1..16e116671 100644
--- a/components/auto-complete/index.vue
+++ b/components/auto-complete/index.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import { Option, OptGroup } from '../vc-select'
 import Select, { AbstractSelectProps, SelectValue } from '../select'
 import Input from '../input'
@@ -134,4 +134,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/avatar/Avatar.vue b/components/avatar/Avatar.jsx
similarity index 97%
rename from components/avatar/Avatar.vue
rename to components/avatar/Avatar.jsx
index cf556b89d..fc393f06b 100644
--- a/components/avatar/Avatar.vue
+++ b/components/avatar/Avatar.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import Icon from '../icon'
 
 export default {
@@ -85,7 +85,7 @@ export default {
     return (
       <span class={classes}>
         {src ? <img src={src}/>
-          : (icon ? <icon type={icon} />
+          : (icon ? <Icon type={icon} />
             : <span
               ref='avatorChildren'
               class={prefixCls + '-string'}
@@ -96,4 +96,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/back-top/index.vue b/components/back-top/index.jsx
similarity index 99%
rename from components/back-top/index.vue
rename to components/back-top/index.jsx
index d596694c1..90373b81b 100644
--- a/components/back-top/index.vue
+++ b/components/back-top/index.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import addEventListener from '../_util/Dom/addEventListener'
 import getScroll from '../_util/getScroll'
@@ -131,4 +131,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/badge/Badge.vue b/components/badge/Badge.jsx
similarity index 99%
rename from components/badge/Badge.vue
rename to components/badge/Badge.jsx
index b84f8f9f5..187214e5b 100644
--- a/components/badge/Badge.vue
+++ b/components/badge/Badge.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import ScrollNumber from './ScrollNumber'
 import classNames from 'classnames'
@@ -111,4 +111,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/badge/ScrollNumber.vue b/components/badge/ScrollNumber.jsx
similarity index 99%
rename from components/badge/ScrollNumber.vue
rename to components/badge/ScrollNumber.jsx
index c4d6d5dc5..66a8d8cc9 100644
--- a/components/badge/ScrollNumber.vue
+++ b/components/badge/ScrollNumber.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import BaseMixin from '../_util/BaseMixin'
 import { getStyle } from '../_util/props-util'
@@ -135,4 +135,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/breadcrumb/Breadcrumb.vue b/components/breadcrumb/Breadcrumb.jsx
similarity index 99%
rename from components/breadcrumb/Breadcrumb.vue
rename to components/breadcrumb/Breadcrumb.jsx
index a3a138d6f..e82c5cb74 100644
--- a/components/breadcrumb/Breadcrumb.vue
+++ b/components/breadcrumb/Breadcrumb.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import { cloneElement } from '../_util/vnode'
 import { filterEmpty, getComponentFromProp, getSlotOptions } from '../_util/props-util'
@@ -87,4 +87,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/breadcrumb/BreadcrumbItem.vue b/components/breadcrumb/BreadcrumbItem.jsx
similarity index 97%
rename from components/breadcrumb/BreadcrumbItem.vue
rename to components/breadcrumb/BreadcrumbItem.jsx
index 7f636604a..e273e9e94 100644
--- a/components/breadcrumb/BreadcrumbItem.vue
+++ b/components/breadcrumb/BreadcrumbItem.jsx
@@ -1,4 +1,4 @@
-<script>
+
   import PropTypes from '../_util/vue-types'
   import { hasProp, getComponentFromProp } from '../_util/props-util'
 
@@ -30,4 +30,4 @@
       return null
     },
   }
-</script>
+
diff --git a/components/button/button-group.vue b/components/button/button-group.jsx
similarity index 97%
rename from components/button/button-group.vue
rename to components/button/button-group.jsx
index 27f9723b4..4cd6cc555 100644
--- a/components/button/button-group.vue
+++ b/components/button/button-group.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import { filterEmpty } from '../_util/props-util'
 const ButtonGroupProps = {
   prefixCls: {
@@ -44,4 +44,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/button/button.vue b/components/button/button.jsx
similarity index 99%
rename from components/button/button.vue
rename to components/button/button.jsx
index 344009fc4..195a1847d 100644
--- a/components/button/button.vue
+++ b/components/button/button.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import Icon from '../icon'
 const rxTwoCNChar = /^[\u4e00-\u9fa5]{2}$/
 const isTwoCNChar = rxTwoCNChar.test.bind(rxTwoCNChar)
@@ -102,4 +102,4 @@ export default {
     }
   },
 }
-</script>
+
diff --git a/components/button/index.js b/components/button/index.js
index cae8d0a23..77530685f 100644
--- a/components/button/index.js
+++ b/components/button/index.js
@@ -1,5 +1,5 @@
-import Button from './button.vue'
-import ButtonGroup from './button-group.vue'
+import Button from './button'
+import ButtonGroup from './button-group'
 
 Button.Group = ButtonGroup
 export default Button
diff --git a/components/calendar/Header.vue b/components/calendar/Header.jsx
similarity index 99%
rename from components/calendar/Header.vue
rename to components/calendar/Header.jsx
index e9d9d6892..2990edbef 100644
--- a/components/calendar/Header.vue
+++ b/components/calendar/Header.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import { PREFIX_CLS } from './Constants'
 import Select from '../select'
 import { Group, Button } from '../radio'
@@ -127,4 +127,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/calendar/index.vue b/components/calendar/index.jsx
similarity index 99%
rename from components/calendar/index.vue
rename to components/calendar/index.jsx
index b358188b1..7a73a6d43 100644
--- a/components/calendar/index.vue
+++ b/components/calendar/index.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '@/components/_util/vue-types'
 import BaseMixin from '@/components/_util/BaseMixin'
 import { getOptionProps, hasProp, initDefaultProps } from '@/components/_util/props-util'
@@ -212,4 +212,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/card/Card.vue b/components/card/Card.jsx
similarity index 99%
rename from components/card/Card.vue
rename to components/card/Card.jsx
index ea7f86775..b05d9762d 100644
--- a/components/card/Card.vue
+++ b/components/card/Card.jsx
@@ -1,4 +1,4 @@
-<script>
+
   import Tabs from '../tabs'
   import PropTypes from '../_util/vue-types'
   import addEventListener from '../_util/Dom/addEventListener'
@@ -161,4 +161,4 @@
       )
     },
   }
-</script>
+
diff --git a/components/card/Grid.vue b/components/card/Grid.jsx
similarity index 95%
rename from components/card/Grid.vue
rename to components/card/Grid.jsx
index 3ebcd00a4..23b37f39b 100644
--- a/components/card/Grid.vue
+++ b/components/card/Grid.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 
 export default {
@@ -16,4 +16,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/card/Meta.vue b/components/card/Meta.jsx
similarity index 98%
rename from components/card/Meta.vue
rename to components/card/Meta.jsx
index 3b50f8b9e..6569e7a0d 100644
--- a/components/card/Meta.vue
+++ b/components/card/Meta.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import { getComponentFromProp } from '../_util/props-util'
 
@@ -33,4 +33,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/cascader/index.vue b/components/cascader/index.jsx
similarity index 99%
rename from components/cascader/index.vue
rename to components/cascader/index.jsx
index d2bf6549b..6cc86ea43 100644
--- a/components/cascader/index.vue
+++ b/components/cascader/index.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import VcCascader from '../vc-cascader'
 import arrayTreeFilter from 'array-tree-filter'
@@ -382,4 +382,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/checkbox/Checkbox.vue b/components/checkbox/Checkbox.jsx
similarity index 99%
rename from components/checkbox/Checkbox.vue
rename to components/checkbox/Checkbox.jsx
index 4a66d031a..722ed86e9 100644
--- a/components/checkbox/Checkbox.vue
+++ b/components/checkbox/Checkbox.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import hasProp from '../_util/props-util'
 export default {
   name: 'Checkbox',
@@ -122,4 +122,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/checkbox/Group.vue b/components/checkbox/Group.jsx
similarity index 97%
rename from components/checkbox/Group.vue
rename to components/checkbox/Group.jsx
index 48950902f..923140d0f 100644
--- a/components/checkbox/Group.vue
+++ b/components/checkbox/Group.jsx
@@ -1,5 +1,5 @@
-<script>
-import Checkbox from './Checkbox.vue'
+
+import Checkbox from './Checkbox'
 import hasProp from '../_util/props-util'
 export default {
   name: 'CheckboxGroup',
@@ -113,4 +113,4 @@ export default {
     },
   },
 }
-</script>
+
diff --git a/components/checkbox/index.js b/components/checkbox/index.js
index 25a2aa936..f6de60d06 100644
--- a/components/checkbox/index.js
+++ b/components/checkbox/index.js
@@ -1,5 +1,5 @@
-import Checkbox from './Checkbox.vue'
-import CheckboxGroup from './Group.vue'
+import Checkbox from './Checkbox'
+import CheckboxGroup from './Group'
 
 Checkbox.Group = CheckboxGroup
 export default Checkbox
diff --git a/components/collapse/Collapse.vue b/components/collapse/Collapse.jsx
similarity index 97%
rename from components/collapse/Collapse.vue
rename to components/collapse/Collapse.jsx
index f0cb3e6a1..f4b66a93c 100644
--- a/components/collapse/Collapse.vue
+++ b/components/collapse/Collapse.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import animation from '../_util/openAnimation'
 import { getOptionProps } from '../_util/props-util'
@@ -32,4 +32,4 @@ export default {
     return <RcCollapse {...rcCollapeProps}>{this.$slots.default}</RcCollapse>
   },
 }
-</script>
+
diff --git a/components/collapse/CollapsePanel.vue b/components/collapse/CollapsePanel.jsx
similarity index 97%
rename from components/collapse/CollapsePanel.vue
rename to components/collapse/CollapsePanel.jsx
index 63ff21961..3e39edafa 100644
--- a/components/collapse/CollapsePanel.vue
+++ b/components/collapse/CollapsePanel.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import { getOptionProps } from '../_util/props-util'
 import RcCollapse from './src'
@@ -35,4 +35,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/collapse/src/Collapse.vue b/components/collapse/src/Collapse.jsx
similarity index 99%
rename from components/collapse/src/Collapse.vue
rename to components/collapse/src/Collapse.jsx
index 13bf4b191..04d3d1b92 100644
--- a/components/collapse/src/Collapse.vue
+++ b/components/collapse/src/Collapse.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../../_util/vue-types'
 import BaseMixin from '../../_util/BaseMixin'
 import { hasProp, getPropsData, isEmptyElement } from '../../_util/props-util'
@@ -124,4 +124,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/collapse/src/Panel.vue b/components/collapse/src/Panel.jsx
similarity index 98%
rename from components/collapse/src/Panel.vue
rename to components/collapse/src/Panel.jsx
index c3533b780..306a03a74 100644
--- a/components/collapse/src/Panel.vue
+++ b/components/collapse/src/Panel.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PanelContent from './PanelContent'
 import { panelProps } from './commonProps'
 
@@ -68,4 +68,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/collapse/src/PanelContent.vue b/components/collapse/src/PanelContent.jsx
similarity index 97%
rename from components/collapse/src/PanelContent.vue
rename to components/collapse/src/PanelContent.jsx
index 3c13c0b1e..51f396006 100644
--- a/components/collapse/src/PanelContent.vue
+++ b/components/collapse/src/PanelContent.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../../_util/vue-types'
 
 export default {
@@ -34,4 +34,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/date-picker/RangePicker.vue b/components/date-picker/RangePicker.jsx
similarity index 99%
rename from components/date-picker/RangePicker.vue
rename to components/date-picker/RangePicker.jsx
index 89f875971..680ed92e3 100644
--- a/components/date-picker/RangePicker.vue
+++ b/components/date-picker/RangePicker.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import * as moment from 'moment'
 import RangeCalendar from '../vc-calendar/src/RangeCalendar'
 import VcDatePicker from '../vc-calendar/src/Picker'
@@ -363,4 +363,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/date-picker/WeekPicker.vue b/components/date-picker/WeekPicker.jsx
similarity index 99%
rename from components/date-picker/WeekPicker.vue
rename to components/date-picker/WeekPicker.jsx
index 2b725249a..2718bd364 100644
--- a/components/date-picker/WeekPicker.vue
+++ b/components/date-picker/WeekPicker.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import * as moment from 'moment'
 import Calendar from '../vc-calendar'
 import VcDatePicker from '../vc-calendar/src/Picker'
@@ -161,4 +161,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/divider/index.vue b/components/divider/index.jsx
similarity index 97%
rename from components/divider/index.vue
rename to components/divider/index.jsx
index 5399a8c92..26c074d1a 100644
--- a/components/divider/index.vue
+++ b/components/divider/index.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 export default {
   props: {
@@ -25,4 +25,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/dropdown/dropdown-button.vue b/components/dropdown/dropdown-button.jsx
similarity index 99%
rename from components/dropdown/dropdown-button.vue
rename to components/dropdown/dropdown-button.jsx
index 7c18be6b6..cb43bfaa2 100644
--- a/components/dropdown/dropdown-button.vue
+++ b/components/dropdown/dropdown-button.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import Button from '../button'
 import { ButtonGroupProps } from '../button/button-group'
 import Icon from '../icon'
@@ -80,4 +80,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/dropdown/dropdown.vue b/components/dropdown/dropdown.jsx
similarity index 99%
rename from components/dropdown/dropdown.vue
rename to components/dropdown/dropdown.jsx
index 528073419..60cf681ea 100644
--- a/components/dropdown/dropdown.vue
+++ b/components/dropdown/dropdown.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import RcDropdown from './src/index'
 import DropdownButton from './dropdown-button'
 // import warning from '../_util/warning'
@@ -74,4 +74,4 @@ Dropdown.Button = DropdownButton
 export default Dropdown
 export { DropdownProps }
 
-</script>
+
diff --git a/components/dropdown/src/Dropdown.vue b/components/dropdown/src/Dropdown.jsx
similarity index 99%
rename from components/dropdown/src/Dropdown.vue
rename to components/dropdown/src/Dropdown.jsx
index 61f99503b..e5be8c86c 100644
--- a/components/dropdown/src/Dropdown.vue
+++ b/components/dropdown/src/Dropdown.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../../_util/vue-types'
 import Trigger from '../../trigger'
 import placements from './placements'
@@ -147,4 +147,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/grid/Col.vue b/components/grid/Col.jsx
similarity index 99%
rename from components/grid/Col.vue
rename to components/grid/Col.jsx
index d3584f389..c7ab7ad8d 100644
--- a/components/grid/Col.vue
+++ b/components/grid/Col.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 
 const stringOrNumber = PropTypes.oneOfType([PropTypes.string, PropTypes.number])
@@ -68,5 +68,5 @@ export default {
   },
 }
 
-</script>
+
 
diff --git a/components/grid/Row.vue b/components/grid/Row.jsx
similarity index 99%
rename from components/grid/Row.vue
rename to components/grid/Row.jsx
index e2f485a09..d42db6862 100644
--- a/components/grid/Row.vue
+++ b/components/grid/Row.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import BaseMixin from '../_util/BaseMixin'
 import { cloneElement } from '../_util/vnode'
@@ -147,5 +147,5 @@ export default {
     return <div class={classes} style={rowStyle}>{cols}</div>
   },
 }
-</script>
+
 
diff --git a/components/icon/icon.vue b/components/icon/icon.jsx
similarity index 98%
rename from components/icon/icon.vue
rename to components/icon/icon.jsx
index 0f68d800c..ca2826c64 100644
--- a/components/icon/icon.vue
+++ b/components/icon/icon.jsx
@@ -1,4 +1,4 @@
-<script>
+
 export default {
   name: 'Icon',
   props: {
@@ -58,4 +58,4 @@ export default {
     }
   },
 }
-</script>
+
diff --git a/components/icon/index.js b/components/icon/index.js
index 36ce4b22c..8c2623014 100644
--- a/components/icon/index.js
+++ b/components/icon/index.js
@@ -1,3 +1,3 @@
-import Icon from './icon.vue'
+import Icon from './icon'
 export default Icon
 
diff --git a/components/input/Group.vue b/components/input/Group.jsx
similarity index 97%
rename from components/input/Group.vue
rename to components/input/Group.jsx
index 2a5b890dd..d7dcd5416 100644
--- a/components/input/Group.vue
+++ b/components/input/Group.jsx
@@ -1,4 +1,4 @@
-<script>
+
 
 export default {
   name: 'InputGruop',
@@ -35,4 +35,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/input/Input.vue b/components/input/Input.jsx
similarity index 99%
rename from components/input/Input.vue
rename to components/input/Input.jsx
index 31d1889b1..1e3c48895 100644
--- a/components/input/Input.vue
+++ b/components/input/Input.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import TextArea from './TextArea'
 import omit from 'omit.js'
 import inputProps from './inputProps'
@@ -190,4 +190,4 @@ export default {
     return this.renderLabeledInput(this.renderInput())
   },
 }
-</script>
+
diff --git a/components/input/Search.vue b/components/input/Search.jsx
similarity index 98%
rename from components/input/Search.vue
rename to components/input/Search.jsx
index 98aee3688..4dc0cbbc7 100644
--- a/components/input/Search.vue
+++ b/components/input/Search.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import Input, { InputProps } from './Input'
 import Icon from '../icon'
 
@@ -49,4 +49,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/input/TextArea.vue b/components/input/TextArea.jsx
similarity index 99%
rename from components/input/TextArea.vue
rename to components/input/TextArea.jsx
index 11ac9ffd1..60719cb24 100644
--- a/components/input/TextArea.vue
+++ b/components/input/TextArea.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import omit from 'omit.js'
 import inputProps from './inputProps'
 import calculateNodeHeight from './calculateNodeHeight'
@@ -139,4 +139,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/locale-provider/LocaleReceiver.vue b/components/locale-provider/LocaleReceiver.jsx
similarity index 98%
rename from components/locale-provider/LocaleReceiver.vue
rename to components/locale-provider/LocaleReceiver.jsx
index ed92ff570..40dd4a8d0 100644
--- a/components/locale-provider/LocaleReceiver.vue
+++ b/components/locale-provider/LocaleReceiver.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 
 export default {
@@ -42,4 +42,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/locale-provider/index.vue b/components/locale-provider/index.jsx
similarity index 98%
rename from components/locale-provider/index.vue
rename to components/locale-provider/index.jsx
index 5415ddd46..517aa1a8f 100644
--- a/components/locale-provider/index.vue
+++ b/components/locale-provider/index.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import * as moment from 'moment'
 // import { ModalLocale, changeConfirmLocale } from '../modal/locale'
@@ -69,4 +69,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/menu/MenuItem.vue b/components/menu/MenuItem.jsx
similarity index 98%
rename from components/menu/MenuItem.vue
rename to components/menu/MenuItem.jsx
index 53385ab4b..1cb6161d4 100644
--- a/components/menu/MenuItem.vue
+++ b/components/menu/MenuItem.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import { Item, itemProps } from '../vc-menu'
 import { getClass, getStyle } from '../_util/props-util'
 import { cloneVNodes } from '../_util/vnode'
@@ -50,4 +50,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/menu/index.vue b/components/menu/index.jsx
similarity index 99%
rename from components/menu/index.vue
rename to components/menu/index.jsx
index 0e72ee52b..6cc8c8982 100644
--- a/components/menu/index.vue
+++ b/components/menu/index.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import omit from 'omit.js'
 import RcMenu, { Divider, ItemGroup, SubMenu } from '../vc-menu'
 import PropTypes from '../_util/vue-types'
@@ -251,4 +251,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/modal/ActionButton.vue b/components/modal/ActionButton.jsx
similarity index 98%
rename from components/modal/ActionButton.vue
rename to components/modal/ActionButton.jsx
index 9ec46761a..be68118be 100644
--- a/components/modal/ActionButton.vue
+++ b/components/modal/ActionButton.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import Button from '../button'
 import BaseMixin from '../_util/BaseMixin'
@@ -67,4 +67,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/modal/ConfirmDialog.vue b/components/modal/ConfirmDialog.jsx
similarity index 99%
rename from components/modal/ConfirmDialog.vue
rename to components/modal/ConfirmDialog.jsx
index bec01ce92..38a014a34 100644
--- a/components/modal/ConfirmDialog.vue
+++ b/components/modal/ConfirmDialog.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import classNames from 'classnames'
 import Icon from '../icon'
 import Dialog from './Modal'
@@ -68,4 +68,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/modal/Modal.vue b/components/modal/Modal.jsx
similarity index 99%
rename from components/modal/Modal.vue
rename to components/modal/Modal.jsx
index 99893ae9d..6127e84f6 100644
--- a/components/modal/Modal.vue
+++ b/components/modal/Modal.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import Dialog from '../vc-dialog'
 import PropTypes from '../_util/vue-types'
 import addEventListener from '../_util/Dom/addEventListener'
@@ -155,4 +155,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/pagination/MiniSelect.vue b/components/pagination/MiniSelect.jsx
similarity index 96%
rename from components/pagination/MiniSelect.vue
rename to components/pagination/MiniSelect.jsx
index 5df26021d..35faf5b30 100644
--- a/components/pagination/MiniSelect.vue
+++ b/components/pagination/MiniSelect.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import VcSelect, { SelectProps } from '../select'
 import { getOptionProps, filterEmpty } from '../_util/props-util'
 
@@ -19,4 +19,4 @@ export default {
     return <VcSelect {...selelctProps}>{filterEmpty(this.$slots.default)}</VcSelect>
   },
 }
-</script>
+
diff --git a/components/pagination/Pagination.vue b/components/pagination/Pagination.jsx
similarity index 99%
rename from components/pagination/Pagination.vue
rename to components/pagination/Pagination.jsx
index a82cbdfb4..e5be8723c 100644
--- a/components/pagination/Pagination.vue
+++ b/components/pagination/Pagination.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import VcSelect from '../select'
 import MiniSelect from './MiniSelect'
@@ -75,4 +75,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/popconfirm/index.vue b/components/popconfirm/index.jsx
similarity index 99%
rename from components/popconfirm/index.vue
rename to components/popconfirm/index.jsx
index 0b6c3ba3b..0bcd45a85 100644
--- a/components/popconfirm/index.vue
+++ b/components/popconfirm/index.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import omit from 'omit.js'
 import Tooltip from '../tooltip'
 import abstractTooltipProps from '../tooltip/abstractTooltipProps'
@@ -114,4 +114,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/popover/index.vue b/components/popover/index.jsx
similarity index 98%
rename from components/popover/index.vue
rename to components/popover/index.jsx
index 16407335f..4d4a181a3 100644
--- a/components/popover/index.vue
+++ b/components/popover/index.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import Tooltip from '../tooltip'
 import abstractTooltipProps from '../tooltip/abstractTooltipProps'
 import PropTypes from '../_util/vue-types'
@@ -58,4 +58,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/radio/Group.vue b/components/radio/Group.jsx
similarity index 97%
rename from components/radio/Group.vue
rename to components/radio/Group.jsx
index 6fcf00b6d..1bd353913 100644
--- a/components/radio/Group.vue
+++ b/components/radio/Group.jsx
@@ -1,5 +1,5 @@
-<script>
-import Radio from './Radio.vue'
+
+import Radio from './Radio'
 export default {
   name: 'RadioGroup',
   props: {
@@ -86,4 +86,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/radio/Radio.vue b/components/radio/Radio.jsx
similarity index 99%
rename from components/radio/Radio.vue
rename to components/radio/Radio.jsx
index afb2be369..01cb5d49b 100644
--- a/components/radio/Radio.vue
+++ b/components/radio/Radio.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import hasProp from '../_util/props-util'
 export default {
   name: 'Radio',
@@ -104,4 +104,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/rate/Rate.vue b/components/rate/Rate.jsx
similarity index 98%
rename from components/rate/Rate.vue
rename to components/rate/Rate.jsx
index 4ccedf738..949d6301e 100644
--- a/components/rate/Rate.vue
+++ b/components/rate/Rate.jsx
@@ -1,5 +1,5 @@
-<script>
-import Star from './Star.vue'
+
+import Star from './Star'
 import Icon from '../icon'
 import { getOffsetLeft } from './util'
 import { cloneVNodes } from '../_util/vnode'
@@ -135,4 +135,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/rate/Star.vue b/components/rate/Star.jsx
similarity index 98%
rename from components/rate/Star.vue
rename to components/rate/Star.jsx
index 773eee3c2..cb753674d 100644
--- a/components/rate/Star.vue
+++ b/components/rate/Star.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import { cloneVNodes } from '../_util/vnode'
 
 export default {
@@ -48,4 +48,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/select/index.vue b/components/select/index.jsx
similarity index 99%
rename from components/select/index.vue
rename to components/select/index.jsx
index 5211ffcab..9bd1fcbe7 100644
--- a/components/select/index.vue
+++ b/components/select/index.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import VcSelect, { Option, OptGroup } from '../vc-select'
 import LocaleReceiver from '../locale-provider/LocaleReceiver'
@@ -171,4 +171,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/spin/Spin.vue b/components/spin/Spin.jsx
similarity index 99%
rename from components/spin/Spin.vue
rename to components/spin/Spin.jsx
index d01090963..95b87aafd 100644
--- a/components/spin/Spin.vue
+++ b/components/spin/Spin.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import BaseMixin from '../_util/BaseMixin'
 import isCssAnimationSupported from '../_util/isCssAnimationSupported'
@@ -127,4 +127,4 @@ export default {
     return spinElement
   },
 }
-</script>
+
diff --git a/components/steps/index.vue b/components/steps/index.jsx
similarity index 98%
rename from components/steps/index.vue
rename to components/steps/index.jsx
index acf8a2d15..5bf5772e4 100644
--- a/components/steps/index.vue
+++ b/components/steps/index.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import { initDefaultProps, getOptionProps } from '../_util/props-util'
 import VcSteps from '../vc-steps'
@@ -43,4 +43,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/switch/index.vue b/components/switch/index.jsx
similarity index 98%
rename from components/switch/index.vue
rename to components/switch/index.jsx
index 6783d9886..c8f8d0e3b 100644
--- a/components/switch/index.vue
+++ b/components/switch/index.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import { getOptionProps, getComponentFromProp } from '../_util/props-util'
 import VcSwitch from '../vc-switch'
@@ -56,4 +56,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/tabs/index.js b/components/tabs/index.js
index b91a2b6fb..639756774 100644
--- a/components/tabs/index.js
+++ b/components/tabs/index.js
@@ -1,4 +1,4 @@
-import Tabs from './index.vue'
+import Tabs from './tabs'
 import TabPane from './src/TabPane'
 import TabContent from './src/TabContent'
 Tabs.TabPane = TabPane
diff --git a/components/tabs/src/InkTabBar.vue b/components/tabs/src/InkTabBar.jsx
similarity index 94%
rename from components/tabs/src/InkTabBar.vue
rename to components/tabs/src/InkTabBar.jsx
index bab261e8e..53cc15a2e 100644
--- a/components/tabs/src/InkTabBar.vue
+++ b/components/tabs/src/InkTabBar.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import InkTabBarMixin from './InkTabBarMixin'
 import TabBarMixin from './TabBarMixin'
 
@@ -11,4 +11,4 @@ export default {
     return this.getRootNode([inkBarNode, tabs], h)
   },
 }
-</script>
+
diff --git a/components/tabs/src/ScrollableInkTabBar.vue b/components/tabs/src/ScrollableInkTabBar.jsx
similarity index 96%
rename from components/tabs/src/ScrollableInkTabBar.vue
rename to components/tabs/src/ScrollableInkTabBar.jsx
index 5a65407d0..0b57795b3 100644
--- a/components/tabs/src/ScrollableInkTabBar.vue
+++ b/components/tabs/src/ScrollableInkTabBar.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import InkTabBarMixin from './InkTabBarMixin'
 import ScrollableTabBarMixin from './ScrollableTabBarMixin'
 import TabBarMixin from './TabBarMixin'
@@ -14,5 +14,5 @@ export default {
     return this.getRootNode(scrollbarNode, h)
   },
 }
-</script>
+
 
diff --git a/components/tabs/src/ScrollableTabBar.vue b/components/tabs/src/ScrollableTabBar.jsx
similarity index 96%
rename from components/tabs/src/ScrollableTabBar.vue
rename to components/tabs/src/ScrollableTabBar.jsx
index 7b38d9637..3cb143c9b 100644
--- a/components/tabs/src/ScrollableTabBar.vue
+++ b/components/tabs/src/ScrollableTabBar.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import ScrollableTabBarMixin from './ScrollableTabBarMixin'
 import TabBarMixin from './TabBarMixin'
 import BaseMixin from '../../_util/BaseMixin'
@@ -13,5 +13,5 @@ export default {
     return this.getRootNode(scrollbarNode, h)
   },
 }
-</script>
+
 
diff --git a/components/tabs/src/TabBar.vue b/components/tabs/src/TabBar.jsx
similarity index 96%
rename from components/tabs/src/TabBar.vue
rename to components/tabs/src/TabBar.jsx
index 8e65f6a7d..2b3a33f78 100644
--- a/components/tabs/src/TabBar.vue
+++ b/components/tabs/src/TabBar.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import TabBarMixin from './TabBarMixin'
 import BaseMixin from '../../_util/BaseMixin'
 export default {
@@ -22,4 +22,4 @@ export default {
     return this.getRootNode(tabs, h)
   },
 }
-</script>
+
diff --git a/components/tabs/src/TabContent.vue b/components/tabs/src/TabContent.jsx
similarity index 98%
rename from components/tabs/src/TabContent.vue
rename to components/tabs/src/TabContent.jsx
index 0a69ec3e2..c36d115b6 100644
--- a/components/tabs/src/TabContent.vue
+++ b/components/tabs/src/TabContent.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import {
   getTransformByIndex,
   getActiveIndex,
@@ -63,4 +63,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/tabs/src/TabPane.vue b/components/tabs/src/TabPane.jsx
similarity index 98%
rename from components/tabs/src/TabPane.vue
rename to components/tabs/src/TabPane.jsx
index 9e27a055a..99eb93a44 100644
--- a/components/tabs/src/TabPane.vue
+++ b/components/tabs/src/TabPane.jsx
@@ -1,4 +1,4 @@
-<script>
+
 export default {
   name: 'TabPane',
   props: {
@@ -50,4 +50,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/tabs/src/Tabs.vue b/components/tabs/src/Tabs.jsx
similarity index 99%
rename from components/tabs/src/Tabs.vue
rename to components/tabs/src/Tabs.jsx
index b7a30e7e3..e3c3ee7b1 100644
--- a/components/tabs/src/Tabs.vue
+++ b/components/tabs/src/Tabs.jsx
@@ -1,4 +1,4 @@
-<script>
+
 // based on rc-tabs 9.2.4
 import Icon from '../../icon'
 import KeyCode from './KeyCode'
@@ -225,4 +225,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/tabs/index.vue b/components/tabs/tabs.jsx
similarity index 99%
rename from components/tabs/index.vue
rename to components/tabs/tabs.jsx
index 5e7777a08..bc6d28144 100644
--- a/components/tabs/index.vue
+++ b/components/tabs/tabs.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import Tabs from './src/Tabs'
 import isFlexSupported from '../_util/isFlexSupported'
 import { hasProp, getComponentFromProp, getComponentName, isEmptyElement } from '../_util/props-util'
@@ -174,4 +174,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/tag/CheckableTag.vue b/components/tag/CheckableTag.jsx
similarity index 97%
rename from components/tag/CheckableTag.vue
rename to components/tag/CheckableTag.jsx
index 688f09895..9b5f2d201 100644
--- a/components/tag/CheckableTag.vue
+++ b/components/tag/CheckableTag.jsx
@@ -1,4 +1,4 @@
-<script>
+
 
 export default {
   name: 'CheckableTag',
@@ -38,4 +38,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/tag/Tag.vue b/components/tag/Tag.jsx
similarity index 99%
rename from components/tag/Tag.vue
rename to components/tag/Tag.jsx
index d952a7c1e..8f6428c95 100644
--- a/components/tag/Tag.vue
+++ b/components/tag/Tag.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import Icon from '../icon'
 import getTransitionProps from '../_util/getTransitionProps'
 import omit from 'omit.js'
@@ -80,4 +80,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/tag/index.js b/components/tag/index.js
index 98791e3b9..ff92c960b 100644
--- a/components/tag/index.js
+++ b/components/tag/index.js
@@ -1,5 +1,5 @@
-import Tag from './Tag.vue'
-import CheckableTag from './CheckableTag.vue'
+import Tag from './Tag'
+import CheckableTag from './CheckableTag'
 
 Tag.CheckableTag = CheckableTag
 export default Tag
diff --git a/components/time-picker/index.vue b/components/time-picker/index.jsx
similarity index 99%
rename from components/time-picker/index.vue
rename to components/time-picker/index.jsx
index 3fda29187..8a3010e8b 100644
--- a/components/time-picker/index.vue
+++ b/components/time-picker/index.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import * as moment from 'moment'
 import VcTimePicker from '../vc-time-picker'
 import LocaleReceiver from '../locale-provider/LocaleReceiver'
@@ -170,4 +170,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/tooltip/Tooltip.vue b/components/tooltip/Tooltip.jsx
similarity index 99%
rename from components/tooltip/Tooltip.vue
rename to components/tooltip/Tooltip.jsx
index 00d6117f0..7f4c55955 100644
--- a/components/tooltip/Tooltip.vue
+++ b/components/tooltip/Tooltip.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import { cloneElement } from '../_util/vnode'
 import VcTooltip from '../vc-tooltip'
 import getPlacements from './placements'
@@ -184,4 +184,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/tooltip/index.js b/components/tooltip/index.js
index 8cbdc0fe9..ace505303 100644
--- a/components/tooltip/index.js
+++ b/components/tooltip/index.js
@@ -1,3 +1,3 @@
-import ToolTip from './Tooltip.vue'
+import ToolTip from './Tooltip'
 export default ToolTip
 
diff --git a/components/trigger/LazyRenderBox.vue b/components/trigger/LazyRenderBox.jsx
similarity index 96%
rename from components/trigger/LazyRenderBox.vue
rename to components/trigger/LazyRenderBox.jsx
index 3cc5cde70..a28909307 100644
--- a/components/trigger/LazyRenderBox.vue
+++ b/components/trigger/LazyRenderBox.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 
 export default {
@@ -25,4 +25,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/trigger/Popup.vue b/components/trigger/Popup.jsx
similarity index 99%
rename from components/trigger/Popup.vue
rename to components/trigger/Popup.jsx
index da1adbb33..241051835 100644
--- a/components/trigger/Popup.vue
+++ b/components/trigger/Popup.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import Align from '../align'
 import PopupInner from './PopupInner'
@@ -228,5 +228,5 @@ export default {
   },
 }
 
-</script>
+
 
diff --git a/components/trigger/PopupInner.vue b/components/trigger/PopupInner.jsx
similarity index 97%
rename from components/trigger/PopupInner.vue
rename to components/trigger/PopupInner.jsx
index bd125e495..0cfa7d129 100644
--- a/components/trigger/PopupInner.vue
+++ b/components/trigger/PopupInner.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import LazyRenderBox from './LazyRenderBox'
 
@@ -25,4 +25,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/trigger/index.vue b/components/trigger/Trigger.jsx
similarity index 99%
rename from components/trigger/index.vue
rename to components/trigger/Trigger.jsx
index e3f8b1878..69075c98c 100644
--- a/components/trigger/index.vue
+++ b/components/trigger/Trigger.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import Vue from 'vue'
 import PropTypes from '../_util/vue-types'
 import contains from '../_util/Dom/contains'
@@ -548,4 +548,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/trigger/index.js b/components/trigger/index.js
index c519c9a33..ad87c6562 100644
--- a/components/trigger/index.js
+++ b/components/trigger/index.js
@@ -1,3 +1,3 @@
 // export this package's api
-import Trigger from './index.vue'
+import Trigger from './Trigger'
 export default Trigger
diff --git a/components/vc-calendar/src/Calendar.vue b/components/vc-calendar/src/Calendar.jsx
similarity index 99%
rename from components/vc-calendar/src/Calendar.vue
rename to components/vc-calendar/src/Calendar.jsx
index a65530fc9..7a636d12f 100644
--- a/components/vc-calendar/src/Calendar.vue
+++ b/components/vc-calendar/src/Calendar.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '@/components/_util/vue-types'
 import BaseMixin from '@/components/_util/BaseMixin'
 import { getOptionProps, hasProp } from '@/components/_util/props-util'
@@ -334,4 +334,4 @@ const Calendar = {
 }
 
 export default Calendar
-</script>
+
diff --git a/components/vc-calendar/src/FullCalendar.vue b/components/vc-calendar/src/FullCalendar.jsx
similarity index 99%
rename from components/vc-calendar/src/FullCalendar.vue
rename to components/vc-calendar/src/FullCalendar.jsx
index a30156147..fa425482e 100644
--- a/components/vc-calendar/src/FullCalendar.vue
+++ b/components/vc-calendar/src/FullCalendar.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '@/components/_util/vue-types'
 import BaseMixin from '@/components/_util/BaseMixin'
 import { getOptionProps, hasProp } from '@/components/_util/props-util'
@@ -150,4 +150,4 @@ const FullCalendar = {
 }
 
 export default FullCalendar
-</script>
+
diff --git a/components/vc-calendar/src/MonthCalendar.vue b/components/vc-calendar/src/MonthCalendar.jsx
similarity index 99%
rename from components/vc-calendar/src/MonthCalendar.vue
rename to components/vc-calendar/src/MonthCalendar.jsx
index 8aaa22c4f..2280987c2 100644
--- a/components/vc-calendar/src/MonthCalendar.vue
+++ b/components/vc-calendar/src/MonthCalendar.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '@/components/_util/vue-types'
 import BaseMixin from '@/components/_util/BaseMixin'
 import KeyCode from '@/components/_util/KeyCode'
@@ -116,4 +116,4 @@ const MonthCalendar = {
 }
 
 export default MonthCalendar
-</script>
+
diff --git a/components/vc-calendar/src/Picker.vue b/components/vc-calendar/src/Picker.jsx
similarity index 99%
rename from components/vc-calendar/src/Picker.vue
rename to components/vc-calendar/src/Picker.jsx
index 2ad7adbbb..90e6cc0fb 100644
--- a/components/vc-calendar/src/Picker.vue
+++ b/components/vc-calendar/src/Picker.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '@/components/_util/vue-types'
 import BaseMixin from '@/components/_util/BaseMixin'
 import { getOptionProps, hasProp, getEvents, getStyle } from '@/components/_util/props-util'
@@ -228,4 +228,4 @@ const Picker = {
 }
 
 export default Picker
-</script>
+
diff --git a/components/vc-calendar/src/RangeCalendar.vue b/components/vc-calendar/src/RangeCalendar.jsx
similarity index 99%
rename from components/vc-calendar/src/RangeCalendar.vue
rename to components/vc-calendar/src/RangeCalendar.jsx
index 33e1e20b3..a159df0d9 100644
--- a/components/vc-calendar/src/RangeCalendar.vue
+++ b/components/vc-calendar/src/RangeCalendar.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '@/components/_util/vue-types'
 import BaseMixin from '@/components/_util/BaseMixin'
 import { getOptionProps, hasProp, mergeProps } from '@/components/_util/props-util'
@@ -644,4 +644,4 @@ const RangeCalendar = {
 }
 
 export default RangeCalendar
-</script>
+
diff --git a/components/vc-calendar/src/calendar/CalendarFooter.vue b/components/vc-calendar/src/calendar/CalendarFooter.jsx
similarity index 99%
rename from components/vc-calendar/src/calendar/CalendarFooter.vue
rename to components/vc-calendar/src/calendar/CalendarFooter.jsx
index dcf7cdb81..09c0bd30d 100644
--- a/components/vc-calendar/src/calendar/CalendarFooter.vue
+++ b/components/vc-calendar/src/calendar/CalendarFooter.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '@/components/_util/vue-types'
 import BaseMixin from '@/components/_util/BaseMixin'
 import { getOptionProps } from '@/components/_util/props-util'
@@ -84,4 +84,4 @@ const CalendarFooter = {
 }
 
 export default CalendarFooter
-</script>
+
diff --git a/components/vc-calendar/src/calendar/CalendarHeader.vue b/components/vc-calendar/src/calendar/CalendarHeader.jsx
similarity index 99%
rename from components/vc-calendar/src/calendar/CalendarHeader.vue
rename to components/vc-calendar/src/calendar/CalendarHeader.jsx
index c737ca821..de866047f 100644
--- a/components/vc-calendar/src/calendar/CalendarHeader.vue
+++ b/components/vc-calendar/src/calendar/CalendarHeader.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '@/components/_util/vue-types'
 import BaseMixin from '@/components/_util/BaseMixin'
 import { getOptionProps } from '@/components/_util/props-util'
@@ -214,4 +214,4 @@ const CalendarHeader = {
 }
 
 export default CalendarHeader
-</script>
+
diff --git a/components/vc-calendar/src/calendar/OkButton.vue b/components/vc-calendar/src/calendar/OkButton.jsx
similarity index 96%
rename from components/vc-calendar/src/calendar/OkButton.vue
rename to components/vc-calendar/src/calendar/OkButton.jsx
index 887787db8..9ef9f44b1 100644
--- a/components/vc-calendar/src/calendar/OkButton.vue
+++ b/components/vc-calendar/src/calendar/OkButton.jsx
@@ -1,4 +1,4 @@
-<script>
+
 function noop () {}
 export default {
   functional: true,
@@ -18,4 +18,4 @@ export default {
   },
 
 }
-</script>
+
diff --git a/components/vc-calendar/src/calendar/TimePickerButton.vue b/components/vc-calendar/src/calendar/TimePickerButton.jsx
similarity index 97%
rename from components/vc-calendar/src/calendar/TimePickerButton.vue
rename to components/vc-calendar/src/calendar/TimePickerButton.jsx
index ab49eff7a..011b1e682 100644
--- a/components/vc-calendar/src/calendar/TimePickerButton.vue
+++ b/components/vc-calendar/src/calendar/TimePickerButton.jsx
@@ -1,4 +1,4 @@
-<script>
+
 function noop () {}
 export default {
   functional: true,
@@ -24,4 +24,4 @@ export default {
   },
 
 }
-</script>
+
diff --git a/components/vc-calendar/src/calendar/TodayButton.vue b/components/vc-calendar/src/calendar/TodayButton.jsx
similarity index 98%
rename from components/vc-calendar/src/calendar/TodayButton.vue
rename to components/vc-calendar/src/calendar/TodayButton.jsx
index b1be9704b..9f95ba5d6 100644
--- a/components/vc-calendar/src/calendar/TodayButton.vue
+++ b/components/vc-calendar/src/calendar/TodayButton.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import { getTodayTimeStr, getTodayTime, isAllowedDate } from '../util/'
 function noop () {}
 export default {
@@ -34,4 +34,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/vc-calendar/src/date/DateInput.vue b/components/vc-calendar/src/date/DateInput.jsx
similarity index 99%
rename from components/vc-calendar/src/date/DateInput.vue
rename to components/vc-calendar/src/date/DateInput.jsx
index efdc26989..67f18342f 100644
--- a/components/vc-calendar/src/date/DateInput.vue
+++ b/components/vc-calendar/src/date/DateInput.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '@/components/_util/vue-types'
 import BaseMixin from '@/components/_util/BaseMixin'
 import moment from 'moment'
@@ -144,4 +144,4 @@ const DateInput = {
 }
 
 export default DateInput
-</script>
+
diff --git a/components/vc-calendar/src/date/DateTBody.vue b/components/vc-calendar/src/date/DateTBody.jsx
similarity index 99%
rename from components/vc-calendar/src/date/DateTBody.vue
rename to components/vc-calendar/src/date/DateTBody.jsx
index 66bb1f29c..36ef6169f 100644
--- a/components/vc-calendar/src/date/DateTBody.vue
+++ b/components/vc-calendar/src/date/DateTBody.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '@/components/_util/vue-types'
 import { getOptionProps } from '@/components/_util/props-util'
 import cx from 'classnames'
@@ -241,4 +241,4 @@ const DateTBody = {
 }
 
 export default DateTBody
-</script>
+
diff --git a/components/vc-calendar/src/date/DateTHead.vue b/components/vc-calendar/src/date/DateTHead.jsx
similarity index 98%
rename from components/vc-calendar/src/date/DateTHead.vue
rename to components/vc-calendar/src/date/DateTHead.jsx
index db8b82064..b8e8a7420 100644
--- a/components/vc-calendar/src/date/DateTHead.vue
+++ b/components/vc-calendar/src/date/DateTHead.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import DateConstants from './DateConstants'
 import moment from 'moment'
 
@@ -51,4 +51,4 @@ export default {
     </thead>)
   },
 }
-</script>
+
diff --git a/components/vc-calendar/src/date/DateTable.vue b/components/vc-calendar/src/date/DateTable.jsx
similarity index 96%
rename from components/vc-calendar/src/date/DateTable.vue
rename to components/vc-calendar/src/date/DateTable.jsx
index 5fcc05363..2c2280864 100644
--- a/components/vc-calendar/src/date/DateTable.vue
+++ b/components/vc-calendar/src/date/DateTable.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import DateTHead from './DateTHead'
 import DateTBody from './DateTBody'
 
@@ -17,4 +17,4 @@ export default {
     </table>)
   },
 }
-</script>
+
diff --git a/components/vc-calendar/src/decade/DecadePanel.vue b/components/vc-calendar/src/decade/DecadePanel.jsx
similarity index 99%
rename from components/vc-calendar/src/decade/DecadePanel.vue
rename to components/vc-calendar/src/decade/DecadePanel.jsx
index f1ec31b8f..3fd2c696c 100644
--- a/components/vc-calendar/src/decade/DecadePanel.vue
+++ b/components/vc-calendar/src/decade/DecadePanel.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '@/components/_util/vue-types'
 import BaseMixin from '@/components/_util/BaseMixin'
 const ROW = 4
@@ -127,4 +127,4 @@ export default {
       </div>)
   },
 }
-</script>
+
diff --git a/components/vc-calendar/src/full-calendar/CalendarHeader.vue b/components/vc-calendar/src/full-calendar/CalendarHeader.jsx
similarity index 99%
rename from components/vc-calendar/src/full-calendar/CalendarHeader.vue
rename to components/vc-calendar/src/full-calendar/CalendarHeader.jsx
index 2c391998b..b59e721cb 100644
--- a/components/vc-calendar/src/full-calendar/CalendarHeader.vue
+++ b/components/vc-calendar/src/full-calendar/CalendarHeader.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '@/components/_util/vue-types'
 import BaseMixin from '@/components/_util/BaseMixin'
 import { getMonthName } from '../util'
@@ -135,4 +135,4 @@ const CalendarHeader = {
 }
 
 export default CalendarHeader
-</script>
+
diff --git a/components/vc-calendar/src/month/MonthPanel.vue b/components/vc-calendar/src/month/MonthPanel.jsx
similarity index 99%
rename from components/vc-calendar/src/month/MonthPanel.vue
rename to components/vc-calendar/src/month/MonthPanel.jsx
index 6d4979d52..b8d2bd575 100644
--- a/components/vc-calendar/src/month/MonthPanel.vue
+++ b/components/vc-calendar/src/month/MonthPanel.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '@/components/_util/vue-types'
 import BaseMixin from '@/components/_util/BaseMixin'
 import { hasProp } from '@/components/_util/props-util'
@@ -113,4 +113,4 @@ const MonthPanel = {
 }
 
 export default MonthPanel
-</script>
+
diff --git a/components/vc-calendar/src/month/MonthTable.vue b/components/vc-calendar/src/month/MonthTable.jsx
similarity index 99%
rename from components/vc-calendar/src/month/MonthTable.vue
rename to components/vc-calendar/src/month/MonthTable.jsx
index 2abfb3262..218a4b627 100644
--- a/components/vc-calendar/src/month/MonthTable.vue
+++ b/components/vc-calendar/src/month/MonthTable.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '@/components/_util/vue-types'
 import BaseMixin from '@/components/_util/BaseMixin'
 import { getTodayTime, getMonthName } from '../util/index'
@@ -135,4 +135,4 @@ const MonthTable = {
 }
 
 export default MonthTable
-</script>
+
diff --git a/components/vc-calendar/src/range-calendar/CalendarPart.vue b/components/vc-calendar/src/range-calendar/CalendarPart.jsx
similarity index 99%
rename from components/vc-calendar/src/range-calendar/CalendarPart.vue
rename to components/vc-calendar/src/range-calendar/CalendarPart.jsx
index 74e24f0fc..399a089de 100644
--- a/components/vc-calendar/src/range-calendar/CalendarPart.vue
+++ b/components/vc-calendar/src/range-calendar/CalendarPart.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '@/components/_util/vue-types'
 import BaseMixin from '@/components/_util/BaseMixin'
 import { getOptionProps } from '@/components/_util/props-util'
@@ -145,4 +145,4 @@ const CalendarPart = {
 }
 
 export default CalendarPart
-</script>
+
diff --git a/components/vc-calendar/src/year/YearPanel.vue b/components/vc-calendar/src/year/YearPanel.jsx
similarity index 99%
rename from components/vc-calendar/src/year/YearPanel.vue
rename to components/vc-calendar/src/year/YearPanel.jsx
index eeb3dd8cc..7f83d5a64 100644
--- a/components/vc-calendar/src/year/YearPanel.vue
+++ b/components/vc-calendar/src/year/YearPanel.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '@/components/_util/vue-types'
 import BaseMixin from '@/components/_util/BaseMixin'
 const ROW = 4
@@ -142,4 +142,4 @@ export default {
       </div>)
   },
 }
-</script>
+
diff --git a/components/vc-cascader/Cascader.vue b/components/vc-cascader/Cascader.jsx
similarity index 99%
rename from components/vc-cascader/Cascader.vue
rename to components/vc-cascader/Cascader.jsx
index 96347a4b9..ac61adb2e 100644
--- a/components/vc-cascader/Cascader.vue
+++ b/components/vc-cascader/Cascader.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import Trigger from '../trigger'
 import Menus from './Menus'
@@ -320,4 +320,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/vc-cascader/Menus.vue b/components/vc-cascader/Menus.jsx
similarity index 99%
rename from components/vc-cascader/Menus.vue
rename to components/vc-cascader/Menus.jsx
index 8232fba4e..8137de88d 100644
--- a/components/vc-cascader/Menus.vue
+++ b/components/vc-cascader/Menus.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import arrayTreeFilter from 'array-tree-filter'
 import BaseMixin from '../_util/BaseMixin'
@@ -147,4 +147,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/vc-dialog/Dialog.vue b/components/vc-dialog/Dialog.jsx
similarity index 99%
rename from components/vc-dialog/Dialog.vue
rename to components/vc-dialog/Dialog.jsx
index c2b081775..c06439ad3 100644
--- a/components/vc-dialog/Dialog.vue
+++ b/components/vc-dialog/Dialog.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import KeyCode from '../_util/KeyCode'
 import LazyRenderBox from './LazyRenderBox'
 import BaseMixin from '../_util/BaseMixin'
@@ -414,4 +414,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/vc-dialog/DialogWrap.vue b/components/vc-dialog/DialogWrap.jsx
similarity index 99%
rename from components/vc-dialog/DialogWrap.vue
rename to components/vc-dialog/DialogWrap.jsx
index c917a1230..22e3eb205 100644
--- a/components/vc-dialog/DialogWrap.vue
+++ b/components/vc-dialog/DialogWrap.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import Dialog from './Dialog'
 import ContainerRender from '../_util/ContainerRender'
 import getDialogPropTypes from './IDialogPropTypes'
@@ -84,4 +84,4 @@ const DialogWrap = {
 
 export default DialogWrap
 
-</script>
+
diff --git a/components/vc-dialog/LazyRenderBox.vue b/components/vc-dialog/LazyRenderBox.jsx
similarity index 93%
rename from components/vc-dialog/LazyRenderBox.vue
rename to components/vc-dialog/LazyRenderBox.jsx
index 0ce1427fe..257eb2f20 100644
--- a/components/vc-dialog/LazyRenderBox.vue
+++ b/components/vc-dialog/LazyRenderBox.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 
 const ILazyRenderBoxPropTypes = {
@@ -17,5 +17,5 @@ export default {
   },
 }
 
-</script>
+
 
diff --git a/components/vc-menu/DOMWrap.vue b/components/vc-menu/DOMWrap.jsx
similarity index 97%
rename from components/vc-menu/DOMWrap.vue
rename to components/vc-menu/DOMWrap.jsx
index 98f5cde0c..9e62956f8 100644
--- a/components/vc-menu/DOMWrap.vue
+++ b/components/vc-menu/DOMWrap.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import omit from 'omit.js'
 export default {
   name: 'DOMWrap',
@@ -38,5 +38,5 @@ export default {
     return <Tag {...tagProps} class={this.class}>{this.$slots.default}</Tag>
   },
 }
-</script>
+
 
diff --git a/components/vc-menu/Divider.vue b/components/vc-menu/Divider.jsx
similarity index 93%
rename from components/vc-menu/Divider.vue
rename to components/vc-menu/Divider.jsx
index 2341d7b53..487eb1973 100644
--- a/components/vc-menu/Divider.vue
+++ b/components/vc-menu/Divider.jsx
@@ -1,4 +1,4 @@
-<script>
+
 export default {
   name: 'MenuDivider',
   props: {
@@ -13,4 +13,4 @@ export default {
     return <li class={`${rootPrefixCls}-item-divider`}/>
   },
 }
-</script>
+
diff --git a/components/vc-menu/Menu.vue b/components/vc-menu/Menu.jsx
similarity index 99%
rename from components/vc-menu/Menu.vue
rename to components/vc-menu/Menu.jsx
index b3b243595..661ada04b 100644
--- a/components/vc-menu/Menu.vue
+++ b/components/vc-menu/Menu.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import MenuMixin from './MenuMixin'
 import BaseMixin from '../_util/BaseMixin'
@@ -190,4 +190,4 @@ const Menu = {
   },
 }
 export default Menu
-</script>
+
diff --git a/components/vc-menu/MenuItem.vue b/components/vc-menu/MenuItem.jsx
similarity index 99%
rename from components/vc-menu/MenuItem.vue
rename to components/vc-menu/MenuItem.jsx
index ed17052b7..bd8dd1195 100644
--- a/components/vc-menu/MenuItem.vue
+++ b/components/vc-menu/MenuItem.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import KeyCode from '../_util/KeyCode'
 // import { noop } from './util'
@@ -160,4 +160,4 @@ const MenuItem = {
 
 export default MenuItem
 export { props as menuItemProps }
-</script>
+
diff --git a/components/vc-menu/MenuItemGroup.vue b/components/vc-menu/MenuItemGroup.jsx
similarity index 98%
rename from components/vc-menu/MenuItemGroup.vue
rename to components/vc-menu/MenuItemGroup.jsx
index dd09eff7b..b4754cf5f 100644
--- a/components/vc-menu/MenuItemGroup.vue
+++ b/components/vc-menu/MenuItemGroup.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import { getComponentFromProp } from '../_util/props-util'
 
@@ -42,4 +42,4 @@ const MenuItemGroup = {
 }
 
 export default MenuItemGroup
-</script>
+
diff --git a/components/vc-menu/SubMenu.vue b/components/vc-menu/SubMenu.jsx
similarity index 99%
rename from components/vc-menu/SubMenu.vue
rename to components/vc-menu/SubMenu.jsx
index 8ed58cc53..df77c4ad1 100644
--- a/components/vc-menu/SubMenu.vue
+++ b/components/vc-menu/SubMenu.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import Trigger from '../trigger'
 import KeyCode from '../_util/KeyCode'
@@ -503,4 +503,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/vc-menu/SubPopupMenu.vue b/components/vc-menu/SubPopupMenu.jsx
similarity index 98%
rename from components/vc-menu/SubPopupMenu.vue
rename to components/vc-menu/SubPopupMenu.jsx
index 192adfd23..639f5fdb7 100644
--- a/components/vc-menu/SubPopupMenu.vue
+++ b/components/vc-menu/SubPopupMenu.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import MenuMixin from './MenuMixin'
 import BaseMixin from '../_util/BaseMixin'
 import commonPropsType from './commonPropsType'
@@ -58,4 +58,4 @@ export default {
     return this.renderRoot({ ...this.$props, class: `${prefixCls}-sub` }, this.$slots.default)
   },
 }
-</script>
+
diff --git a/components/vc-notification/Notice.vue b/components/vc-notification/Notice.jsx
similarity index 98%
rename from components/vc-notification/Notice.vue
rename to components/vc-notification/Notice.jsx
index 37e8a2c79..36e5561fe 100644
--- a/components/vc-notification/Notice.vue
+++ b/components/vc-notification/Notice.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import { getStyle } from '../_util/props-util'
 import BaseMixin from '../_util/BaseMixin'
@@ -65,4 +65,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/vc-notification/Notification.vue b/components/vc-notification/Notification.jsx
similarity index 99%
rename from components/vc-notification/Notification.vue
rename to components/vc-notification/Notification.jsx
index 18a24cec3..d9e0ab6dd 100644
--- a/components/vc-notification/Notification.vue
+++ b/components/vc-notification/Notification.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import Vue from 'vue'
 import PropTypes from '../_util/vue-types'
 import { getStyle } from '../_util/props-util'
@@ -146,4 +146,4 @@ Notification.newInstance = function newNotificationInstance (properties, callbac
 
 export default Notification
 
-</script>
+
diff --git a/components/vc-pagination/Options.vue b/components/vc-pagination/Options.jsx
similarity index 99%
rename from components/vc-pagination/Options.vue
rename to components/vc-pagination/Options.jsx
index ce404d3aa..a46dae6b7 100644
--- a/components/vc-pagination/Options.vue
+++ b/components/vc-pagination/Options.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import KEYCODE from './KeyCode'
 import BaseMixin from '../_util/BaseMixin'
@@ -129,4 +129,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/vc-pagination/Pager.vue b/components/vc-pagination/Pager.jsx
similarity index 98%
rename from components/vc-pagination/Pager.vue
rename to components/vc-pagination/Pager.jsx
index 81bbfd0b6..4c5d731fc 100644
--- a/components/vc-pagination/Pager.vue
+++ b/components/vc-pagination/Pager.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 
 export default {
@@ -55,4 +55,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/vc-pagination/Pagination.vue b/components/vc-pagination/Pagination.jsx
similarity index 99%
rename from components/vc-pagination/Pagination.vue
rename to components/vc-pagination/Pagination.jsx
index 4dd3961cf..064343569 100644
--- a/components/vc-pagination/Pagination.vue
+++ b/components/vc-pagination/Pagination.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import BaseMixin from '../_util/BaseMixin'
 import { hasProp } from '../_util/props-util'
@@ -530,4 +530,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/vc-select/DropdownMenu.vue b/components/vc-select/DropdownMenu.jsx
similarity index 99%
rename from components/vc-select/DropdownMenu.vue
rename to components/vc-select/DropdownMenu.jsx
index c5579f7d9..ec1d58211 100644
--- a/components/vc-select/DropdownMenu.vue
+++ b/components/vc-select/DropdownMenu.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import Menu from '../vc-menu'
 import scrollIntoView from 'dom-scroll-into-view'
@@ -179,4 +179,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/vc-select/OptGroup.vue b/components/vc-select/OptGroup.jsx
similarity index 87%
rename from components/vc-select/OptGroup.vue
rename to components/vc-select/OptGroup.jsx
index ca44b96a6..226ac6118 100644
--- a/components/vc-select/OptGroup.vue
+++ b/components/vc-select/OptGroup.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 export default {
   props: {
@@ -6,4 +6,4 @@ export default {
   },
   isSelectOptGroup: true,
 }
-</script>
+
diff --git a/components/vc-select/Option.vue b/components/vc-select/Option.jsx
similarity index 92%
rename from components/vc-select/Option.vue
rename to components/vc-select/Option.jsx
index c5ac2df0c..e683b6e93 100644
--- a/components/vc-select/Option.vue
+++ b/components/vc-select/Option.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 
 export default {
@@ -12,4 +12,4 @@ export default {
   },
   isSelectOption: true,
 }
-</script>
+
diff --git a/components/vc-select/Select.vue b/components/vc-select/Select.jsx
similarity index 99%
rename from components/vc-select/Select.vue
rename to components/vc-select/Select.jsx
index 458e35a3f..8b7974cca 100644
--- a/components/vc-select/Select.vue
+++ b/components/vc-select/Select.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import KeyCode from '../_util/KeyCode'
 import PropTypes from '../_util/vue-types'
 import classnames from 'classnames'
@@ -1567,4 +1567,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/vc-select/SelectTrigger.vue b/components/vc-select/SelectTrigger.jsx
similarity index 99%
rename from components/vc-select/SelectTrigger.vue
rename to components/vc-select/SelectTrigger.jsx
index 8dd1f7536..117fb6349 100644
--- a/components/vc-select/SelectTrigger.vue
+++ b/components/vc-select/SelectTrigger.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import classnames from 'classnames'
 import Trigger from '../trigger'
 import PropTypes from '../_util/vue-types'
@@ -208,4 +208,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/components/vc-slider/src/Handle.vue b/components/vc-slider/src/Handle.jsx
similarity index 100%
rename from components/vc-slider/src/Handle.vue
rename to components/vc-slider/src/Handle.jsx
diff --git a/components/vc-slider/src/Range.vue b/components/vc-slider/src/Range.jsx
similarity index 100%
rename from components/vc-slider/src/Range.vue
rename to components/vc-slider/src/Range.jsx
diff --git a/components/vc-slider/src/Slider.vue b/components/vc-slider/src/Slider.jsx
similarity index 100%
rename from components/vc-slider/src/Slider.vue
rename to components/vc-slider/src/Slider.jsx
diff --git a/components/vc-slider/src/common/Marks.vue b/components/vc-slider/src/common/Marks.jsx
similarity index 100%
rename from components/vc-slider/src/common/Marks.vue
rename to components/vc-slider/src/common/Marks.jsx
diff --git a/components/vc-slider/src/common/Steps.vue b/components/vc-slider/src/common/Steps.jsx
similarity index 100%
rename from components/vc-slider/src/common/Steps.vue
rename to components/vc-slider/src/common/Steps.jsx
diff --git a/components/vc-slider/src/common/Track.vue b/components/vc-slider/src/common/Track.jsx
similarity index 100%
rename from components/vc-slider/src/common/Track.vue
rename to components/vc-slider/src/common/Track.jsx
diff --git a/components/vc-slider/src/common/createSlider.vue b/components/vc-slider/src/common/createSlider.jsx
similarity index 100%
rename from components/vc-slider/src/common/createSlider.vue
rename to components/vc-slider/src/common/createSlider.jsx
diff --git a/components/vc-slider/src/createSliderWithTooltip.vue b/components/vc-slider/src/createSliderWithTooltip.jsx
similarity index 100%
rename from components/vc-slider/src/createSliderWithTooltip.vue
rename to components/vc-slider/src/createSliderWithTooltip.jsx
diff --git a/components/vc-steps/Step.vue b/components/vc-steps/Step.jsx
similarity index 99%
rename from components/vc-steps/Step.vue
rename to components/vc-steps/Step.jsx
index a107d76d3..3d9029f98 100644
--- a/components/vc-steps/Step.vue
+++ b/components/vc-steps/Step.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import { getOptionProps, getComponentFromProp } from '../_util/props-util'
 
@@ -115,4 +115,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/vc-steps/Steps.vue b/components/vc-steps/Steps.jsx
similarity index 99%
rename from components/vc-steps/Steps.vue
rename to components/vc-steps/Steps.jsx
index 28c448c1a..5e64d69b7 100644
--- a/components/vc-steps/Steps.vue
+++ b/components/vc-steps/Steps.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import BaseMixin from '../_util/BaseMixin'
 import debounce from 'lodash/debounce'
@@ -146,4 +146,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/vc-switch/Switch.vue b/components/vc-switch/Switch.jsx
similarity index 99%
rename from components/vc-switch/Switch.vue
rename to components/vc-switch/Switch.jsx
index a4f0ea373..6cd25a514 100644
--- a/components/vc-switch/Switch.vue
+++ b/components/vc-switch/Switch.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import { switchPropTypes } from './PropTypes'
 import BaseMixin from '../_util/BaseMixin'
 import { hasProp, getOptionProps, getComponentFromProp } from '../_util/props-util'
@@ -111,4 +111,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/vc-time-picker/Combobox.vue b/components/vc-time-picker/Combobox.jsx
similarity index 99%
rename from components/vc-time-picker/Combobox.vue
rename to components/vc-time-picker/Combobox.jsx
index f989ead79..68455c272 100644
--- a/components/vc-time-picker/Combobox.vue
+++ b/components/vc-time-picker/Combobox.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import Select from './Select'
 import BaseMixin from '../_util/BaseMixin'
@@ -191,4 +191,4 @@ const Combobox = {
 
 export default Combobox
 
-</script>
+
diff --git a/components/vc-time-picker/Header.vue b/components/vc-time-picker/Header.jsx
similarity index 99%
rename from components/vc-time-picker/Header.vue
rename to components/vc-time-picker/Header.jsx
index 39ccd9fe2..8a64c7aff 100644
--- a/components/vc-time-picker/Header.vue
+++ b/components/vc-time-picker/Header.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import BaseMixin from '../_util/BaseMixin'
 import moment from 'moment'
@@ -200,4 +200,4 @@ const Header = {
 }
 
 export default Header
-</script>
+
diff --git a/components/vc-time-picker/Panel.vue b/components/vc-time-picker/Panel.jsx
similarity index 99%
rename from components/vc-time-picker/Panel.vue
rename to components/vc-time-picker/Panel.jsx
index acfe718de..5e7a59f46 100644
--- a/components/vc-time-picker/Panel.vue
+++ b/components/vc-time-picker/Panel.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import BaseMixin from '../_util/BaseMixin'
 import Header from './Header'
@@ -183,4 +183,4 @@ const Panel = {
 }
 
 export default Panel
-</script>
+
diff --git a/components/vc-time-picker/Select.vue b/components/vc-time-picker/Select.jsx
similarity index 99%
rename from components/vc-time-picker/Select.vue
rename to components/vc-time-picker/Select.jsx
index 5d6b4d743..664fb2019 100644
--- a/components/vc-time-picker/Select.vue
+++ b/components/vc-time-picker/Select.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import BaseMixin from '../_util/BaseMixin'
 import classnames from 'classnames'
@@ -131,4 +131,4 @@ const Select = {
 }
 
 export default Select
-</script>
+
diff --git a/components/vc-time-picker/TimePicker.vue b/components/vc-time-picker/TimePicker.jsx
similarity index 99%
rename from components/vc-time-picker/TimePicker.vue
rename to components/vc-time-picker/TimePicker.jsx
index 05bb1dc64..3118c8378 100644
--- a/components/vc-time-picker/TimePicker.vue
+++ b/components/vc-time-picker/TimePicker.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import BaseMixin from '../_util/BaseMixin'
 import Trigger from '../trigger'
@@ -299,4 +299,4 @@ export default {
     )
   },
 }
-</script>
+
diff --git a/components/vc-tooltip/Tooltip.vue b/components/vc-tooltip/Tooltip.jsx
similarity index 99%
rename from components/vc-tooltip/Tooltip.vue
rename to components/vc-tooltip/Tooltip.jsx
index 1544073cf..0a2f5c650 100644
--- a/components/vc-tooltip/Tooltip.vue
+++ b/components/vc-tooltip/Tooltip.jsx
@@ -1,4 +1,4 @@
-<script>
+
 import PropTypes from '../_util/vue-types'
 import Trigger from '../trigger'
 import { placements } from './placements'
@@ -96,4 +96,4 @@ export default {
   },
 }
 
-</script>
+
diff --git a/webpack.base.config.js b/webpack.base.config.js
index 7087d00f1..b3fe2907b 100644
--- a/webpack.base.config.js
+++ b/webpack.base.config.js
@@ -126,7 +126,7 @@ module.exports = {
         loader: 'vue-loader',
       },
       {
-        test: /\.js$/,
+        test: /\.(js|jsx)$/,
         loader: 'babel-loader', exclude: /node_modules/,
       },
       {
@@ -139,7 +139,7 @@ module.exports = {
     ],
   },
   resolve: {
-    extensions: ['.js', '.vue', '.md'],
+    extensions: ['.js', '.jsx', '.vue', '.md'],
     alias: {
       'vue$': 'vue/dist/vue.esm.js',
       'antd': path.join(__dirname, 'components'),