From 127e38159ec7a2cdab270af91be2269711549a21 Mon Sep 17 00:00:00 2001
From: purocean <purocean@gmail.com>
Date: Mon, 19 Aug 2019 20:10:52 +0800
Subject: [PATCH] =?UTF-8?q?=E8=87=AA=E5=AE=9A=E4=B9=89=E7=AA=97=E5=8F=A3?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E6=A0=8F=EF=BC=8C=E5=A2=9E=E5=8A=A0=E7=AA=97?=
 =?UTF-8?q?=E5=8F=A3=E7=BD=AE=E9=A1=B6=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/assets/icon.png              | Bin 0 -> 4880 bytes
 frontend/src/assets/logo.png              | Bin 6849 -> 0 bytes
 frontend/src/assets/window-close.svg      |   1 +
 frontend/src/assets/window-maximize.svg   |   1 +
 frontend/src/assets/window-minimize.svg   |   1 +
 frontend/src/assets/window-unmaximize.svg |   1 +
 frontend/src/components/TitleBar.vue      | 146 +++++++++++++++++++++-
 src/app.ts                                |   7 +-
 8 files changed, 152 insertions(+), 5 deletions(-)
 create mode 100644 frontend/src/assets/icon.png
 delete mode 100644 frontend/src/assets/logo.png
 create mode 100644 frontend/src/assets/window-close.svg
 create mode 100644 frontend/src/assets/window-maximize.svg
 create mode 100644 frontend/src/assets/window-minimize.svg
 create mode 100644 frontend/src/assets/window-unmaximize.svg

diff --git a/frontend/src/assets/icon.png b/frontend/src/assets/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..b504b3c6dac102af234b32c364c5c7db50c8016a
GIT binary patch
literal 4880
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
X<*ElO*;cXC1?&5qJaJ`?grENbd9z_Q

literal 0
HcmV?d00001

diff --git a/frontend/src/assets/logo.png b/frontend/src/assets/logo.png
deleted file mode 100644
index f3d2503fc2a44b5053b0837ebea6e87a2d339a43..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6849
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

diff --git a/frontend/src/assets/window-close.svg b/frontend/src/assets/window-close.svg
new file mode 100644
index 00000000..3b02b087
--- /dev/null
+++ b/frontend/src/assets/window-close.svg
@@ -0,0 +1 @@
+<svg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.279 5.5L11 10.221l-.779.779L5.5 6.279.779 11 0 10.221 4.721 5.5 0 .779.779 0 5.5 4.721 10.221 0 11 .779 6.279 5.5z' fill='#000'/></svg>
\ No newline at end of file
diff --git a/frontend/src/assets/window-maximize.svg b/frontend/src/assets/window-maximize.svg
new file mode 100644
index 00000000..6f76d581
--- /dev/null
+++ b/frontend/src/assets/window-maximize.svg
@@ -0,0 +1 @@
+<svg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11 0v11H0V0h11zM9.899 1.101H1.1V9.9h8.8V1.1z' fill='#000'/></svg>
\ No newline at end of file
diff --git a/frontend/src/assets/window-minimize.svg b/frontend/src/assets/window-minimize.svg
new file mode 100644
index 00000000..869a1c1f
--- /dev/null
+++ b/frontend/src/assets/window-minimize.svg
@@ -0,0 +1 @@
+<svg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11 4.399V5.5H0V4.399h11z' fill='#000'/></svg>
\ No newline at end of file
diff --git a/frontend/src/assets/window-unmaximize.svg b/frontend/src/assets/window-unmaximize.svg
new file mode 100644
index 00000000..0ac7922d
--- /dev/null
+++ b/frontend/src/assets/window-unmaximize.svg
@@ -0,0 +1 @@
+<svg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11 8.798H8.798V11H0V2.202h2.202V0H11v8.798zm-3.298-5.5h-6.6v6.6h6.6v-6.6zM9.9 1.1H3.298v1.101h5.5v5.5h1.1v-6.6z' fill='#000'/></svg>
\ No newline at end of file
diff --git a/frontend/src/components/TitleBar.vue b/frontend/src/components/TitleBar.vue
index 8ea7bd80..4ce29b7a 100644
--- a/frontend/src/components/TitleBar.vue
+++ b/frontend/src/components/TitleBar.vue
@@ -1,28 +1,73 @@
 <template>
   <div class="title-bar" :style="saved ? '' : 'background: orange'">
-    <h4 class="title"> {{statusText}}</h4>
+    <h4 class="title">
+      <img v-if="win" @dblclick="close" class="logo" src="~@/assets/icon.png" alt="logo">
+      <span>{{statusText}}</span>
+    </h4>
+    <div class="action" v-if="win">
+      <div title="置顶窗口" :class="{btn: true, pin: true, ontop: isAlwaysOnTop}" @click="toggleAlwaysOnTop">
+        <y-icon class="pin-icon" name="thumbtack"></y-icon>
+      </div>
+      <div class="btn" @click="minimize">
+        <div class="icon minimize"></div>
+      </div>
+      <div v-if="isMaximized" class="btn" @click="unmaximize">
+        <div class="icon unmaximize"></div>
+      </div>
+      <div v-else class="btn" @click="maximize">
+        <div class="icon maximize"></div>
+      </div>
+      <div class="btn" @click="close">
+        <div class="icon close"></div>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
 import { mapState } from 'vuex'
 import env from '@/lib/env'
+import 'vue-awesome/icons/thumbtack'
 
 const isElectron = env.isElectron
 
 export default {
   name: 'title-bar',
+  data () {
+    return {
+      win: null,
+      isMaximized: false,
+      isAlwaysOnTop: false,
+    }
+  },
   mounted () {
     if (!isElectron) {
       window.onbeforeunload = () => {
         return !this.saved || null
       }
     }
+
+    if (isElectron && env.require) {
+      this.win = env.require('electron').remote.getCurrentWindow()
+      this.isMaximized = this.win.isMaximized()
+      this.win.on('maximize', this.changeWindowStatus)
+      this.win.on('restore', this.changeWindowStatus)
+      this.win.on('unmaximize', this.changeWindowStatus)
+      this.win.on('always-on-top-changed', this.changeWindowStatus)
+    }
   },
   beforeDestroy () {
     if (!isElectron) {
       window.onbeforeunload = null
     }
+
+    if (this.win) {
+      this.win.removeListener('maximize', this.changeWindowStatus)
+      this.win.removeListener('restore', this.changeWindowStatus)
+      this.win.removeListener('unmaximize', this.changeWindowStatus)
+      this.win.removeListener('minimize', this.changeWindowStatus)
+      this.win.removeListener('always-on-top-changed', this.changeWindowStatus)
+    }
   },
   computed: {
     ...mapState('app', ['currentFile', 'savedAt', 'previousContent', 'currentContent']),
@@ -68,7 +113,32 @@ export default {
         window.documentSaved = val
       },
     },
-  }
+  },
+  methods: {
+    changeWindowStatus () {
+      if (this.win) {
+        this.isMaximized = this.win.isMaximized()
+        this.isAlwaysOnTop = this.win.isAlwaysOnTop()
+      }
+    },
+    toggleAlwaysOnTop () {
+      this.win && this.win.setAlwaysOnTop(!this.win.isAlwaysOnTop())
+    },
+    unmaximize () {
+      this.win && this.win.unmaximize()
+    },
+    minimize () {
+      this.win && this.win.minimize()
+    },
+    maximize () {
+      // 最大化后取消窗口置顶
+      this.win && this.win.maximize()
+      this.win && this.win.setAlwaysOnTop(false)
+    },
+    close () {
+      this.win && this.win.close()
+    },
+  },
 }
 </script>
 
@@ -82,10 +152,82 @@ export default {
   display: flex;
   align-items: center;
   justify-content: center;
+  -webkit-user-select: none;
+  -webkit-app-region: drag;
 }
 
 .title {
   margin: 0;
   text-align: center;
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+
+.logo {
+  height: 60%;
+  margin: 0 5px;
+  -webkit-app-region: no-drag;
+}
+
+.action {
+  display: flex;
+  flex-grow: 0;
+  flex-shrink: 0;
+  text-align: center;
+  position: relative;
+  z-index: 3000;
+  -webkit-app-region: no-drag;
+  height: 100%;
+  width: 138px;
+  margin-left: auto;
+}
+
+.action .btn {
+  display: inline-block;
+  -webkit-app-region: no-drag;
+  height: 100%;
+  width: 33.34%;
+}
+
+.action .icon {
+  background-color: #cccccc;
+  height: 100%;
+  width: 100%;
+  mask-size: 23.1%;
+}
+
+.action .icon.unmaximize {
+  mask: url(~@/assets/window-unmaximize.svg) no-repeat 50% 50%;
+}
+
+.action .icon.maximize {
+  mask: url(~@/assets/window-maximize.svg) no-repeat 50% 50%;
+}
+
+.action .icon.minimize {
+  mask: url(~@/assets/window-minimize.svg) no-repeat 50% 50%;
+}
+
+.action .icon.close {
+  mask: url(~@/assets/window-close.svg) no-repeat 50% 50%;
+}
+
+.action .btn:hover {
+  background-color:  hsla(0, 0%, 100%, .1)
+}
+
+.action .btn.pin {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.action .btn.pin.ontop {
+  background-color: hsla(0, 0%, 100%, .3)
+}
+
+.action .btn.pin .pin-icon {
+  fill: hsla(0, 0%, 100%, .5)
 }
 </style>
diff --git a/src/app.ts b/src/app.ts
index 85197d04..12a39abb 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -32,8 +32,9 @@ const createWindow = () => {
   win = new BrowserWindow({
     maximizable: true,
     show: false,
-    minWidth: 700,
+    minWidth: 800,
     minHeight: 500,
+    frame: false,
     backgroundColor: '#282a2b',
     webPreferences: {
       webSecurity: false,
@@ -41,7 +42,7 @@ const createWindow = () => {
     },
   })
 
-  win.maximize()
+  // win.maximize()
   win.show()
   win.setMenu(null)
 
@@ -90,7 +91,7 @@ const showWindow = () => {
       win.setSkipTaskbar(false)
       win.show()
     }
-    if (win.isFocused() && win.isVisible()) {
+    if (win.isVisible()) {
       hide()
     } else {
       // 先隐藏再显示，以便在 windows 10 当前虚拟窗口展示