From 583f89f09d7a14e9eaa60ffe1f0270f4c65478ea Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Sat, 2 Feb 2019 17:35:32 +0800
Subject: [PATCH] [improvement] directive naming-style in jsx (#2677)

---
 packages/actionsheet/index.js          |  2 +-
 packages/address-edit/index.js         | 20 ++++++++++----------
 packages/address-list/Item.js          |  2 +-
 packages/card/index.js                 |  2 +-
 packages/collapse-item/index.js        |  2 +-
 packages/contact-edit/index.js         |  4 ++--
 packages/coupon-cell/index.js          |  4 ++--
 packages/coupon-list/index.js          |  8 ++++----
 packages/dialog/Dialog.js              |  6 +++---
 packages/image-preview/ImagePreview.js |  8 ++++----
 packages/notice-bar/index.js           |  2 +-
 packages/notify/Notify.js              |  2 +-
 packages/number-keyboard/index.js      |  2 +-
 packages/overlay/index.js              |  2 +-
 packages/tab/index.js                  |  2 +-
 packages/toast/Toast.js                |  2 +-
 16 files changed, 35 insertions(+), 35 deletions(-)

diff --git a/packages/actionsheet/index.js b/packages/actionsheet/index.js
index 0fe05d71b..af9d63452 100644
--- a/packages/actionsheet/index.js
+++ b/packages/actionsheet/index.js
@@ -88,7 +88,7 @@ export default sfc({
 
     return (
       <transition name="van-slide-up">
-        <div v-show={this.value} class={bem({ withtitle: title })}>
+        <div vShow={this.value} class={bem({ withtitle: title })}>
           {title ? Header() : this.actions.map(Option)}
           {Footer}
         </div>
diff --git a/packages/address-edit/index.js b/packages/address-edit/index.js
index 0dd062068..f30f667e2 100644
--- a/packages/address-edit/index.js
+++ b/packages/address-edit/index.js
@@ -224,7 +224,7 @@ export default sfc({
     return (
       <div class={bem()}>
         <Field
-          v-model={data.name}
+          vModel={data.name}
           clearable
           label={t('name')}
           placeholder={t('namePlaceholder')}
@@ -232,7 +232,7 @@ export default sfc({
           onFocus={onFocus('name')}
         />
         <Field
-          v-model={data.tel}
+          vModel={data.tel}
           clearable
           type="tel"
           label={t('tel')}
@@ -241,7 +241,7 @@ export default sfc({
           onFocus={onFocus('tel')}
         />
         <Field
-          v-show={this.showArea}
+          vShow={this.showArea}
           readonly
           label={t('area')}
           placeholder={t('areaPlaceholder')}
@@ -251,7 +251,7 @@ export default sfc({
           }}
         />
         <Detail
-          v-show={this.showDetail}
+          vShow={this.showDetail}
           focused={this.detailFocused}
           value={data.addressDetail}
           error={errorInfo.addressDetail}
@@ -269,8 +269,8 @@ export default sfc({
         />
         {this.showPostal && (
           <Field
-            v-show={!hideBottomFields}
-            v-model={data.postalCode}
+            vShow={!hideBottomFields}
+            vModel={data.postalCode}
             type="tel"
             maxlength="6"
             label={t('postal')}
@@ -282,15 +282,15 @@ export default sfc({
         {this.$slots.default}
         {this.showSetDefault && (
           <SwitchCell
-            v-model={data.isDefault}
-            v-show={!hideBottomFields}
+            vModel={data.isDefault}
+            vShow={!hideBottomFields}
             title={t('defaultAddress')}
             onChange={event => {
               this.$emit('change-default', event);
             }}
           />
         )}
-        <div v-show={!hideBottomFields} class={bem('buttons')}>
+        <div vShow={!hideBottomFields} class={bem('buttons')}>
           <Button
             block
             loading={this.isSaving}
@@ -308,7 +308,7 @@ export default sfc({
           )}
         </div>
         <Popup
-          v-model={this.showAreaPopup}
+          vModel={this.showAreaPopup}
           position="bottom"
           lazyRender={false}
           getContainer="body"
diff --git a/packages/address-list/Item.js b/packages/address-list/Item.js
index c5b31acf8..e51d57bf2 100644
--- a/packages/address-list/Item.js
+++ b/packages/address-list/Item.js
@@ -25,7 +25,7 @@ export default sfc({
     return (
       <Cell
         class={bem({ disabled, unswitchable: !switchable })}
-        is-link={!disabled && switchable}
+        isLink={!disabled && switchable}
         onClick={this.onSelect}
       >
         <Radio name={data.id}>
diff --git a/packages/card/index.js b/packages/card/index.js
index a3793ac49..c8851e5ad 100644
--- a/packages/card/index.js
+++ b/packages/card/index.js
@@ -34,7 +34,7 @@ export default sfc({
       <a href={this.thumbLink} class={bem('thumb')}>
         {slots.thumb ||
           (this.lazyLoad ? (
-            <img class={bem('img')} v-lazy={thumb} />
+            <img class={bem('img')} vLazy={thumb} />
           ) : (
             <img class={bem('img')} src={thumb} />
           ))}
diff --git a/packages/collapse-item/index.js b/packages/collapse-item/index.js
index 773e3d14c..24fcbd56b 100644
--- a/packages/collapse-item/index.js
+++ b/packages/collapse-item/index.js
@@ -123,7 +123,7 @@ export default sfc({
 
     const Content = this.inited && (
       <div
-        v-show={this.show}
+        vShow={this.show}
         ref="wrapper"
         class={bem('wrapper')}
         onTransitionend={this.onTransitionEnd}
diff --git a/packages/contact-edit/index.js b/packages/contact-edit/index.js
index 6f18b888e..83b6a74e3 100644
--- a/packages/contact-edit/index.js
+++ b/packages/contact-edit/index.js
@@ -95,7 +95,7 @@ export default sfc({
     return (
       <div class={bem()}>
         <Field
-          v-model={data.name}
+          vModel={data.name}
           clearable
           maxlength="30"
           label={t('name')}
@@ -104,7 +104,7 @@ export default sfc({
           onFocus={onFocus('name')}
         />
         <Field
-          v-model={data.tel}
+          vModel={data.tel}
           clearable
           type="tel"
           label={t('tel')}
diff --git a/packages/coupon-cell/index.js b/packages/coupon-cell/index.js
index f9e38ac9b..4339d229a 100644
--- a/packages/coupon-cell/index.js
+++ b/packages/coupon-cell/index.js
@@ -52,8 +52,8 @@ export default sfc({
         title={this.title || t('title')}
         value={this.value}
         border={this.border}
-        is-link={this.editable}
-        value-class={this.valueClass}
+        isLink={this.editable}
+        valueClass={this.valueClass}
         onClick={() => {
           this.$emit('click');
         }}
diff --git a/packages/coupon-list/index.js b/packages/coupon-list/index.js
index a38e9f445..3ad734723 100644
--- a/packages/coupon-list/index.js
+++ b/packages/coupon-list/index.js
@@ -103,7 +103,7 @@ export default sfc({
     onClickExchangeButton() {
       this.$emit('exchange', this.currentCode);
 
-      // auto clear currentCode when not use v-model
+      // auto clear currentCode when not use vModel
       if (!this.code) {
         this.currentCode = '';
       }
@@ -129,7 +129,7 @@ export default sfc({
   render(h) {
     const ExchangeBar = this.showExchangeBar && (
       <Field
-        v-model={this.currentCode}
+        vModel={this.currentCode}
         clearable
         border={false}
         class={bem('field')}
@@ -190,12 +190,12 @@ export default sfc({
     return (
       <div class={bem()}>
         {ExchangeBar}
-        <Tabs v-model={this.tab} class={bem('tab')} line-width={120}>
+        <Tabs vModel={this.tab} class={bem('tab')} line-width={120}>
           {CouponTab}
           {DisabledCouponTab}
         </Tabs>
         <Button
-          v-show={this.showCloseButton}
+          vShow={this.showCloseButton}
           size="large"
           class={bem('close')}
           text={this.closeButtonText || t('close')}
diff --git a/packages/dialog/Dialog.js b/packages/dialog/Dialog.js
index bc40bf0e1..1841a90f4 100644
--- a/packages/dialog/Dialog.js
+++ b/packages/dialog/Dialog.js
@@ -89,7 +89,7 @@ export default sfc({
     const ButtonGroup = (
       <div class={['van-hairline--top', bem('footer', { buttons: hasButtons })]}>
         <Button
-          v-show={this.showCancelButton}
+          vShow={this.showCancelButton}
           size="large"
           class={bem('cancel')}
           loading={this.loading.cancel}
@@ -99,7 +99,7 @@ export default sfc({
           }}
         />
         <Button
-          v-show={this.showConfirmButton}
+          vShow={this.showConfirmButton}
           size="large"
           class={[bem('confirm'), { 'van-hairline--left': hasButtons }]}
           loading={this.loading.confirm}
@@ -113,7 +113,7 @@ export default sfc({
 
     return (
       <transition name="van-dialog-bounce">
-        <div v-show={this.value} class={[bem(), this.className]}>
+        <div vShow={this.value} class={[bem(), this.className]}>
           {Title}
           {Content}
           {ButtonGroup}
diff --git a/packages/image-preview/ImagePreview.js b/packages/image-preview/ImagePreview.js
index 79b78e6e5..a39dd3a31 100644
--- a/packages/image-preview/ImagePreview.js
+++ b/packages/image-preview/ImagePreview.js
@@ -219,9 +219,9 @@ export default sfc({
       <Swipe
         ref="swipe"
         loop={this.loop}
-        indicator-color="white"
-        initial-swipe={this.startPosition}
-        show-indicators={this.showIndicators}
+        indicatorColor="white"
+        initialSwipe={this.startPosition}
+        showIndicators={this.showIndicators}
         onChange={this.onChange}
       >
         {images.map((image, index) => {
@@ -237,7 +237,7 @@ export default sfc({
           };
           return (
             <SwipeItem>
-              {this.lazyLoad ? <img v-lazy={image} {...props} /> : <img src={image} {...props} />}
+              {this.lazyLoad ? <img vLazy={image} {...props} /> : <img src={image} {...props} />}
             </SwipeItem>
           );
         })}
diff --git a/packages/notice-bar/index.js b/packages/notice-bar/index.js
index d33e20e76..39e4386af 100644
--- a/packages/notice-bar/index.js
+++ b/packages/notice-bar/index.js
@@ -90,7 +90,7 @@ export default sfc({
 
     return (
       <div
-        v-show={this.showNoticeBar}
+        vShow={this.showNoticeBar}
         class={bem({ withicon: mode })}
         style={barStyle}
         onClick={() => {
diff --git a/packages/notify/Notify.js b/packages/notify/Notify.js
index b7e1b0a25..3db1b94b5 100644
--- a/packages/notify/Notify.js
+++ b/packages/notify/Notify.js
@@ -34,7 +34,7 @@ export default sfc({
     };
     return (
       <transition name="van-slide-down">
-        <div v-show={this.value} class={bem()} style={style}>
+        <div vShow={this.value} class={bem()} style={style}>
           {this.message}
         </div>
       </transition>
diff --git a/packages/number-keyboard/index.js b/packages/number-keyboard/index.js
index 150c1385c..57d6d4682 100644
--- a/packages/number-keyboard/index.js
+++ b/packages/number-keyboard/index.js
@@ -138,7 +138,7 @@ export default sfc({
     return (
       <transition name={this.transition ? 'van-slide-up' : ''}>
         <div
-          v-show={this.show}
+          vShow={this.show}
           style={{ zIndex: this.zIndex }}
           class={bem([theme])}
           onTouchstart={stop}
diff --git a/packages/overlay/index.js b/packages/overlay/index.js
index e368e3c08..91443b16a 100644
--- a/packages/overlay/index.js
+++ b/packages/overlay/index.js
@@ -19,7 +19,7 @@ export default sfc({
     return (
       <transition name="van-fade">
         <div
-          v-show={this.visible}
+          vShow={this.visible}
           style={style}
           class={[bem(), this.className]}
           onTouchmove={event => {
diff --git a/packages/tab/index.js b/packages/tab/index.js
index 6f856b0fb..7a0ab81ac 100644
--- a/packages/tab/index.js
+++ b/packages/tab/index.js
@@ -59,7 +59,7 @@ export default sfc({
   render(h) {
     const slots = this.$slots;
     return (
-      <div v-show={this.selected || this.parent.animated} class={bem('pane')}>
+      <div vShow={this.selected || this.parent.animated} class={bem('pane')}>
         {this.inited ? slots.default : h()}
         {slots.title && <div ref="title">{slots.title}</div>}
       </div>
diff --git a/packages/toast/Toast.js b/packages/toast/Toast.js
index 89c049613..cd6d73565 100644
--- a/packages/toast/Toast.js
+++ b/packages/toast/Toast.js
@@ -89,7 +89,7 @@ export default sfc({
 
     return (
       <transition name="van-fade">
-        <div v-show={this.value} class={bem([style, this.position])}>
+        <div vShow={this.value} class={bem([style, this.position])}>
           {Content()}
         </div>
       </transition>