From 8a1704b8821a444b50f93f95cdf7da2d0e76ee3e Mon Sep 17 00:00:00 2001 From: Alexey Date: Mon, 10 Jun 2019 19:25:39 +0300 Subject: [PATCH 1/4] Update index.js allow passing other medium-zoom options --- packages/@vuepress/plugin-medium-zoom/index.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/@vuepress/plugin-medium-zoom/index.js b/packages/@vuepress/plugin-medium-zoom/index.js index c9a956af81..3d2fbf2387 100644 --- a/packages/@vuepress/plugin-medium-zoom/index.js +++ b/packages/@vuepress/plugin-medium-zoom/index.js @@ -2,7 +2,8 @@ const { path } = require('@vuepress/shared-utils') module.exports = (options, context) => ({ define: { - SELECTOR: options.selector || '.content img' + SELECTOR: options.selector || '.content img', + OPTIONS: options.options }, clientRootMixin: path.resolve(__dirname, 'clientRootMixin.js') }) From a351feb2fe0123b8d9d34a68a2b1a06cad23feae Mon Sep 17 00:00:00 2001 From: Alexey Date: Mon, 10 Jun 2019 19:30:55 +0300 Subject: [PATCH 2/4] Update clientRootMixin.js - use global `OPTIONS` in `zoom` - add jslint definition --- packages/@vuepress/plugin-medium-zoom/clientRootMixin.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/@vuepress/plugin-medium-zoom/clientRootMixin.js b/packages/@vuepress/plugin-medium-zoom/clientRootMixin.js index e0a054539c..a83e01c980 100644 --- a/packages/@vuepress/plugin-medium-zoom/clientRootMixin.js +++ b/packages/@vuepress/plugin-medium-zoom/clientRootMixin.js @@ -1,4 +1,4 @@ -/* global SELECTOR */ +/* global SELECTOR, OPTIONS */ import './style.css' import zoom from 'medium-zoom' @@ -20,7 +20,7 @@ export default { if (this.zoom) { this.zoom.detach() } - this.zoom = zoom(SELECTOR) + this.zoom = zoom(SELECTOR, OPTIONS) }, 1000) } } From e0b75b2bbf08a5d9f8f5be448a1866700952a4b8 Mon Sep 17 00:00:00 2001 From: Alexey Date: Mon, 10 Jun 2019 19:36:05 +0300 Subject: [PATCH 3/4] Update plugin-medium-zoom.md Add description for custom zoom options --- .../plugin/official/plugin-medium-zoom.md | 23 +++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/packages/docs/docs/plugin/official/plugin-medium-zoom.md b/packages/docs/docs/plugin/official/plugin-medium-zoom.md index 92369d5681..2f3a2a53d0 100644 --- a/packages/docs/docs/plugin/official/plugin-medium-zoom.md +++ b/packages/docs/docs/plugin/official/plugin-medium-zoom.md @@ -16,15 +16,38 @@ yarn add -D @vuepress/plugin-medium-zoom@next ## Usage +**Simple**: + ```javascript module.exports = { plugins: ['@vuepress/medium-zoom'] } ``` +**With options**: + +```javascript +module.exports = { + plugins: { + '@vuepress/medium-zoom': { + selector: 'img.zoom-custom-imgs', + + // medium-zoom options here (https://github.com/francoischalifour/medium-zoom#options) + options: { + margin: 16 + } + } + } +} +``` + ## Options ### selector - Type: `string` - Default: `.content img` + +### options + +Other `medium-zoom` options. [See documentation](https://github.com/francoischalifour/medium-zoom#options). From ddedd715491c56460066417db839dae6c5a4a72a Mon Sep 17 00:00:00 2001 From: Alexey Date: Mon, 10 Jun 2019 19:37:01 +0300 Subject: [PATCH 4/4] Update medium-zoom to v1.0.4 --- packages/@vuepress/plugin-medium-zoom/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/@vuepress/plugin-medium-zoom/package.json b/packages/@vuepress/plugin-medium-zoom/package.json index e927b6ffcc..57b11f879c 100644 --- a/packages/@vuepress/plugin-medium-zoom/package.json +++ b/packages/@vuepress/plugin-medium-zoom/package.json @@ -18,7 +18,7 @@ "generator" ], "dependencies": { - "medium-zoom": "^0.4.0" + "medium-zoom": "^1.0.4" }, "author": "ULIVZ ", "license": "MIT",