fix(button): 适配rn导致的问题

animation && wx:style

Author: QiuShuiBai

packages/mpx-cube-ui/__tests__/components/button/__snapshots__/button.spec.js.snap

@@ -8,7 +8,7 @@ exports[`component button unit test props bolder check matchSnapshot 1`] = `"<wx
 
 exports[`component button unit test props disabled check matchSnapshot 1`] = `"<wx-button style=\\"\\" class=\\"main--cube-btn main--cube-btn_disabled\\"><wx-view class=\\"main--cube-btn-content\\" style=\\"\\"></wx-view></wx-button>"`;
 
-exports[`component button unit test props icon="like" check matchSnapshot 1`] = `"<wx-button style=\\"\\" class=\\"main--cube-btn\\"><cube-icon class=\\"main--cube-btn-icon\\"><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-like\\" style=\\"\\"></wx-view></cube-icon><wx-view class=\\"main--cube-btn-content\\" style=\\"\\"></wx-view></wx-button>"`;
+exports[`component button unit test props icon="like" check matchSnapshot 1`] = `"<wx-button style=\\"\\" class=\\"main--cube-btn\\"><cube-icon class=\\"main--cube-btn-icon\\" style=\\"\\"><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-like\\" style=\\"\\"></wx-view></cube-icon><wx-view class=\\"main--cube-btn-content\\" style=\\"\\"></wx-view></wx-button>"`;
 
 exports[`component button unit test props inline check matchSnapshot 1`] = `"<wx-button style=\\"\\" class=\\"main--cube-btn main--cube-btn-inline\\"><wx-view class=\\"main--cube-btn-content\\" style=\\"\\"></wx-view></wx-button>"`;
 
@@ -44,4 +44,4 @@ exports[`component button unit test props outline primary check matchSnapshot 1`
 
 exports[`component button unit test props primary check matchSnapshot 1`] = `"<wx-button style=\\"\\" class=\\"main--cube-btn main--cube-btn-primary\\"><wx-view class=\\"main--cube-btn-content\\" style=\\"\\"></wx-view></wx-button>"`;
 
-exports[`component button unit test props tip="辅助文案" check matchSnapshot 1`] = `"<wx-button style=\\"\\" class=\\"main--cube-btn main--cube-btn-with-tip\\"><wx-view class=\\"main--cube-btn-content\\" style=\\"\\"></wx-view><wx-view class=\\"main--cube-btn-tip\\"><wx-text class=\\"main--cube-btn-tip-text\\">辅助文案</wx-text></wx-view></wx-button>"`;
+exports[`component button unit test props tip="辅助文案" check matchSnapshot 1`] = `"<wx-button style=\\"\\" class=\\"main--cube-btn main--cube-btn-with-tip\\"><wx-view class=\\"main--cube-btn-content\\" style=\\"\\"></wx-view><wx-view class=\\"main--cube-btn-tip\\" style=\\"\\"><wx-text class=\\"main--cube-btn-tip-text\\">辅助文案</wx-text></wx-view></wx-button>"`;

packages/mpx-cube-ui/lib/components/button/loading/index.mpx

@@ -3,7 +3,7 @@
     <view class="cube-loading-content">
       <view @_ios|_android|_harmony class="cube-loading-origin-before" animation="{{ beforeAnim }}"></view>
       <view class="cube-loading-origin">
-        <view class="cube-loading-middle-dot" animation="{{ middleAnim }}"></view>
+        <view class="cube-loading-middle-dot" animation@_ios|_android|_harmony="{{ middleAnim }}"></view>
       </view>
       <view @_ios|_android|_harmony class="cube-loading-origin-after" animation="{{ afterAnim }}"></view>
     </view>

packages/mpx-cube-ui/src/components/button/index.mpx

@@ -37,7 +37,7 @@
       type="{{ icon }}"
       wx:style="{{ hiddenStyle }}"
     />
-    <view class="cube-btn-content" numberOfLines="{{ 1 }}" wx:class="{{ contentClass }}" wx:style="{{ styleConfig.content, hiddenStyle }}">
+    <view class="cube-btn-content" numberOfLines="{{ 1 }}" wx:class="{{ contentClass }}" wx:style="{{ [styleConfig.content, hiddenStyle] }}">
       <slot />
     </view>
     <view class="cube-btn-tip" wx:class="{{ tipClass }}" wx:if="{{ tip }}" wx:style="{{ hiddenStyle }}">

packages/mpx-cube-ui/src/components/button/loading/index.mpx

@@ -3,7 +3,7 @@
     <view class="cube-loading-content">
       <view @_ios|_android|_harmony class="cube-loading-origin-before" animation="{{ beforeAnim }}"></view>
       <view class="cube-loading-origin">
-        <view class="cube-loading-middle-dot" animation="{{ middleAnim }}"></view>
+        <view class="cube-loading-middle-dot" animation@_ios|_android|_harmony="{{ middleAnim }}"></view>
       </view>
       <view @_ios|_android|_harmony class="cube-loading-origin-after" animation="{{ afterAnim }}"></view>
     </view>

packages/mpx-cube-ui/src/components/modal/index.mpx

@@ -38,7 +38,7 @@
             <view @_ios|_android|_harmony class="cube-modal-line cube-modal-line-horizontal"></view>
             <!-- 竖线 -->
             <view @_ios|_android|_harmony class="cube-modal-line cube-modal-line-vertical"></view>
-            <cube-icon type="close" theme-type="{{ themeType }}"></cube-icon>
+            <cube-icon @_wx|_ali|_web type="close" theme-type="{{ themeType }}"></cube-icon>
           </view>
         </view>