opti: remove vuex in API.nvue

Author: Fasttian

pages/tabBar/API/API.nvue

@@ -13,11 +13,11 @@
                     :inWhiteList="true"></u-link>
             </view>
             <view class="uni-panel" v-for="(item, index) in list" :key="item.id">
-                <view class="uni-panel-h" :class="activeOpen === item.id ? 'uni-panel-h-on' : ''" @click="triggerCollapse(index, item.id)">
+                <view class="uni-panel-h" :class="item.open ? 'uni-panel-h-on' : ''" @click="triggerCollapse(index, item.id)">
                     <text class="uni-panel-text">{{item.name}}</text>
-                    <text class="uni-panel-icon uni-icon" :class="activeOpen === item.id ? 'uni-panel-icon-on' : ''">{{item.pages ? '&#xe581;' : '&#xe470;'}}</text>
+                    <text class="uni-panel-icon uni-icon" :class="item.open ? 'uni-panel-icon-on' : ''">{{item.pages ? '&#xe581;' : '&#xe470;'}}</text>
                 </view>
-                <view class="uni-panel-c" v-if="activeOpen === item.id">
+                <view class="uni-panel-c" v-if="item.open">
                     <view :class="{'left-win-active': leftWinActive === item2.url && hasLeftWin, 'pc-hide': item2.name === '设置TabBar' && hasLeftWin}" class="uni-navigate-item" v-for="(item2,key) in item.pages" :key="key" :url="item.url" @click="goDetailPage(item.id, item2.url)">
                         <text class="uni-navigate-text">{{item2.name ? item2.name : item2}}</text>
                         <text class="uni-navigate-icon uni-icon">&#xe470;</text>
@@ -29,11 +29,18 @@
 </template>
 <script>
     import setTabBar from '@/components/api-set-tabbar.nvue';
-	import { mapState, mapMutations } from 'vuex';
     export default {
         components: {
             setTabBar
         },
+		props: {
+			hasLeftWin: {
+				type: Boolean
+			},
+			leftWinActive: {
+				type: String
+			}
+		},
         data() {
             // 暂时这么写，后面看怎么优化。
             let mediaPages = [{
@@ -413,29 +420,19 @@
         onHide() {
             this.leaveSetTabBarPage();
         },
-		computed: {
-			...mapState({
-				hasLeftWin: state => !state.noMatchLeftWindow,
-				leftWinActive: state => state.leftWinActive.split('/')[3],
-				activeOpen: state => state.activeOpen
-			})
-		},
+
 		// #ifdef H5
 		watch:{
 			$route: {
 				immediate: true,
 				handler(newRoute) {
 					if (newRoute.matched.length) {
-						this.setLeftWinActive(newRoute.path)
 						let path = newRoute.path.split('/')[3]
 						for (const item of this.list) {
 							if (Array.isArray(item.pages)) {
 								for (const page of item.pages) {
-									if (page === path) {
-										this.setActiveOpen(item.id)
-									}
-									if (page.url && page.url === path) {
-										this.setActiveOpen(item.id)
+									if (page === path || page.url && page.url === path) {
+										item.open = true
 									}
 								}
 							}
@@ -446,16 +443,18 @@
 		},
 		// #endif
         methods: {
-			...mapMutations(['setLeftWinActive', 'setActiveOpen']),
             triggerCollapse(e, id) {
                 if (!this.list[e].pages) {
                     this.goDetailPage('', this.list[e].url);
                     return;
                 }
-				if (id === this.activeOpen) {
-					id = ''
+				for (var i = 0; i < this.list.length; ++i) {
+					if (e === i) {
+						this.list[i].open = !this.list[i].open;
+					} else {
+						this.list[i].open = false;
+					}
 				}
-				this.setActiveOpen(id)
             },
             goDetailPage(panel, e) {
 				if (e === 'set-tabbar') {