From df9c40bc3f0a83e94677a6d06aa929bd1b3aead0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= <chenjiahan@meituan.com>
Date: Fri, 8 Sep 2017 10:18:18 +0800
Subject: [PATCH] OrderCoupon: rename to Coupon

---
 .../{order-coupon.md => coupon.md}            | 31 ++++----
 .../{order-coupon => coupon-cell}/index.vue   | 10 ++-
 .../Coupon.vue => coupon-list/Item.vue}       | 14 ++--
 .../index.vue                                 | 20 ++---
 packages/index.js                             | 12 +--
 .../src/{order-coupon.css => coupon.css}      | 10 +--
 packages/vant-css/src/index.css               |  6 +-
 .../{order-coupon.spec.js => coupon.spec.js}  | 76 +++++++++----------
 8 files changed, 93 insertions(+), 86 deletions(-)
 rename docs/examples-docs/{order-coupon.md => coupon.md} (89%)
 rename packages/{order-coupon => coupon-cell}/index.vue (84%)
 rename packages/{order-coupon-list/Coupon.vue => coupon-list/Item.vue} (80%)
 rename packages/{order-coupon-list => coupon-list}/index.vue (80%)
 rename packages/vant-css/src/{order-coupon.css => coupon.css} (97%)
 rename test/unit/specs/{order-coupon.spec.js => coupon.spec.js} (71%)

diff --git a/docs/examples-docs/order-coupon.md b/docs/examples-docs/coupon.md
similarity index 89%
rename from docs/examples-docs/order-coupon.md
rename to docs/examples-docs/coupon.md
index 2dc799ce1..0f30ee984 100644
--- a/docs/examples-docs/order-coupon.md
+++ b/docs/examples-docs/coupon.md
@@ -1,4 +1,4 @@
-## OrderCoupon 下单页优惠券
+## Coupon 优惠券选择器
 
 <script>
 import { Toast } from 'packages';
@@ -61,10 +61,10 @@ export default {
 
 ### 使用指南
 ``` javascript
-import { OrderCoupon, OrderCouponList } from 'vant';
+import { CouponCell, CouponList } from 'vant';
 
-Vue.component(OrderCoupon.name, OrderCoupon);
-Vue.component(OrderCouponList.name, OrderCouponList);
+Vue.component(CouponCell.name, CouponCell);
+Vue.component(CouponList.name, CouponList);
 ```
 
 ### 代码演示
@@ -74,25 +74,25 @@ Vue.component(OrderCouponList.name, OrderCouponList);
 :::demo 基础用法
 ```html
 <!-- 优惠券单元格 -->
-<van-order-coupon
+<van-coupon-cell
   :coupons="coupons"
   :chosen-coupon="chosenCoupon"
   @click="showList = true"
-></van-order-coupon>
+></van-coupon-cell>
 
 <!-- 优惠券列表 -->
-<van-order-coupon-list
+<van-coupon-list
   v-model="showList"
   :coupons="coupons"
   :chosen-coupon="chosenCoupon"
   :disabled-coupons="disabledCoupons"
   @change="onChange"
   @exchange="onExchange"
-></van-order-coupon-list>
+></van-coupon-list>
 ```
 
 ```javascript
-const mockCoupon = {
+const coupon = {
   available: 1,
   discount: 0,
   denominations: 150,
@@ -109,8 +109,8 @@ export default {
   data() {
     return {
       chosenCoupon: -1,
-      coupons: [mockCoupon],
-      disabledCoupons: [mockCoupon]
+      coupons: [coupon],
+      disabledCoupons: [coupon]
     }
   },
 
@@ -119,22 +119,23 @@ export default {
       this.chosenCoupon = index;
     },
     onExchange(code) {
-      this.coupons.push(mockCoupon);
+      this.coupons.push(coupon);
     }
   }
 }
 ```
 :::
 
-### OrderCoupon API
+### CouponCell API
 
 | 参数       | 说明      | 类型       | 默认值       | 必须      |
 |-----------|-----------|-----------|-------------|-------------|
+| title | 单元格标题 | `String` | `优惠` | - |
 | chosenCoupon | 当前选中优惠券的索引 | `Number` | `-1` | - |
 | coupons | 可用优惠券列表 | `Array` | `[]` | - |
 | editable | 能否切换优惠券 | `Boolean` | `true` | - |
 
-### OrderCouponList API
+### CouponList API
 
 | 参数       | 说明      | 类型       | 默认值       | 必须      |
 |-----------|-----------|-----------|-------------|-------------|
@@ -149,7 +150,7 @@ export default {
 | disabledListTitle | 不可用券列表标题 | `String` | 不可用优惠 | - |
 | inputPlaceholder | 输入框文字提示 | `String` | 请输入优惠码 | - |
 
-### OrderCouponList Event
+### CouponList Event
 
 | 事件名       | 说明      | 参数       |
 |-----------|-----------|-----------|
diff --git a/packages/order-coupon/index.vue b/packages/coupon-cell/index.vue
similarity index 84%
rename from packages/order-coupon/index.vue
rename to packages/coupon-cell/index.vue
index 68149c02f..953540e5f 100644
--- a/packages/order-coupon/index.vue
+++ b/packages/coupon-cell/index.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="van-order-coupon">
+  <div class="van-coupon-cell">
     <van-cell-group>
-      <van-cell title="优惠" :isLink="editable" @click="$emit('click')">
+      <van-cell :title="title" :isLink="editable" @click="$emit('click')">
         <div v-if="coupons[chosenCoupon]">
           <h2>{{ amount }}</h2>
           <span>{{ coupons[chosenCoupon].condition }}</span>
@@ -17,7 +17,7 @@ import Cell from '../cell';
 import CellGroup from '../cell-group';
 
 export default {
-  name: 'van-order-coupon',
+  name: 'van-coupon-cell',
 
   components: {
     [Cell.name]: Cell,
@@ -29,6 +29,10 @@ export default {
   },
 
   props: {
+    title: {
+      type: String,
+      default: '优惠'
+    },
     coupons: {
       type: Array,
       default: () => []
diff --git a/packages/order-coupon-list/Coupon.vue b/packages/coupon-list/Item.vue
similarity index 80%
rename from packages/order-coupon-list/Coupon.vue
rename to packages/coupon-list/Item.vue
index 2ee3dff84..75510f5d5 100644
--- a/packages/order-coupon-list/Coupon.vue
+++ b/packages/coupon-list/Item.vue
@@ -1,17 +1,17 @@
 <template>
-  <div :class="['van-order-coupon-coupon', { 'van-order-coupon-coupon--disabled': disabled }]">
-    <div class="van-order-coupon-coupon__head">
-      <div class="van-order-coupon-coupon__lines"></div>
-      <div class="van-order-coupon-coupon__gradient">
+  <div :class="['van-coupon-item', { 'van-coupon-item--disabled': disabled }]">
+    <div class="van-coupon-item__head">
+      <div class="van-coupon-item__lines"></div>
+      <div class="van-coupon-item__gradient">
         <h2 v-html="faceAmount" />
         <p>{{ conditionMessage }}</p>
       </div>
     </div>
-    <div class="van-order-coupon-coupon__body">
+    <div class="van-coupon-item__body">
       <h2>{{ data.name }}</h2>
       <span>{{ validPeriod }}</span>
       <p v-if="disabled && data.reason">{{ data.reason }}</p>
-      <div class="van-order-coupon-coupon__corner" v-if="chosen">
+      <div class="van-coupon-item__corner" v-if="chosen">
         <van-icon name="success" />
       </div>
     </div>
@@ -22,7 +22,7 @@
 import Icon from '../icon';
 
 export default {
-  name: 'van-order-coupon-coupon',
+  name: 'van-coupon-item',
 
   components: {
     [Icon.name]: Icon
diff --git a/packages/order-coupon-list/index.vue b/packages/coupon-list/index.vue
similarity index 80%
rename from packages/order-coupon-list/index.vue
rename to packages/coupon-list/index.vue
index 5513f491b..2787e4de9 100644
--- a/packages/order-coupon-list/index.vue
+++ b/packages/coupon-list/index.vue
@@ -1,11 +1,11 @@
 <template>
-  <van-popup v-model="showPopup" position="bottom" class="van-order-coupon-list">
-    <van-cell-group class="van-order-coupon-list__top">
+  <van-popup v-model="showPopup" position="bottom" class="van-coupon-list">
+    <van-cell-group class="van-coupon-list__top">
       <van-field v-model="exchangeCode" :placeholder="inputPlaceholder" :maxlength="20" />
-      <van-button size="small" type="danger" class="van-order-coupon-list__exchange" :disabled="exchangeButtonDisabled || !exchangeCode.length" @click="onClickExchangeButton">{{ exchangeButtonText }}</van-button>
+      <van-button size="small" type="danger" class="van-coupon-list__exchange" :disabled="exchangeButtonDisabled || !exchangeCode.length" @click="onClickExchangeButton">{{ exchangeButtonText }}</van-button>
     </van-cell-group>
-    <div class="van-order-coupon-list__list" ref="list">
-      <van-order-coupon-coupon
+    <div class="van-coupon-list__list" ref="list">
+      <van-coupon-item
         ref="card"
         v-for="(item, index) in coupons"
         :key="item.id || item.name"
@@ -14,27 +14,27 @@
         @click.native="onClickCoupon(index)"
       />
       <h3 v-if="disabledCoupons.length">{{ disabledListTitle }}</h3>
-      <van-order-coupon-coupon
+      <van-coupon-item
         disabled
         v-for="item in disabledCoupons"
         :key="item.id || item.name"
         :data="item"
       />
     </div>
-    <div class="van-order-coupon-list__close van-hairline--top" @click="onClickNotUse">{{ closeButtonText }}</div>
+    <div class="van-coupon-list__close van-hairline--top" @click="onClickNotUse">{{ closeButtonText }}</div>
   </van-popup>
 </template>
 
 <script>
 import Cell from '../cell';
 import CellGroup from '../cell-group';
-import Coupon from './Coupon';
+import Item from './Item';
 import Field from '../field';
 import Popup from '../popup';
 import Button from '../button';
 
 export default {
-  name: 'van-order-coupon-list',
+  name: 'van-coupon-list',
 
   components: {
     [Button.name]: Button,
@@ -42,7 +42,7 @@ export default {
     [CellGroup.name]: CellGroup,
     [Field.name]: Field,
     [Popup.name]: Popup,
-    [Coupon.name]: Coupon
+    [Item.name]: Item
   },
 
   model: {
diff --git a/packages/index.js b/packages/index.js
index 842247cac..ca6fba204 100644
--- a/packages/index.js
+++ b/packages/index.js
@@ -10,6 +10,8 @@ import CellSwipe from './cell-swipe';
 import Checkbox from './checkbox';
 import CheckboxGroup from './checkbox-group';
 import Col from './col';
+import CouponCell from './coupon-cell';
+import CouponList from './coupon-list';
 import DatetimePicker from './datetime-picker';
 import DeepSelect from './deep-select';
 import Dialog from './dialog';
@@ -24,8 +26,6 @@ import InvalidGoods from './invalid-goods';
 import Lazyload from './lazyload';
 import Loading from './loading';
 import NoticeBar from './notice-bar';
-import OrderCoupon from './order-coupon';
-import OrderCouponList from './order-coupon-list';
 import OrderGoods from './order-goods';
 import Panel from './panel';
 import PayOrder from './pay-order';
@@ -65,6 +65,8 @@ const components = [
   Checkbox,
   CheckboxGroup,
   Col,
+  CouponCell,
+  CouponList,
   DatetimePicker,
   DeepSelect,
   ExpressWay,
@@ -76,8 +78,6 @@ const components = [
   InvalidGoods,
   Loading,
   NoticeBar,
-  OrderCoupon,
-  OrderCouponList,
   OrderGoods,
   Panel,
   PayOrder,
@@ -130,6 +130,8 @@ export {
   Checkbox,
   CheckboxGroup,
   Col,
+  CouponCell,
+  CouponList,
   DatetimePicker,
   DeepSelect,
   Dialog,
@@ -144,8 +146,6 @@ export {
   Lazyload,
   Loading,
   NoticeBar,
-  OrderCoupon,
-  OrderCouponList,
   OrderGoods,
   Panel,
   PayOrder,
diff --git a/packages/vant-css/src/order-coupon.css b/packages/vant-css/src/coupon.css
similarity index 97%
rename from packages/vant-css/src/order-coupon.css
rename to packages/vant-css/src/coupon.css
index 144e87802..f13498e23 100644
--- a/packages/vant-css/src/order-coupon.css
+++ b/packages/vant-css/src/coupon.css
@@ -1,7 +1,7 @@
 @import './common/var.css';
 @import "./mixins/ellipsis.css";
 
-.van-order-coupon {
+.van-coupon {
   &-list {
     height: 100%;
     background-color: $background-color;
@@ -57,7 +57,7 @@
         }
       }
 
-      .van-order-coupon-card + h3 {
+      .van-coupon-item + h3 {
         margin-top: 30px;
       }
     }
@@ -74,7 +74,7 @@
     }
   }
 
-  &-coupon {
+  &-item {
     display: flex;
     height: 100px;
     margin: 0 15px 10px;
@@ -176,11 +176,11 @@
     }
 
     &--disabled {
-      .van-order-coupon-coupon__lines {
+      .van-coupon-item__lines {
         background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAADICAMAAAC3WLNTAAAAWlBMVEUAAACqrremq7Oqv7+mq7Wqqr+rsLeprreqsrmqrralq7SkqbKrsbikqLGqwNWqrrmrr7mkqbGrsbijqLGnq7SssrimrLKlqrOnrLWprraqr7ekqbKrsLijqLGfTYl9AAAAF3RSTlMAN5oMQgya5kJC5uaSkgZC8/PV1b0rK6hQU+kAAASjSURBVFjDfZlJduMwDESZntJDeh5sUdb9r9kuA+AXA0iIIi/8X6FYALNJU/19+fWj3/pNT1V35NvLratgMvTtjxH+1NBLt7rLHbb7OwhVrSUhKQhz7z1Dv6xZoLWnH70vg5ESINDedkg5BrR0yrGs9Pbpw21SqxNvH593YsN+30OibhwvaQXUPgghVH1m6EkAXK30VllB+UeCMG7OmCPtlk5exN6TcWsRv0UE/aG0GIKxMsycfB9j6QgZwn7FgO/AYhSFq+7Q4hBgyMT9kJKkkhJiriTEuoKACereTw+Y98LTsDVvKdenDWAW6gh1lNwTGHvjEGGhRre+U3J0iKGGknl7zeCJjoBCDPQBBxXhY94WwlYFuXLQTfW979LKYKzvECKH3aLGRSCFnnPwK7UPi8VZ7IRAGH+9X9w7iv0a3GvjZG+F8Y8LRRS0fMQ0hUn0o2ws1wEB7tJqV4iEDKVlgZo5bDWYPQWiVzNmNCX2CMo9XSutziEFoTRjRNqkAwBBqBGBvSpMpEVwrXLgr9Gidi511FaQSZVASO2VkJqxRQPefw3GbX2syqdnqdEy2bd7F77qWRvU3ggp09LDvUMmu/crJVN+wlRA9CrG4+0eadmTteLeScW0/De3+zSEljIpD3Mx53WoGssbfQfgrwm6Un5EgAJCL0MAQ2r4AkoYzoBgBnbuiREilSGLw/YLpUuSChBjKAGltIBSzxDKUOpVQYbEx27ABTYiEOurUjvSi6V7V0ihxb3LqbNfXARqRvdXqmb8fgyI8eSNqNst834l41mNe1f1G38EHzE9w8ycZW5juVzEwCHl7S5CqJJrd0Sci9VUM8CcJ843qwnBVFUGCamJBU+OGVsEKsiYE18egQllJSLA1ZF3Nx6uyoYonRwRJbBM+oANtY6pbFU+iwBMp/R7x/dZa6yvGELVZ4aeRliEn6C3QlDzvgnyIvS6HYWpZJxQzRQUEYC5fTDCpFjleLf3jGWvhTG2oKKoBHEA2tZK1gxPpdC8XzXELosBOsIeYDsEEMpKOXugGjG1MyUW9VgJBqWC88cGfJKCgazKETiW7jhOFeubigvNRTjbGIPeFwRJAB1T3LvTwviJFhGshxRhnjl/jGVd0Sk9rUKoGroj4s7EtE/x9aqnhqQRptYzTysqJ578dQIZ475OIvATnhlfcVVjzZFwFXCthNipUo0xYHpVjK3KFxcTk8FYujuB0Hq0vkgJ0WeGnggrjYcrRRCRfwENBk+53SbEQUxl43ZAY48jwDvhz2GqAMuxbPcfPbF/Q4gBb5teoQMFtN0rkE3AiAqw6euBccRaaRMK5kccSsIQYmeMNUiAYU5iC08BGAGAkCBvuEZa+Wq0Gclh6SWl4X1Ogt1pmwMg2/6MYvCkj30/5mgDXi1PDrmNQxpoqxJCSCE3lk4KKdRLjDvWdwPAfQQ6LgJHnPK0CPxK2fnQA1MBCaDZ/oS0A4v9oty4MajNgVoEG7UOMaIgTJy7LZzHWGBWA+FswBTctMsZYr+AfpbAHFb7XQiZScy3rxliFfzd/h06wlY7kJp86d+FGTEhlO4UWgU6Bvzv6++fmWGE/wHKk5MgoCYAjwAAAABJRU5ErkJggg==');
       }
 
-      .van-order-coupon-coupon__gradient {
+      .van-coupon-item__gradient {
         background-image: linear-gradient(45deg, #a4a9b2, #b7bcc3);
       }
     }
diff --git a/packages/vant-css/src/index.css b/packages/vant-css/src/index.css
index 4c8d5576f..547878477 100644
--- a/packages/vant-css/src/index.css
+++ b/packages/vant-css/src/index.css
@@ -41,13 +41,15 @@
 @import './pull-refresh.css';
 @import './toast.css';
 
+/* high order components */
+@import './switch-cell.css';
+
 /* business components */
 @import './deep-select.css';
 @import './express-way.css';
 @import './goods-action.css';
 @import './invalid-goods.css';
 @import './notice-bar.css';
-@import './order-coupon.css';
+@import './coupon.css';
 @import './order-goods.css';
 @import './pay-order.css';
-@import './switch-cell.css';
diff --git a/test/unit/specs/order-coupon.spec.js b/test/unit/specs/coupon.spec.js
similarity index 71%
rename from test/unit/specs/order-coupon.spec.js
rename to test/unit/specs/coupon.spec.js
index 0a052c07e..378edd553 100644
--- a/test/unit/specs/order-coupon.spec.js
+++ b/test/unit/specs/coupon.spec.js
@@ -1,5 +1,5 @@
-import OrderCoupon from 'packages/order-coupon';
-import OrderCouponList from 'packages/order-coupon-list';
+import CouponCell from 'packages/coupon-cell';
+import CouponList from 'packages/coupon-list';
 import { mount } from 'avoriaz';
 import { DOMChecker } from '../utils';
 
@@ -42,14 +42,14 @@ const disabledDiscountCoupon = {
   reason: '未满足使用门槛'
 };
 
-describe('OrderCoupon', () => {
+describe('CouponCell', () => {
   let wrapper;
   afterEach(() => {
     wrapper && wrapper.destroy();
   });
 
   it('no coupon', () => {
-    wrapper = mount(OrderCoupon, {});
+    wrapper = mount(CouponCell, {});
 
     DOMChecker(wrapper, {
       text: {
@@ -59,7 +59,7 @@ describe('OrderCoupon', () => {
   });
 
   it('has two coupon', () => {
-    wrapper = mount(OrderCoupon, {
+    wrapper = mount(CouponCell, {
       propsData: {
         coupons: [coupon, discountCoupon]
       }
@@ -73,7 +73,7 @@ describe('OrderCoupon', () => {
   });
 
   it('select first coupon', () => {
-    wrapper = mount(OrderCoupon, {
+    wrapper = mount(CouponCell, {
       propsData: {
         chosenCoupon: 0,
         coupons: [coupon, discountCoupon]
@@ -92,7 +92,7 @@ describe('OrderCoupon', () => {
   });
 
   it('not editable', () => {
-    wrapper = mount(OrderCoupon, {
+    wrapper = mount(CouponCell, {
       propsData: {
         chosenCoupon: 0,
         coupons: [coupon, discountCoupon],
@@ -112,14 +112,14 @@ describe('OrderCoupon', () => {
   });
 });
 
-describe('OrderCouponList', () => {
+describe('CouponList', () => {
   let wrapper;
   afterEach(() => {
     wrapper && wrapper.destroy();
   });
 
   it('no coupon', () => {
-    wrapper = mount(OrderCouponList, {
+    wrapper = mount(CouponList, {
       propsData: {
         chosenCoupon: -1
       }
@@ -127,15 +127,15 @@ describe('OrderCouponList', () => {
 
     DOMChecker(wrapper, {
       count: {
-        '.van-order-coupon-coupon': 0,
-        '.van-order-coupon-coupon--disabled': 0,
-        '.van-order-coupon-list__list h3': 0
+        '.van-coupon-item': 0,
+        '.van-coupon-item--disabled': 0,
+        '.van-coupon-list__list h3': 0
       }
     });
   });
 
   it('has two coupon', () => {
-    wrapper = mount(OrderCouponList, {
+    wrapper = mount(CouponList, {
       propsData: {
         chosenCoupon: -1,
         coupons: [coupon, discountCoupon],
@@ -144,15 +144,15 @@ describe('OrderCouponList', () => {
     });
     DOMChecker(wrapper, {
       count: {
-        '.van-order-coupon-coupon': 4,
-        '.van-order-coupon-coupon--disabled': 2,
-        '.van-order-coupon-list__list h3': 1
+        '.van-coupon-item': 4,
+        '.van-coupon-item--disabled': 2,
+        '.van-coupon-list__list h3': 1
       }
     });
   });
 
   it('switch to first coupon', (done) => {
-    wrapper = mount(OrderCouponList, {
+    wrapper = mount(CouponList, {
       attachToDocument: true,
       propsData: {
         show: true,
@@ -168,8 +168,8 @@ describe('OrderCouponList', () => {
 
     // 弹出 popup
     setTimeout(() => {
-      expect(wrapper.find('.van-order-coupon-list')[0].hasStyle('display', 'none')).to.equal(false);
-      wrapper.find('.van-order-coupon-coupon')[0].trigger('click');
+      expect(wrapper.find('.van-coupon-list')[0].hasStyle('display', 'none')).to.equal(false);
+      wrapper.find('.van-coupon-item')[0].trigger('click');
 
       setTimeout(() => {
         expect(wrapper.vm.chosenCoupon).to.equal(0);
@@ -179,7 +179,7 @@ describe('OrderCouponList', () => {
   });
 
   it('cancel select coupon', (done) => {
-    wrapper = mount(OrderCouponList, {
+    wrapper = mount(CouponList, {
       attachToDocument: true,
       propsData: {
         show: false,
@@ -198,17 +198,17 @@ describe('OrderCouponList', () => {
     });
 
     setTimeout(() => {
-      wrapper.find('.van-order-coupon-list__close')[0].trigger('click');
+      wrapper.find('.van-coupon-list__close')[0].trigger('click');
       setTimeout(() => {
         expect(wrapper.vm.chosenCoupon).to.equal(-1);
-        expect(wrapper.find('.van-order-coupon-list')[0].hasStyle('display', 'none')).to.equal(true);
+        expect(wrapper.find('.van-coupon-list')[0].hasStyle('display', 'none')).to.equal(true);
         done();
       }, 500);
     }, 500);
   });
 
   it('denominations format', () => {
-    wrapper = mount(OrderCouponList, {
+    wrapper = mount(CouponList, {
       attachToDocument: true,
       propsData: {
         coupons: [coupon, {
@@ -227,15 +227,15 @@ describe('OrderCouponList', () => {
       }
     });
 
-    expect(wrapper.find('.van-order-coupon-coupon__gradient h2')[0].text()).to.equal('¥ 1.5');
-    expect(wrapper.find('.van-order-coupon-coupon__gradient h2')[1].text()).to.equal('¥ 0.1');
-    expect(wrapper.find('.van-order-coupon-coupon__gradient h2')[2].text()).to.equal('¥ 1');
-    expect(wrapper.find('.van-order-coupon-coupon__gradient h2')[3].text()).to.equal('¥ 1.35');
-    expect(wrapper.find('.van-order-coupon-coupon__gradient h2')[4].text()).to.equal('');
+    expect(wrapper.find('.van-coupon-item__gradient h2')[0].text()).to.equal('¥ 1.5');
+    expect(wrapper.find('.van-coupon-item__gradient h2')[1].text()).to.equal('¥ 0.1');
+    expect(wrapper.find('.van-coupon-item__gradient h2')[2].text()).to.equal('¥ 1');
+    expect(wrapper.find('.van-coupon-item__gradient h2')[3].text()).to.equal('¥ 1.35');
+    expect(wrapper.find('.van-coupon-item__gradient h2')[4].text()).to.equal('');
   });
 
   it('discount format', () => {
-    wrapper = mount(OrderCouponList, {
+    wrapper = mount(CouponList, {
       attachToDocument: true,
       propsData: {
         coupons: [discountCoupon, {
@@ -248,13 +248,13 @@ describe('OrderCouponList', () => {
       }
     });
 
-    expect(wrapper.find('.van-order-coupon-coupon__gradient h2')[0].text()).to.equal('8.8折');
-    expect(wrapper.find('.van-order-coupon-coupon__gradient h2')[1].text()).to.equal('1折');
-    expect(wrapper.find('.van-order-coupon-coupon__gradient h2')[2].text()).to.equal('');
+    expect(wrapper.find('.van-coupon-item__gradient h2')[0].text()).to.equal('8.8折');
+    expect(wrapper.find('.van-coupon-item__gradient h2')[1].text()).to.equal('1折');
+    expect(wrapper.find('.van-coupon-item__gradient h2')[2].text()).to.equal('');
   });
 
   it('add coupon', (done) => {
-    wrapper = mount(OrderCouponList, {
+    wrapper = mount(CouponList, {
       attachToDocument: true,
       propsData: {
         show: true,
@@ -282,7 +282,7 @@ describe('OrderCouponList', () => {
       wrapper.find('.van-field__control')[0].trigger('input');
 
       setTimeout(() => {
-        wrapper.find('.van-order-coupon-list__exchange')[0].trigger('click');
+        wrapper.find('.van-coupon-list__exchange')[0].trigger('click');
         DOMChecker(wrapper, {
           count: {
             '.van-button--disabled': 0
@@ -290,12 +290,12 @@ describe('OrderCouponList', () => {
         });
 
         setTimeout(() => {
-          expect(wrapper.find('.van-order-coupon-list')[0].hasStyle('display', 'none')).to.equal(false);
+          expect(wrapper.find('.van-coupon-list')[0].hasStyle('display', 'none')).to.equal(false);
           DOMChecker(wrapper, {
             count: {
               '.van-button--disabled': 1,
-              '.van-order-coupon-coupon': 6,
-              '.van-order-coupon-coupon--disabled': 2
+              '.van-coupon-item': 6,
+              '.van-coupon-item--disabled': 2
             }
           });
           done();
@@ -305,7 +305,7 @@ describe('OrderCouponList', () => {
   });
 
   it('displayedCouponIndex out of range', (done) => {
-    wrapper = mount(OrderCouponList, {
+    wrapper = mount(CouponList, {
       propsData: {
         show: true,
         displayedCouponIndex: -100,