feat(v1.4.0): 基本完成1.4.0所有功能

README.md

@@ -42,11 +42,11 @@ Works on macOS 10.12+, and Windows 10+.
 
 【软件主页】
 
-用于显示壁纸照片，可以切换图库，可以进行关键词搜索。
+用于显示壁纸照片，可以切换图库，可以进行关键词搜索，并可存储最近搜索的关键词。
 
 <img src="http://file.qiniu.taoacat.com/stwallpaper-1.png" width="300px" />
 
-【设置页面可进行简单的设置】
+【设置】
 
 <img src="http://file.qiniu.taoacat.com/stwallpaper-2.png" width="300px" />
 
@@ -60,97 +60,28 @@ Works on macOS 10.12+, and Windows 10+.
 
 <img src="http://file.qiniu.taoacat.com/stwallpaper-4.png" width="500px" />
 
+【公告】
+
+<img src="http://file.qiniu.taoacat.com/stwallpaper-5.png" width="500px" />
+
+【网页模式】
+
+可在网页中对图库图片进行搜索、下载、设置为壁纸
+
+<img src="http://file.qiniu.taoacat.com/stwallpaper-6.png" width="700px" />
+
 
 ## 更新日志
 
-> v0.0.1发行版
-- 动态更新壁纸
-- 设置开机启动
-- 意见反馈
-- 自动更新
-- 支持win10
-
-> v0.0.2
-- 修改win下主窗口的显示位置，win7测试成功
-
-> v0.0.3
-- 增加壁纸来源的选择，增加500px壁纸来源
-
-> v0.0.4
-- 增加软件初次安装数统计
-
-> v0.0.5
-- 增加图片下载以及软件更新下载进度条(进度条颜色随机，部分时候可能不便于显示)
-- 解决在部分电脑下主窗口显示定位问题
-- 优化mac下主窗口显示,增加小三角。增加软件开启过渡动画。
-- 解决在win下多实例打开的问题
-
-> v0.0.6
-- 修改采用500px图库预案的时候加载的为大尺寸的问题
-- 增加刷新按钮
-- 修改预览图片重复问题
-
-> v0.0.7
-- 增加相关接口的取消操作
-- 解决pexels图库的图片重复问题
-
-> v0.0.8
-- 修改搜索不能搜索的Bug
-
-> v1.0.0
-- 修改mac下的图标颜色
-- 增加pap.er壁纸库
-- 增加自动设置壁纸的超时取消
-- 增加eslint对代码进行了格式上的更改
-- 增加设置壁纸失败的处理
-- 修改pexels在某些情况下的Bug
-
-> 1.1.0
-- 增加自定义设置图片的保存目录
-- 增加统计用户安装量接口以及用户留存情况统计(去除之前的邮件统计)
-- 增加定时移除图片设置，7天为周期移除已保存的图片
-- 增加unsplash图库
-- 增加图片列表最小宽度1600px的限制
-- 优化页面数据处理逻辑
-- 修复自动命名出现NaN的bug
-- 修改定时功能逻辑，解决在mac下定时更新失败的问题
-
-> 1.1.1
-- 采用新规则生成软件的uid，存储字段：first_install_flag_v1.1.1
-
-> 1.2.0
-- 针对已经设置完壁纸的图片做缓存处理，不再继续下载
-- 修改意见反馈页面
-- 修改pexels地址变化带来的图片加载不出来Bug，优化pexels爬虫逻辑
-- 增加下一页请求中提示，增加请求失败提示。
-- 增加搜索中文关键词的支持
-- 修改Paper的图库处理，对标Paper3.3
-- 修复在多显示器纵轴方向拼接时，定位不对问题。
-
-> 1.3.0
-- 修改用户反馈意见目标邮箱，增加输入校验
-- 增加自定义设置壁纸时间
-- 增加保存最近搜索词，可作为快速分类
-- 增加wallhaven图库
-
-> 1.3.1
-- 增加NASA图库
-- 增加电影壁纸图库themoviedb
-
-> 1.3.2
-- 修复pexels与500px壁纸库加载失败问题
-
-> 1.3.3
-- 修复500px设置壁纸图片不清晰的问题
-
-> 1.4
+> v1.4
 - 修复pexels图库加载不成功问题
 - 增加设置壁纸的填充方式（mac下有效）
-- 增加手动设置壁纸只针对当前屏操作屏幕更新（mac下有效），自动更新壁纸时更新所有屏幕
-- 增加壁纸方向尺寸的筛选
-- 增加全屏模式，全屏模式下加载相关网页，并可直接在网页中可以下载图片到本地以及设置壁纸
-- 增加公告信息
+- 增加是否自动应用到所有屏幕设置（mac下有效）
+- 增加壁纸方向与尺寸的筛选
+- 增加网页模式，网页模式下加载相关网页，并可直接在网页中可以下载图片到本地以及设置壁纸
+- 增加公告展示
 
+[历史更新](./update-log.md)
 
 
 ## 用户统计

docs/README.md

@@ -10,11 +10,14 @@
 
 ##### 功能：
 
-- 目前支持paper、500px、pexels 三大图库
+- 目前支持pexels、500px、paper、unsplash、wallhaven、NASA每日一图、 themoviedb(类似豆瓣)
 - 同时支持macOS与windows
 - 支持壁纸预览，通过缩略图就可预览众多壁纸，同时对壁纸的尺寸做了明显的标记
-- 支持关键词搜索，想寻找什么样的图片一触即得
-- 支持定时设置壁纸
+- 支持关键词搜索，想要什么样的图片一触即得
+- 支持定时自动设置壁纸
+- 支持方向、尺寸筛选，
+- 支持设置壁纸平铺方式（mac系统）
+- 支持网页模式，在浏览原生网页的时候也可以设置壁纸
 - 对设置过的壁纸存放到固定目录，方便随时查看
 - 长期更新、完全免费
 
@@ -28,7 +31,10 @@
 
 <img src="./img/bk2.png" width="100%" />
 
-###### 更多功能欢迎下载软件试用...
+###### 支持网页模式
+可在网页中对图库图片进行搜索、下载、设置为壁纸
+
+<img src="http://file.qiniu.taoacat.com/stwallpaper-6.png" width="700px" />
 
 ##### [项目地址](https://github.com/aitexiaoy/Strawberry-Wallpaper)
 ##### [Windows下载](http://sw.taoacat.com/Strawberry%20Wallpaper-win.exe)

src/main/index.js

@@ -321,7 +321,7 @@ function ipcMainInit() {
     ipcMain.on('dataWallpaper', (event, arg) => {
         downloadPic(arg.downloadUrl, sendData).then((filePath) => {
             const { options } = arg
-            if (isMac() && options.isAutoSet === false){
+            if (isMac() && options.autoSetAllScreens === false){
                 setCurrentWallpaper(filePath, {
                     ...options,
                     screen: currentScreenIndex,

src/renderer/page/content.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="main-content" @mouseleave="handleMouseLeave" @keydown.enter="keydownEnterFn">
+    <div class="main-content" @keydown.enter="keydownEnterFn">
         <div class="header">
             <div class="header-content">
                 <el-row class="header-row-one">
@@ -175,12 +175,11 @@ export default {
         // 安装量的统计
         this.firstInstall()
         // 获得配置
-        const config = this.$localStorage.getStore('userConfig')
-        if (config){
-            this.config = { ...config }
-        } else {
-            this.$localStorage.setStore('userConfig', this.config) 
-        }
+        const config = this.$localStorage.getStore('userConfig') || {}
+        this.config = { ...this.config, ...config }
+        // 更新一下配置
+        this.$localStorage.setStore('userConfig', this.config) 
+
         this.imageSource = this.config.imageSource
         this.searchKey = this.$localStorage.getStore('searchKey') || ''
         this.searchKeyList = this.$localStorage.getStore('searchKeyList') || this.searchKeyList
@@ -191,6 +190,7 @@ export default {
         }
         this.getData()
         this.eventInit()
+        this.domEventInit()
         this.domContentMainMatch()
     },
 
@@ -288,11 +288,7 @@ export default {
                 }
                 // 主窗口显示|隐藏
                 else if (type === 'windowShow') {
-                    if (data) {
-                        this.setterShow = false
-                    } else {
-                        this.setterShow = false
-                    }
+                    this.setterShow = false
                 }
                 // 更新进度条
                 else if (type === 'updaterProgress') {
@@ -307,6 +303,16 @@ export default {
             })
         },
 
+        domEventInit(){
+            this.$nextTick(() => {
+                document.querySelector('body').addEventListener('mouseleave', (e) => {
+                    if (this.setterShow){
+                        this.setterShow = false
+                    }
+                })
+            })
+        },
+
         domContentMainMatch(){
             this.$nextTick(() => {
                 if (this.$refs.content_main && document.querySelector('.header')){
@@ -389,17 +395,17 @@ export default {
          * @function setWallpaper
          * @param {Object} img 当前图片数据
          * @param {Number} index 数组索引
-         * @param {Boolearn} isAutoSet 是否是自动设置触发的
          */
-        setWallpaper(img, index, isAutoSet = false) {
+        setWallpaper(img, index) {
             this.isSetting = true
             this.setterShow = false
             if (!this.$refs[`image_item_${index}`][0]) {
                 return
             }
             const { wallpaperScale } = this.config
             this.$swLoading.open(this.$refs[`image_item_${index}`][0])
-            this.$ipcRenderer.send('dataWallpaper', { ...img, options: { scale: wallpaperScale, isAutoSet } })
+            const { autoSetAllScreens } = this.config
+            this.$ipcRenderer.send('dataWallpaper', { ...img, options: { scale: wallpaperScale, autoSetAllScreens } })
             this.currentImageBacColor = this.images[index].backgroundColor
             this.currentWallpaperIndex = index
         },
@@ -499,7 +505,7 @@ export default {
                         const updataTime = parseInt(this.config.updataTime, 10)
                         if (Math.abs(currentTime - time) > updataTime) {
                             const index = this.images[this.currentWallpaperIndex] ? this.currentWallpaperIndex : 0
-                            this.setWallpaper(this.images[index], index, true)
+                            this.setWallpaper(this.images[index], index)
                         }
                     }
                 }
@@ -602,12 +608,6 @@ export default {
             this.$ipcRenderer.send('getImageUrls', obj)
         },
 
-        handleMouseLeave(){
-            if (this.setterShow){
-                this.setterShow = false
-            }
-        },
-
         searchKeyListDelete(tag){
             this.searchKeyList = this.searchKeyList.filter(i => i !== tag)
             this.$localStorage.setStore('searchKeyList', this.searchKeyList)

src/renderer/page/full-window.vue

@@ -128,9 +128,11 @@ export default {
                         webview.downloadURL(data.downloadUrl)
                     }
                     else if (channel === 'setWallpaper'){
+                        const { autoSetAllScreens } = this.config
+                        const { wallpaperScale } = this.config
                         this.$ipcRenderer.send('dataWallpaper', { 
                             ...data, 
-                            options: { scale: this.config.wallpaperScale, isAutoSet: true } 
+                            options: { scale: wallpaperScale, autoSetAllScreens } 
                         })
                     }
                     else if (channel === 'notify'){