From 9e10fc0d56d1b3daadf6640ae0af3c750f81d08f Mon Sep 17 00:00:00 2001
From: nuintun <nuintun@gmail.com>
Date: Tue, 24 Nov 2015 14:07:42 +0800
Subject: [PATCH] update files

---
 static/js/components/app-main/app-main.html |  2 +-
 static/js/components/app-main/index.js      | 13 ++++++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/static/js/components/app-main/app-main.html b/static/js/components/app-main/app-main.html
index db199a9..1386cea 100644
--- a/static/js/components/app-main/app-main.html
+++ b/static/js/components/app-main/app-main.html
@@ -18,7 +18,7 @@
           </a>
         </li>
         <li v-if="moreCommand.length" class="ui-command-more">
-          <a href="javascript:;" @click="commandToggle">更多&nbsp;<i class="icon-expand"></i></a>
+          <a v-el:expand-trigger href="javascript:;">更多&nbsp;<i class="icon-expand"></i></a>
           <ul v-show="showMoreCommand" class="ui-command-popup">
             <li v-for="moreCmd in moreCommand">
               <a :title="moreCmd.name" href="javascript:;">
diff --git a/static/js/components/app-main/index.js b/static/js/components/app-main/index.js
index 873fb42..09aa19c 100644
--- a/static/js/components/app-main/index.js
+++ b/static/js/components/app-main/index.js
@@ -55,9 +55,6 @@ module.exports = Vue.component('app-main', {
     setting: function (){
       this.showSetting = true;
     },
-    commandToggle: function (){
-      this.showMoreCommand = !this.showMoreCommand;
-    },
     remove: function (){
       this.projects.splice(this.activeIndex, 1);
       this.activeIndex = 0;
@@ -73,5 +70,15 @@ module.exports = Vue.component('app-main', {
       this.projects.$set(this.activeIndex, project);
       this.$dispatch('save-configure');
     }
+  },
+  created: function (){
+    var context = this;
+
+    document.addEventListener('click', function (event){
+      var target = event.target;
+      var trigger = context.$els.expandTrigger;
+
+      context.showMoreCommand = !!trigger.contains(target);
+    });
   }
 });