From 73dc0845545d7539c056230d9e99fca2c638765c Mon Sep 17 00:00:00 2001 From: fengrx4 Date: Sun, 31 Jan 2021 13:15:21 +0800 Subject: [PATCH 01/14] readeMe --- REAEME-zh-CN.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/REAEME-zh-CN.md b/REAEME-zh-CN.md index 3d6da42..ea56a86 100644 --- a/REAEME-zh-CN.md +++ b/REAEME-zh-CN.md @@ -10,7 +10,7 @@ * 不同模块系统的使用： * `release/image-preview`目录下为不同的模块系统生成了不同的代码，包括AMD,CommonJS,ES6,UMD,IIFE，你可以选择一个适合你的项目下载下来。 #### 实例 -[点击这里](https://daxiazilong.github.io/) . +[点击这里](http://122.51.15.11:9999/) . #### 引入 * script（在iife或者umd模块系统中使用imagePreviewModule）: ``` html From a887180940cc4b591059b9a97f83b760aecb079d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AD=90=E9=BE=99?= <745629882@qq.com> Date: Sat, 6 Feb 2021 08:03:08 +0800 Subject: [PATCH 02/14] Update README.md --- README.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/README.md b/README.md index 3ffed58..17cfedd 100644 --- a/README.md +++ b/README.md @@ -8,8 +8,7 @@ for mobile-web application. 2. rotate and zoom image. ### How to use it: #### install: -* Clone it ,then `npm run build`,find source `ImagePreview-prd.js` in `release/ts`,finally use it in your project. -* module-sysetem: +* usage for different module-sysetem: * The `release/image-preview` directory is built for different module-system , include AMD,CommonJS,ES6,UMD,IIFE. You can choose one adapt to your project. #### example [click here](http://122.51.15.11:9999/) . From adf954684e5e216b1ac5e9575f6e051ba47d4888 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AD=90=E9=BE=99?= <745629882@qq.com> Date: Thu, 25 Mar 2021 06:49:07 +0000 Subject: [PATCH 03/14] Update image-preview.ts --- src/ts/image-preview.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/ts/image-preview.ts b/src/ts/image-preview.ts index ca57162..e032b4c 100644 --- a/src/ts/image-preview.ts +++ b/src/ts/image-preview.ts @@ -76,9 +76,9 @@ class ImagePreview implements Move,Zoom { this.genFrame(); this.handleReausetAnimate();//requestAnimationFrame兼容性 - this.threshold = this.containerWidth / 4; this.imgContainer = this.ref.querySelector(`.${this.prefix}imgContainer`); this.containerWidth = this.imgContainer.getBoundingClientRect().width; + this.threshold = this.containerWidth / 4; this.imgItems = this.imgContainer.querySelectorAll(`.${this.prefix}item`); this[this.envClient + 'RecordInitialData' ](this.imgItems); @@ -1256,4 +1256,4 @@ function applyMixins(derivedCtor: any, baseCtors: any[]) { }); } -export { ImagePreview }; \ No newline at end of file +export { ImagePreview }; From 8489a1f0332d0f01ef86734eb957ce80ffe54e7b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AD=90=E9=BE=99?= <745629882@qq.com> Date: Thu, 25 Mar 2021 07:04:38 +0000 Subject: [PATCH 04/14] Update image-preview-amd.js --- release/image-preview/image-preview-amd.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/release/image-preview/image-preview-amd.js b/release/image-preview/image-preview-amd.js index 2611bb7..ee7227b 100644 --- a/release/image-preview/image-preview-amd.js +++ b/release/image-preview/image-preview-amd.js @@ -745,9 +745,10 @@ define(['exports'], function (exports) { 'use strict'; this.supportTransitionEnd = this.transitionEnd(); this.genFrame(); this.handleReausetAnimate(); //requestAnimationFrame兼容性 - this.threshold = this.containerWidth / 4; this.imgContainer = this.ref.querySelector("." + this.prefix + "imgContainer"); this.containerWidth = this.imgContainer.getBoundingClientRect().width; + this.threshold = this.containerWidth / 4; + this.imgItems = this.imgContainer.querySelectorAll("." + this.prefix + "item"); this[this.envClient + 'RecordInitialData'](this.imgItems); this.maxMoveX = this.containerWidth / 2; From 85ded9c8690c0b59c0a543d76dac610dd66579c8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AD=90=E9=BE=99?= <745629882@qq.com> Date: Thu, 25 Mar 2021 07:08:11 +0000 Subject: [PATCH 05/14] Update image-preview-cjs.js --- release/image-preview/image-preview-cjs.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/release/image-preview/image-preview-cjs.js b/release/image-preview/image-preview-cjs.js index 329ba22..d1e8198 100644 --- a/release/image-preview/image-preview-cjs.js +++ b/release/image-preview/image-preview-cjs.js @@ -747,9 +747,10 @@ var ImagePreview = /** @class */ (function () { this.supportTransitionEnd = this.transitionEnd(); this.genFrame(); this.handleReausetAnimate(); //requestAnimationFrame兼容性 - this.threshold = this.containerWidth / 4; this.imgContainer = this.ref.querySelector("." + this.prefix + "imgContainer"); this.containerWidth = this.imgContainer.getBoundingClientRect().width; + this.threshold = this.containerWidth / 4; + this.imgItems = this.imgContainer.querySelectorAll("." + this.prefix + "item"); this[this.envClient + 'RecordInitialData'](this.imgItems); this.maxMoveX = this.containerWidth / 2; From 7f40d349cdd0ebda0c911e788e4b37ab71d7b210 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AD=90=E9=BE=99?= <745629882@qq.com> Date: Thu, 25 Mar 2021 07:11:06 +0000 Subject: [PATCH 06/14] Update image-preview-esm.js --- release/image-preview/image-preview-esm.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/release/image-preview/image-preview-esm.js b/release/image-preview/image-preview-esm.js index 8b5ec41..e36fa73 100644 --- a/release/image-preview/image-preview-esm.js +++ b/release/image-preview/image-preview-esm.js @@ -743,9 +743,10 @@ var ImagePreview = /** @class */ (function () { this.supportTransitionEnd = this.transitionEnd(); this.genFrame(); this.handleReausetAnimate(); //requestAnimationFrame兼容性 - this.threshold = this.containerWidth / 4; this.imgContainer = this.ref.querySelector("." + this.prefix + "imgContainer"); this.containerWidth = this.imgContainer.getBoundingClientRect().width; + this.threshold = this.containerWidth / 4; + this.imgItems = this.imgContainer.querySelectorAll("." + this.prefix + "item"); this[this.envClient + 'RecordInitialData'](this.imgItems); this.maxMoveX = this.containerWidth / 2; From 0258af22c50640db16a04f06e23a34b316a7fd20 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AD=90=E9=BE=99?= <745629882@qq.com> Date: Thu, 25 Mar 2021 07:16:54 +0000 Subject: [PATCH 07/14] Update image-preview-iife.js --- release/image-preview/image-preview-iife.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/release/image-preview/image-preview-iife.js b/release/image-preview/image-preview-iife.js index 34fe6b8..b147cbd 100644 --- a/release/image-preview/image-preview-iife.js +++ b/release/image-preview/image-preview-iife.js @@ -746,9 +746,10 @@ var imagePreviewModule = (function (exports) { this.supportTransitionEnd = this.transitionEnd(); this.genFrame(); this.handleReausetAnimate(); //requestAnimationFrame兼容性 - this.threshold = this.containerWidth / 4; this.imgContainer = this.ref.querySelector("." + this.prefix + "imgContainer"); this.containerWidth = this.imgContainer.getBoundingClientRect().width; + this.threshold = this.containerWidth / 4; + this.imgItems = this.imgContainer.querySelectorAll("." + this.prefix + "item"); this[this.envClient + 'RecordInitialData'](this.imgItems); this.maxMoveX = this.containerWidth / 2; From 10a56b743760e37d79ba01fde9e97663e6272ea3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AD=90=E9=BE=99?= <745629882@qq.com> Date: Thu, 25 Mar 2021 07:23:29 +0000 Subject: [PATCH 08/14] Update image-preview-umd.js --- release/image-preview/image-preview-umd.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/release/image-preview/image-preview-umd.js b/release/image-preview/image-preview-umd.js index c2b7c9b..ad3ad4a 100644 --- a/release/image-preview/image-preview-umd.js +++ b/release/image-preview/image-preview-umd.js @@ -749,9 +749,10 @@ this.supportTransitionEnd = this.transitionEnd(); this.genFrame(); this.handleReausetAnimate(); //requestAnimationFrame兼容性 - this.threshold = this.containerWidth / 4; this.imgContainer = this.ref.querySelector("." + this.prefix + "imgContainer"); this.containerWidth = this.imgContainer.getBoundingClientRect().width; + this.threshold = this.containerWidth / 4; + this.imgItems = this.imgContainer.querySelectorAll("." + this.prefix + "item"); this[this.envClient + 'RecordInitialData'](this.imgItems); this.maxMoveX = this.containerWidth / 2; From d2123e2526607247fe777f768418b31f35249eb7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AD=90=E9=BE=99?= <745629882@qq.com> Date: Thu, 25 Mar 2021 07:28:54 +0000 Subject: [PATCH 09/14] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 17cfedd..ef97cd5 100644 --- a/README.md +++ b/README.md @@ -11,7 +11,7 @@ for mobile-web application. * usage for different module-sysetem: * The `release/image-preview` directory is built for different module-system , include AMD,CommonJS,ES6,UMD,IIFE. You can choose one adapt to your project. #### example -[click here](http://122.51.15.11:9999/) . +[click here](https://daxiazilong.github.io/) . #### import * script (in iife or umd module system,use namespace imagePreviewModule): ``` html From 9f117ee3c322bec9e9a0ab344dd344b9a0d9802f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AD=90=E9=BE=99?= <745629882@qq.com> Date: Thu, 25 Mar 2021 07:29:21 +0000 Subject: [PATCH 10/14] Update REAEME-zh-CN.md --- REAEME-zh-CN.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/REAEME-zh-CN.md b/REAEME-zh-CN.md index ea56a86..3d6da42 100644 --- a/REAEME-zh-CN.md +++ b/REAEME-zh-CN.md @@ -10,7 +10,7 @@ * 不同模块系统的使用： * `release/image-preview`目录下为不同的模块系统生成了不同的代码，包括AMD,CommonJS,ES6,UMD,IIFE，你可以选择一个适合你的项目下载下来。 #### 实例 -[点击这里](http://122.51.15.11:9999/) . +[点击这里](https://daxiazilong.github.io/) . #### 引入 * script（在iife或者umd模块系统中使用imagePreviewModule）: ``` html From e8040cc86ac538eee501d31b1f16e5db25a0594f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AD=90=E9=BE=99?= <745629882@qq.com> Date: Sun, 28 Mar 2021 15:13:12 +0800 Subject: [PATCH 11/14] Update REAEME-zh-CN.md --- REAEME-zh-CN.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/REAEME-zh-CN.md b/REAEME-zh-CN.md index 3d6da42..94a27c6 100644 --- a/REAEME-zh-CN.md +++ b/REAEME-zh-CN.md @@ -58,4 +58,6 @@ imgObj.distory(); ``` ### 交流 -你可以加入这个qq群977121370与我交流. +使用/使用途中如果有任何问题 +都可以加入这个qq群977121370与我交流. + From 29a140cd58f708ab71f44da6cebcd553c45e66af Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AD=90=E9=BE=99?= <745629882@qq.com> Date: Mon, 29 Mar 2021 14:29:41 +0800 Subject: [PATCH 12/14] Update REAEME-zh-CN.md --- REAEME-zh-CN.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/REAEME-zh-CN.md b/REAEME-zh-CN.md index 94a27c6..3bca413 100644 --- a/REAEME-zh-CN.md +++ b/REAEME-zh-CN.md @@ -58,6 +58,6 @@ imgObj.distory(); ``` ### 交流 -使用/使用途中如果有任何问题 +试用/使用途中如果有任何问题 都可以加入这个qq群977121370与我交流. From abb8d9d310379b052013db683c4e13d1aac21fd3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AD=90=E9=BE=99?= <745629882@qq.com> Date: Tue, 13 Jul 2021 07:34:17 +0800 Subject: [PATCH 13/14] Update README.md --- README.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/README.md b/README.md index ef97cd5..e5a1a11 100644 --- a/README.md +++ b/README.md @@ -60,3 +60,6 @@ imgObj.distory(); ``` ### communicate yon can join qq-group 977121370 and chat with me. + +sincerely invite experience [2.0](https://daxiazilong.github.io/image-preview/index.html) + From 532124fb5313c0b620851cfe407285b43aa9f777 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AD=90=E9=BE=99?= <745629882@qq.com> Date: Tue, 13 Jul 2021 07:34:54 +0800 Subject: [PATCH 14/14] Update REAEME-zh-CN.md --- REAEME-zh-CN.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/REAEME-zh-CN.md b/REAEME-zh-CN.md index 3bca413..b906139 100644 --- a/REAEME-zh-CN.md +++ b/REAEME-zh-CN.md @@ -61,3 +61,5 @@ imgObj.distory(); 试用/使用途中如果有任何问题 都可以加入这个qq群977121370与我交流. + +诚邀体验 [2.0](https://daxiazilong.github.io/image-preview/index.html)