[breaking change] Button: remove bottom-action prop

packages/sku/components/SkuActions.tsx

@@ -27,11 +27,18 @@ function SkuActions(
   return (
     <div class={bem()} {...inherit(ctx)}>
       {props.showAddCartBtn && (
-        <Button bottomAction text="加入购物车" onClick={emit('sku:addCart')} />
+        <Button
+          square
+          size="large"
+          type="warning"
+          text="加入购物车"
+          onClick={emit('sku:addCart')}
+        />
       )}
       <Button
-        type="primary"
-        bottomAction
+        square
+        size="large"
+        type="danger"
         text={props.buyText || '立即购买'}
         onClick={emit('sku:buy')}
       />

packages/sku/demo/index.vue

@@ -117,14 +117,17 @@
           >
             <div class="van-sku-actions">
               <van-button
-                bottom-action
+                square
+                size="large"
+                type="warning"
                 @click="onPointClicked"
               >
                 {{ $t('button1') }}
               </van-button>
               <van-button
-                type="primary"
-                bottom-action
+                square
+                size="large"
+                type="danger"
                 @click="props.skuEventBus.$emit('sku:buy')"
               >
                 {{ $t('button2') }}

packages/sku/en-US.md

@@ -70,12 +70,27 @@ Vue.use(Sku);
       <span class="van-sku__price-symbol">￥</span><span class="van-sku__price-num">{{ props.price }}</span>
     </div>
   </template>
+
   <!-- custom sku actions -->
   <template slot="sku-actions" slot-scope="props">
     <div class="van-sku-actions">
-      <van-button bottom-action @click="onPointClicked">Button</van-button>
+      <van-button
+        square
+        size="large"
+        type="warning"
+        @click="onPointClicked"
+      >
+        Button
+      </van-button>
       <!-- trigger sku inner event -->
-      <van-button type="primary" bottom-action @click="props.skuEventBus.$emit('sku:buy')">Button</van-button>
+      <van-button
+        square
+        size="large"
+        type="danger"
+        @click="props.skuEventBus.$emit('sku:buy')"
+      >
+        Button
+      </van-button>
     </div>
   </template>
 </van-sku>

packages/sku/zh-CN.md

@@ -71,12 +71,27 @@ Vue.use(Sku);
       <span class="van-sku__price-symbol">￥</span><span class="van-sku__price-num">{{ props.price }}</span>
     </div>
   </template>
+
   <!-- 自定义 sku actions -->
   <template slot="sku-actions" slot-scope="props">
     <div class="van-sku-actions">
-      <van-button bottom-action @click="onPointClicked">积分兑换</van-button>
+      <van-button
+        square
+        size="large"
+        type="warning"
+        @click="onPointClicked"
+      >
+        积分兑换
+      </van-button>
       <!-- 直接触发 sku 内部事件，通过内部事件执行 onBuyClicked 回调 -->
-      <van-button type="primary" bottom-action @click="props.skuEventBus.$emit('sku:buy')">买买买</van-button>
+      <van-button
+        square
+        size="large"
+        type="danger"
+        @click="props.skuEventBus.$emit('sku:buy')"
+      >
+        买买买
+      </van-button>
     </div>
   </template>
 </van-sku>