update to v1.2.2

Author: hutuxuhui

.eslintrc.json

@@ -33,6 +33,8 @@
       "error",
       "never"
     ],
+    "no-console": 0,
+    "linebreak-styl":0,
     "no-unused-vars": ["error", { "vars": "all", "args": "none" }],
     "no-mixed-spaces-and-tabs": [0, "smart-tabs"]
   }

History.md

@@ -1,3 +1,10 @@
+1.2.2 / 2016-05-07
+==================
+
+* 修复消息提示组件
+* 更新依赖包
+
+
 1.2.1 / 2016-04-08
 ==================
 

README.md

@@ -19,7 +19,7 @@ $ cd jackblog-vue
 $ npm install
 $ gulp serve
 ```
-在浏览器中自动打开 http://localhost:5100
+在浏览器中自动打开 http://localhost:3000
 
 ## 调试
 - 默认开启 vue-devtools [chrome浏览器扩展](https://github.com/vuejs/vue-devtools), 生产环境自动关闭, 手动开启方式:

gulpfile.babel.js

@@ -9,7 +9,7 @@ import gulpSequence from 'gulp-sequence'
 import nodemon from 'gulp-nodemon'
 import open from 'open'
 
-const DEV_PORT = 5100,PROD_PORT = 8400
+const DEV_PORT = 3000,PROD_PORT = 8400
 gulp.task('serve', cb =>{
   let webpackConfig = require('./webpack.config')
   let myConfig = Object.create(webpackConfig)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jackblog-vue",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "Jackblog vue 版",
   "scripts": {
     "start": "gulp serve",
@@ -23,14 +23,14 @@
   },
   "homepage": "https://github.com/jackhutu/jackblog-vue#readme",
   "devDependencies": {
-    "babel-core": "^6.7.2",
+    "babel-core": "^6.8.0",
     "babel-loader": "^6.2.4",
-    "babel-plugin-add-module-exports": "^0.1.2",
-    "babel-plugin-transform-runtime": "^6.6.0",
+    "babel-plugin-add-module-exports": "^0.2.0",
+    "babel-plugin-transform-runtime": "^6.8.0",
     "babel-preset-es2015": "^6.6.0",
     "babel-preset-stage-0": "^6.5.0",
-    "babel-register": "^6.7.2",
-    "babel-runtime": "5.8.35",
+    "babel-register": "^6.8.0",
+    "babel-runtime": "^6.6.1",
     "bootstrap": "^3.3.6",
     "css-loader": "^0.23.1",
     "del": "^2.2.0",
@@ -55,12 +55,12 @@
     "vue": "^1.0.21",
     "vue-hot-reload-api": "^1.3.2",
     "vue-html-loader": "^1.2.2",
-    "vue-loader": "^8.2.2",
+    "vue-loader": "^8.3.1",
     "vue-resource": "^0.7.0",
     "vue-router": "^0.7.13",
     "vue-strap": "^1.0.7",
     "vue-style-loader": "^1.0.0",
-    "vue-toastr": "^1.0.3",
+    "vue-toast": "^2.0.2",
     "vue-validator": "^2.1.1",
     "vuex": "^0.6.3",
     "vuex-router-sync": "^1.0.0",

process.json

@@ -1,18 +1,18 @@
 {
 	"apps" : [
-        {
-            "name"        : "jackblog-vue",
-            "script"      : "./server.js",
-            "log_date_format"  : "YYYY-MM-DD HH:mm Z",
-            "out_file"   : "./logs/pm2-out.log",
-            "error_file" : "./logs/pm2-err.log",
-            "pid_file"   : "./logs/jackblog-vue.pid",
-            "ignoreWatch" : ["[\\/\\\\]\\./", "node_modules"],
-            "watch"       : "false",
-            "exec_mode"  : "fork_mode", //cluster_mode
-            "env": {
-              "NODE_ENV": "production"
-            }
-        }
-    ]
+    {
+      "name"        : "jackblog-vue",
+      "script"      : "./server.js",
+      "log_date_format"  : "YYYY-MM-DD HH:mm Z",
+      "out_file"   : "./logs/pm2-out.log",
+      "error_file" : "./logs/pm2-err.log",
+      "pid_file"   : "./logs/jackblog-vue.pid",
+      "ignoreWatch" : ["[\\/\\\\]\\./", "node_modules"],
+      "watch"       : "false",
+      "exec_mode"  : "fork_mode", //cluster_mode
+      "env": {
+        "NODE_ENV": "production"
+      }
+    }
+  ]
 }

src/components/Toaster/index.vue

@@ -1,13 +1,13 @@
 <template>
-	<vue-toastr v-ref:toastr></vue-toastr>
+  <vue-toast v-ref:toast></vue-toast>
 </template>
 
 <script>
-import vueToastr from 'vue-toastr'
+import vueToast from 'vue-toast'
 import { showMsg,hideMsg } from '../../vuex/actions'
 
 export default {
-  components: { vueToastr },
+  components: { vueToast },
   vuex:{
     getters:{
       msg: ({showmsg}) => showmsg.message
@@ -28,14 +28,12 @@ export default {
     }
   },
   methods:{
-    showToastr(content,type='error',position='toast-top-right'){
-      this.$refs.toastr.Add({
-        msg: content,
-        title: '',
-        clickClose: true,
-        timeout: 3000,
-        type: type,
-        position: position
+    showToastr(content,type='error',position='top right'){
+      this.$refs.toast.setOptions({ maxToasts:3, position: position })
+      this.$refs.toast.showToast(content, {
+        theme: type,
+        timeLife: 2000,
+        closeBtn: false
       })
     }
   }

src/index.js

@@ -9,7 +9,7 @@ import App from './components/App.vue'
 import 'font-awesome/css/font-awesome.css'
 import 'bootstrap/dist/css/bootstrap.css'
 import 'jackblog-sass/dist/index.css'
-import 'vue-toastr/dist/vue-toastr.css'
+import 'vue-toast/dist/vue-toast.min.css'
 import './assets/styles/index.css'
 
 Vue.use(VueRouter)