window controll system completed

.eslintrc.js

@@ -3,10 +3,11 @@ module.exports = {
   env: {
     node: true
   },
-  extends: ["plugin:vue/essential", "@vue/prettier",'@vue/typescript'],
+  extends: ["plugin:vue/essential","@vue/prettier",'@vue/typescript'],
   rules: {
     "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
-    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
+    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
+    "no-multiple-empty-lines":1
   },
   parserOptions: {
     parser: 'typescript-eslint-parser'

DeveloperGuide.md

@@ -0,0 +1,29 @@
+## Project structure
+- src
+    - core: anything about translation and string process
+    - tools:
+
+
+## Conpoments
+### BrowserWindow Control System
+In main process
+```ts
+import { windowController } from "../tools/windowController";
+windowController.bind();
+```
+In render process
+
+```vue
+<template>
+    <div v-on:dblclick="minify" v-on:mousedown="bindDrag" ></div>
+</template>
+
+<script>
+import WindowController from "./WindowController";
+export default {
+  mixins: [WindowController]
+};
+</script>
+```
+
+

package.json

@@ -17,10 +17,10 @@
     "iohook": "^0.3.1",
     "lodash": "^4.17.11",
     "log4js": "^4.0.1",
+    "muse-ui": "^3.0.1",
     "translation.js": "^0.7.5",
     "vue": "^2.5.21",
     "vue-router": "^3.0.1",
-    "vuetify": "^1.4.1",
     "vuex": "^3.0.1"
   },
   "devDependencies": {

src/components/StatusBar.vue

@@ -1,28 +1,11 @@
 <template>
-    <div class="draggable" v-on:dblclick="minify" v-on:mousedown="mouseDown" ></div>
+    <div class="draggable" v-on:dblclick="minify" v-on:mousedown="bindDrag" ></div>
 </template>
 
 <script>
-import { MessageType } from "../tools/enums";
+import WindowController from "./WindowController";
 export default {
-  name: "StatusBar",
-  data: function() {
-    return {};
-  },
-  methods: {
-    minify(event) {
-      this.$ipcRenderer.send(MessageType.MinifyWindow.toString(), null);
-    },
-    mouseDown(event) {
-      if (event.button === 0) {
-        this.$ipcRenderer.send(MessageType.DragWindow.toString(), {
-          status: true,
-          x: event.screenX,
-          y: event.screenY
-        });
-      }
-    }
-  }
+  mixins: [WindowController]
 };
 </script>
 

src/components/WindowController.vue

@@ -0,0 +1,25 @@
+<template>
+    <div></div>
+</template>
+
+<script>
+import { MessageType } from "../tools/enums";
+import { ipcRenderer } from "electron";
+export default {
+  name: "WindowController",
+  methods: {
+    minify(event) {
+      ipcRenderer.send(MessageType.MinifyWindow.toString(), null);
+    },
+    bindDrag(event) {
+      if (event.button === 0) {
+        ipcRenderer.send(MessageType.DragWindow.toString(), {
+          status: true,
+          x: event.screenX,
+          y: event.screenY
+        });
+      }
+    }
+  }
+};
+</script>