feat(grids): 支持动态修改 grid

close #134

Author: Tidyzq

src/grids/grids.ts

@@ -1,3 +1,21 @@
+const defaultGridProps = {
+    target: 'self',
+    url: '',
+    openType: 'navigate',
+    delta: 1,
+    appId: '',
+    path: '',
+    extraData: '',
+    version: 'release',
+    hoverClass: 'navigator-hover',
+    hoverStopPropagation: false,
+    hoverStartTime: 50,
+    hoverStayTime: 600,
+    bindsuccess: () => {},
+    bindfail: () => {},
+    bindcomplete: () => {}
+}
+
 Component({
     options: {
         addGlobalClass: true,
@@ -10,37 +28,19 @@ Component({
         },
         grids: {
             type: Array,
-            value: []
+            value: [],
+            observer: '_onGridsChange'
         }
     },
     data: {
-        innerGrids: [],
-        _defaultGridProps: {
-            target: 'self',
-            url: '',
-            openType: 'navigate',
-            delta: 1,
-            appId: '',
-            path: '',
-            extraData: '',
-            version: 'release',
-            hoverClass: 'navigator-hover',
-            hoverStopPropagation: false,
-            hoverStartTime: 50,
-            hoverStayTime: 600,
-            bindsuccess() {},
-            bindfail() {},
-            bindcomplete() {}
-        }
+        innerGrids: []
     },
     ready() {},
-    lifetimes: {
-        attached() {
-            if (this.data.grids) {
+    methods: {
+        _onGridsChange(grids): void {
+            if (grids) {
                 this.setData({
-                    innerGrids: this.data.grids.map((grid) =>
-                        Object.assign({}, this.data._defaultGridProps, grid)
-                    )
+                    innerGrids: grids.map((grid) => Object.assign({}, defaultGridProps, grid))
                 })
             }
         }