chore: change some names (#2757)

packages/button/index.ts

@@ -8,7 +8,7 @@ VantComponent({
   classes: ['hover-class', 'loading-class'],
 
   data: {
-    style: ''
+    baseStyle: ''
   },
 
   props: {
@@ -59,8 +59,8 @@ VantComponent({
           }
         }
 
-        if (style !== this.data.style) {
+        if (style !== this.data.baseStyle) {
-          this.setData({ style });
+          this.setData({ baseStyle: style });
         }
       }
     }

packages/button/index.wxml

@@ -5,7 +5,7 @@
   class="custom-class {{ utils.bem('button', [type, size, { block, round, plain, square, loading, disabled, hairline, unclickable: disabled || loading }]) }} {{ hairline ? 'van-hairline--surround' : '' }}"
   hover-class="van-button--active hover-class"
   lang="{{ lang }}"
-  style="{{ style }} {{ customStyle }}"
+  style="{{ baseStyle }} {{ customStyle }}"
   open-type="{{ openType }}"
   business-id="{{ businessId }}"
   session-from="{{ sessionFrom }}"
@@ -65,4 +65,4 @@ function get(type, color,plain) {
 }
 
 module.exports = get;
-</wxs>
+</wxs>

packages/col/index.ts

@@ -12,16 +12,16 @@ VantComponent({
   },
 
   data: {
-    style: ''
+    viewStyle: ''
   },
 
   methods: {
     setGutter(gutter: number) {
       const padding = `${gutter / 2}px`;
-      const style = gutter ? `padding-left: ${padding}; padding-right: ${padding};` : '';
+      const viewStyle = gutter ? `padding-left: ${padding}; padding-right: ${padding};` : '';
 
-      if (style !== this.data.style) {
+      if (viewStyle !== this.data.viewStyle) {
-        this.setData({ style });
+        this.setData({ viewStyle });
       }
     }
   }

packages/col/index.wxml

@@ -2,7 +2,7 @@
 
 <view
   class="custom-class {{ utils.bem('col', [span]) }} {{ offset ? 'van-col--offset-' + offset : '' }}"
-  style="{{ style }}"
+  style="{{ viewStyle }}"
 >
   <slot />
 </view>

packages/grid-item/index.ts

@@ -21,6 +21,10 @@ VantComponent({
     useSlot: Boolean
   },
 
+  data: {
+    viewStyle: '',
+  },
+
   mounted() {
     this.updateStyle();
   },
@@ -65,7 +69,7 @@ VantComponent({
       }
 
       this.setData({
-        style: styleWrapper.join('; '),
+        viewStyle: styleWrapper.join('; '),
         contentStyle,
         center,
         border,

packages/grid-item/index.wxml

@@ -1,6 +1,6 @@
 <wxs src="../wxs/utils.wxs" module="utils" />
 
-<view class="{{ utils.bem('grid-item', { square }) }}" style="{{ style }}" bindtap="onClick">
+<view class="{{ utils.bem('grid-item', { square }) }}" style="{{ viewStyle }}" bindtap="onClick">
   <view
     class="{{ utils.bem('grid-item__content', { center, square, clickable, surround: border && gutter }) }} {{ border ? 'van-hairline--surround' : '' }}"
     style="{{ contentStyle }}"

packages/grid/index.ts

@@ -46,6 +46,10 @@ VantComponent({
     }
   },
 
+  data: {
+    viewStyle: '',
+  },
+
   beforeCreate() {
     this.children = [];
   },
@@ -54,7 +58,7 @@ VantComponent({
     const { gutter } = this.data;
     if (gutter) {
       this.setData({
-        style: `padding-left: ${addUnit(gutter)}`
+        viewStyle: `padding-left: ${addUnit(gutter)}`
       });
     }
   },

packages/grid/index.wxml

@@ -1,3 +1,3 @@
-<view class="van-grid {{ border && !gutter ? 'van-hairline--top' : '' }}" style="{{ style }}">
+<view class="van-grid {{ border && !gutter ? 'van-hairline--top' : '' }}" style="{{ viewStyle }}">
   <slot />
 </view>

packages/image/index.ts

@@ -56,7 +56,8 @@ VantComponent({
 
   data: {
     error: false,
-    loading: true
+    loading: true,
+    viewStyle: '',
   },
 
   mounted() {
@@ -88,7 +89,7 @@ VantComponent({
         style += `border-radius: ${addUnit(radius)};`;
       }
 
-      this.setData({ style });
+      this.setData({ viewStyle: style });
     },
 
     onLoad(event) {

packages/image/index.wxml

@@ -1,7 +1,7 @@
 <wxs src="../wxs/utils.wxs" module="utils" />
 
 <view
-  style="{{ style }}"
+  style="{{ viewStyle }}"
   class="custom-class {{ utils.bem('image', { round })}}"
   bind:tap="onClick"
 >

packages/loading/index.ts

@@ -10,5 +10,9 @@ VantComponent({
     },
     size: String,
     textSize: String
-  }
+  },
+
+  data: {
+    array12: Array.from({ length: 12 }),
+  },
 });

packages/loading/index.wxml

@@ -7,7 +7,7 @@
   >
     <view
       wx:if="{{ type === 'spinner' }}"
-      wx:for="item in 12"
+      wx:for="{{ array12 }}"
       wx:key="index"
       class="van-loading__dot"
     />

packages/notify/index.ts

@@ -29,6 +29,10 @@ VantComponent({
     }
   },
 
+  data: {
+    show: false,
+  },
+
   created() {
     const { statusBarHeight } = wx.getSystemInfoSync();
     this.setData({ statusBarHeight });

packages/row/index.ts

@@ -18,6 +18,10 @@ VantComponent({
     }
   },
 
+  data: {
+    viewStyle: '',
+  },
+
   mounted() {
     if (this.data.gutter) {
       this.setGutter();
@@ -28,11 +32,11 @@ VantComponent({
     setGutter() {
       const { gutter } = this.data;
       const margin = `-${Number(gutter) / 2}px`;
-      const style = gutter
+      const viewStyle = gutter
         ? `margin-right: ${margin}; margin-left: ${margin};`
         : '';
 
-      this.setData({ style });
+      this.setData({ viewStyle });
       this.getRelationNodes('../col/index').forEach(col => {
         col.setGutter(this.data.gutter);
       });

packages/row/index.wxml

@@ -1,3 +1,3 @@
-<view class="custom-class van-row" style="{{ style }}">
+<view class="custom-class van-row" style="{{ viewStyle }}">
   <slot />
 </view>