@opentinyvue/vue-image-viewer 3.21.0 → 3.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/lib/index.js +2 -6
  2. package/lib/mobile-first.js +51 -52
  3. package/package.json +13 -13
  4. package/src/index.d.ts +1 -1
  5. package/src/mobile-first.vue.d.ts +3 -3
  6. package/src/pc.vue.d.ts +3 -3
  7. package/lib/mobile.js +0 -401
  8. package/src/mobile.vue.d.ts +0 -74
package/lib/index.js CHANGED
@@ -7,9 +7,8 @@ function _extends() {
7
7
  return n;
8
8
  }, _extends.apply(null, arguments);
9
9
  }
10
- import { defineComponent, $prefix, $props, $setup } from "@opentinyvue/vue-common";
10
+ import { defineComponent, $props, $setup, $prefix } from "@opentinyvue/vue-common";
11
11
  import PcTemplate from "./pc.js";
12
- import MobileTemplate from "./mobile.js";
13
12
  import MobileFirstTemplate from "./mobile-first.js";
14
13
  var template = function template2(mode) {
15
14
  var _process$env;
@@ -17,9 +16,6 @@ var template = function template2(mode) {
17
16
  if ("pc" === (tinyMode || mode)) {
18
17
  return PcTemplate;
19
18
  }
20
- if ("mobile" === (tinyMode || mode)) {
21
- return MobileTemplate;
22
- }
23
19
  if ("mobile-first" === (tinyMode || mode)) {
24
20
  return MobileFirstTemplate;
25
21
  }
@@ -138,7 +134,7 @@ var ImageViewer = defineComponent({
138
134
  });
139
135
  }
140
136
  });
141
- var version = "3.21.0";
137
+ var version = "3.22.0";
142
138
  ImageViewer.install = function(Vue) {
143
139
  Vue.component(ImageViewer.name, ImageViewer);
144
140
  };
package/lib/mobile-first.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { renderless, api } from '@opentinyvue/vue-renderless/image-viewer/vue';
2
- import { directive, defineComponent, props, setup } from '@opentinyvue/vue-common';
3
- import { isObject } from '@opentinyvue/vue-renderless/common/type';
2
+ import { defineComponent, props, setup, directive } from '@opentinyvue/vue-common';
3
+ import { isObject } from '@opentinyvue/utils';
4
4
  import Dropdown from '@opentinyvue/vue-dropdown';
5
5
  import DropdownMenu from '@opentinyvue/vue-dropdown-menu';
6
6
  import DropdownItem from '@opentinyvue/vue-dropdown-item';
@@ -8,6 +8,48 @@ import ActionSheet from '@opentinyvue/vue-action-sheet';
8
8
  import { iconClose, iconChevronLeft, iconChevronRight, iconZoomOut, iconZoomIn, iconFullscreen, iconMinscreen, iconRepeat, iconRefres, iconDel, iconDownload, iconArrowLeft, iconArrowRight, iconEditorMenuRight, iconPicture } from '@opentinyvue/vue-icon';
9
9
  import { resolveComponent, resolveDirective, openBlock, createElementBlock, createVNode, Transition, withCtx, normalizeClass, normalizeStyle, Fragment, renderList, createElementVNode, toDisplayString, createCommentVNode, createBlock, resolveDynamicComponent, createTextVNode, withDirectives } from 'vue';
10
10
 
11
+ function _createForOfIteratorHelperLoose(r, e) {
12
+ var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
13
+ if (t) return (t = t.call(r)).next.bind(t);
14
+ if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
15
+ t && (r = t);
16
+ var o = 0;
17
+ return function() {
18
+ return o >= r.length ? { done: true } : { done: false, value: r[o++] };
19
+ };
20
+ }
21
+ throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
22
+ }
23
+ function _unsupportedIterableToArray(r, a) {
24
+ if (r) {
25
+ if ("string" == typeof r) return _arrayLikeToArray(r, a);
26
+ var t = {}.toString.call(r).slice(8, -1);
27
+ return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
28
+ }
29
+ }
30
+ function _arrayLikeToArray(r, a) {
31
+ (null == a || a > r.length) && (a = r.length);
32
+ for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
33
+ return n;
34
+ }
35
+ var _export_sfc = function _export_sfc2(sfc, props) {
36
+ var target = sfc.__vccOpts || sfc;
37
+ for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
38
+ var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
39
+ target[key] = val;
40
+ }
41
+ return target;
42
+ };
43
+
44
+ function _extends() {
45
+ return _extends = Object.assign ? Object.assign.bind() : function(n) {
46
+ for (var e = 1; e < arguments.length; e++) {
47
+ var t = arguments[e];
48
+ for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
49
+ }
50
+ return n;
51
+ }, _extends.apply(null, arguments);
52
+ }
11
53
  var TinyTouch = /* @__PURE__ */ function() {
12
54
  function TinyTouch2(element, tinyBinding, type) {
13
55
  var that = this;
@@ -47,7 +89,7 @@ var TinyTouch = /* @__PURE__ */ function() {
47
89
  };
48
90
  this.time = setTimeout(function() {
49
91
  if (_this.tinyVueLeave && _this.tinyVueMoves) {
50
- _this.touchType == "longtap" && _this.tinyVueCallBack(_this.tinyBinding.value, e);
92
+ _this.touchType === "longtap" && _this.tinyVueCallBack(_this.tinyBinding.value, e);
51
93
  _this.tinyLongTouch = false;
52
94
  }
53
95
  }, 1e3);
@@ -60,25 +102,25 @@ var TinyTouch = /* @__PURE__ */ function() {
60
102
  var disY = e.changedTouches[0].pageY - this.tinyVueTouches.y;
61
103
  clearTimeout(this.time);
62
104
  if (Math.abs(disX) > 10 || Math.abs(disY) > 100) {
63
- this.touchType == "swipe" && this.tinyVueCallBack(this.tinyBinding.value, e);
105
+ this.touchType === "swipe" && this.tinyVueCallBack(this.tinyBinding.value, e);
64
106
  if (Math.abs(disX) > Math.abs(disY)) {
65
107
  if (disX > 10) {
66
- this.touchType == "swiperight" && this.tinyVueCallBack(this.tinyBinding.value, e);
108
+ this.touchType === "swiperight" && this.tinyVueCallBack(this.tinyBinding.value, e);
67
109
  }
68
110
  if (disX < -10) {
69
- this.touchType == "swipeleft" && this.tinyVueCallBack(this.tinyBinding.value, e);
111
+ this.touchType === "swipeleft" && this.tinyVueCallBack(this.tinyBinding.value, e);
70
112
  }
71
113
  } else {
72
114
  if (disY > 10) {
73
- this.touchType == "swipedown" && this.tinyVueCallBack(this.tinyBinding.value, e);
115
+ this.touchType === "swipedown" && this.tinyVueCallBack(this.tinyBinding.value, e);
74
116
  }
75
117
  if (disY < -10) {
76
- this.touchType == "swipeup" && this.tinyVueCallBack(this.tinyBinding.value, e);
118
+ this.touchType === "swipeup" && this.tinyVueCallBack(this.tinyBinding.value, e);
77
119
  }
78
120
  }
79
121
  } else {
80
122
  if (this.tinyLongTouch && this.tinyVueMoves) {
81
- this.touchType == "tap" && this.tinyVueCallBack(this.tinyBinding.value, e);
123
+ this.touchType === "tap" && this.tinyVueCallBack(this.tinyBinding.value, e);
82
124
  this.tinyVueLeave = false;
83
125
  }
84
126
  }
@@ -103,49 +145,6 @@ var mapDirective = function mapDirective2() {
103
145
  return deactives;
104
146
  };
105
147
  var touchDeactives = mapDirective();
106
-
107
- function _createForOfIteratorHelperLoose(r, e) {
108
- var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
109
- if (t) return (t = t.call(r)).next.bind(t);
110
- if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
111
- t && (r = t);
112
- var o = 0;
113
- return function() {
114
- return o >= r.length ? { done: true } : { done: false, value: r[o++] };
115
- };
116
- }
117
- throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
118
- }
119
- function _unsupportedIterableToArray(r, a) {
120
- if (r) {
121
- if ("string" == typeof r) return _arrayLikeToArray(r, a);
122
- var t = {}.toString.call(r).slice(8, -1);
123
- return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
124
- }
125
- }
126
- function _arrayLikeToArray(r, a) {
127
- (null == a || a > r.length) && (a = r.length);
128
- for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
129
- return n;
130
- }
131
- var _export_sfc = function _export_sfc2(sfc, props) {
132
- var target = sfc.__vccOpts || sfc;
133
- for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
134
- var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
135
- target[key] = val;
136
- }
137
- return target;
138
- };
139
-
140
- function _extends() {
141
- return _extends = Object.assign ? Object.assign.bind() : function(n) {
142
- for (var e = 1; e < arguments.length; e++) {
143
- var t = arguments[e];
144
- for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
145
- }
146
- return n;
147
- }, _extends.apply(null, arguments);
148
- }
149
148
  var _sfc_main = defineComponent({
150
149
  emits: ["close", "update:preview-visible", "delete", "change", "newImageList"],
151
150
  props: [].concat(props, ["urlList", "zIndex", "onSwitch", "onClose", "showIndex", "isThumbnail", "isMenuView", "modalView", "modalHeight", "bgColor", "keepStyle"]),
package/package.json CHANGED
@@ -1,23 +1,23 @@
1
1
  {
2
2
  "name": "@opentinyvue/vue-image-viewer",
3
- "version": "3.21.0",
3
+ "type": "module",
4
+ "version": "3.22.0",
4
5
  "description": "",
6
+ "license": "MIT",
7
+ "sideEffects": false,
5
8
  "main": "./lib/index.js",
6
9
  "module": "./lib/index.js",
7
- "sideEffects": false,
8
- "type": "module",
9
10
  "dependencies": {
10
- "@opentinyvue/vue-common": "~3.21.0",
11
- "@opentinyvue/vue-icon": "~3.21.0",
12
- "@opentinyvue/vue-renderless": "~3.21.0",
13
- "@opentinyvue/vue-dropdown": "~3.21.0",
14
- "@opentinyvue/vue-dropdown-menu": "~3.21.0",
15
- "@opentinyvue/vue-dropdown-item": "~3.21.0",
16
- "@opentinyvue/vue-action-sheet": "~3.21.0",
17
- "@opentinyvue/vue-theme-mobile": "~3.21.0",
18
- "@opentinyvue/vue-theme": "~3.21.0"
11
+ "@opentinyvue/utils": "~3.22.0",
12
+ "@opentinyvue/vue-action-sheet": "~3.22.0",
13
+ "@opentinyvue/vue-common": "~3.22.0",
14
+ "@opentinyvue/vue-dropdown": "~3.22.0",
15
+ "@opentinyvue/vue-dropdown-item": "~3.22.0",
16
+ "@opentinyvue/vue-dropdown-menu": "~3.22.0",
17
+ "@opentinyvue/vue-icon": "~3.22.0",
18
+ "@opentinyvue/vue-renderless": "~3.22.0",
19
+ "@opentinyvue/vue-theme": "~3.22.0"
19
20
  },
20
- "license": "MIT",
21
21
  "types": "index.d.ts",
22
22
  "scripts": {
23
23
  "build": "pnpm -w build:ui $npm_package_name",
package/src/index.d.ts CHANGED
@@ -203,10 +203,10 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
203
203
  tiny_theme: StringConstructor;
204
204
  tiny_chart_theme: ObjectConstructor;
205
205
  }>>, {
206
+ zIndex: number;
206
207
  onClose: Function;
207
208
  tiny_mode_root: boolean;
208
209
  _constants: Record<string, any>;
209
- zIndex: number;
210
210
  urlList: unknown[];
211
211
  previewVisible: boolean;
212
212
  closeShow: boolean;
package/src/mobile-first.vue.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
2
+ zIndex?: any;
2
3
  onClose?: any;
3
4
  tiny_mode?: any;
4
5
  tiny_mode_root?: any;
@@ -7,7 +8,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
7
8
  _constants?: any;
8
9
  tiny_theme?: any;
9
10
  tiny_chart_theme?: any;
10
- zIndex?: any;
11
11
  urlList?: any;
12
12
  showIndex?: any;
13
13
  onSwitch?: any;
@@ -18,6 +18,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
18
18
  bgColor?: any;
19
19
  keepStyle?: any;
20
20
  }>, any, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("change" | "close" | "delete" | "update:preview-visible" | "newImageList")[], "change" | "close" | "delete" | "update:preview-visible" | "newImageList", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
21
+ zIndex?: any;
21
22
  onClose?: any;
22
23
  tiny_mode?: any;
23
24
  tiny_mode_root?: any;
@@ -26,7 +27,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
26
27
  _constants?: any;
27
28
  tiny_theme?: any;
28
29
  tiny_chart_theme?: any;
29
- zIndex?: any;
30
30
  urlList?: any;
31
31
  showIndex?: any;
32
32
  onSwitch?: any;
@@ -43,6 +43,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
43
43
  "onUpdate:preview-visible"?: ((...args: any[]) => any) | undefined;
44
44
  onNewImageList?: ((...args: any[]) => any) | undefined;
45
45
  }, {
46
+ readonly zIndex?: any;
46
47
  readonly onClose?: any;
47
48
  readonly tiny_mode?: any;
48
49
  readonly tiny_mode_root?: any;
@@ -51,7 +52,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
51
52
  readonly _constants?: any;
52
53
  readonly tiny_theme?: any;
53
54
  readonly tiny_chart_theme?: any;
54
- readonly zIndex?: any;
55
55
  readonly urlList?: any;
56
56
  readonly showIndex?: any;
57
57
  readonly onSwitch?: any;
package/src/pc.vue.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
2
+ zIndex?: any;
2
3
  onClose?: any;
3
4
  tiny_mode?: any;
4
5
  tiny_mode_root?: any;
@@ -7,7 +8,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
7
8
  _constants?: any;
8
9
  tiny_theme?: any;
9
10
  tiny_chart_theme?: any;
10
- zIndex?: any;
11
11
  urlList?: any;
12
12
  showIndex?: any;
13
13
  onSwitch?: any;
@@ -22,6 +22,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
22
22
  gcls: (key: any) => any;
23
23
  m: (...cssClasses: any[]) => string;
24
24
  }, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("change" | "close" | "delete" | "update:preview-visible" | "newImageList")[], "change" | "close" | "delete" | "update:preview-visible" | "newImageList", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
25
+ zIndex?: any;
25
26
  onClose?: any;
26
27
  tiny_mode?: any;
27
28
  tiny_mode_root?: any;
@@ -30,7 +31,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
30
31
  _constants?: any;
31
32
  tiny_theme?: any;
32
33
  tiny_chart_theme?: any;
33
- zIndex?: any;
34
34
  urlList?: any;
35
35
  showIndex?: any;
36
36
  onSwitch?: any;
@@ -42,6 +42,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
42
42
  "onUpdate:preview-visible"?: ((...args: any[]) => any) | undefined;
43
43
  onNewImageList?: ((...args: any[]) => any) | undefined;
44
44
  }, {
45
+ readonly zIndex?: any;
45
46
  readonly onClose?: any;
46
47
  readonly tiny_mode?: any;
47
48
  readonly tiny_mode_root?: any;
@@ -50,7 +51,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
50
51
  readonly _constants?: any;
51
52
  readonly tiny_theme?: any;
52
53
  readonly tiny_chart_theme?: any;
53
- readonly zIndex?: any;
54
54
  readonly urlList?: any;
55
55
  readonly showIndex?: any;
56
56
  readonly onSwitch?: any;
package/lib/mobile.js DELETED
@@ -1,401 +0,0 @@
1
- import { renderless, api } from '@opentinyvue/vue-renderless/image-viewer/vue';
2
- import { directive, defineComponent, props, setup } from '@opentinyvue/vue-common';
3
- import { iconClose, iconChevronLeft, iconChevronRight, iconZoomOut, iconZoomIn, iconRepeat, iconRefres, iconDel } from '@opentinyvue/vue-icon';
4
- import { isObject } from '@opentinyvue/vue-renderless/common/type';
5
- import '@opentinyvue/vue-theme-mobile/image-viewer/index.css';
6
- import { resolveComponent, resolveDirective, openBlock, createBlock, Transition, withCtx, withDirectives, createElementBlock, normalizeStyle, withModifiers, createVNode, createCommentVNode, renderSlot, createElementVNode, toDisplayString, Fragment, normalizeClass, renderList, vShow } from 'vue';
7
-
8
- var TinyTouch = /* @__PURE__ */ function() {
9
- function TinyTouch2(element, tinyBinding, type) {
10
- var that = this;
11
- that.element = element;
12
- that.tinyBinding = tinyBinding;
13
- that.touchType = type;
14
- that.tinyVueTouches = {
15
- x: 0,
16
- y: 0
17
- };
18
- that.tinyVueMoves = true;
19
- that.tinyVueLeave = true;
20
- that.tinyLongTouch = true;
21
- that.tinyVueCallBack = isObject(tinyBinding.value) ? tinyBinding.value.fn : tinyBinding.value;
22
- that.element.addEventListener("touchstart", function(e) {
23
- that.start(e);
24
- });
25
- that.element.addEventListener("touchend", function(e) {
26
- that.end(e);
27
- });
28
- that.element.addEventListener("touchmove", function(e) {
29
- that.move(e);
30
- });
31
- }
32
- var _proto = TinyTouch2.prototype;
33
- _proto.start = function start(e) {
34
- var _this = this;
35
- if (e.touches >= 2) {
36
- return;
37
- }
38
- this.tinyVueMoves = true;
39
- this.tinyVueLeave = true;
40
- this.tinyLongTouch = true;
41
- this.tinyVueTouches = {
42
- x: e.changedTouches[0].pageX,
43
- y: e.changedTouches[0].pageY
44
- };
45
- this.time = setTimeout(function() {
46
- if (_this.tinyVueLeave && _this.tinyVueMoves) {
47
- _this.touchType == "longtap" && _this.tinyVueCallBack(_this.tinyBinding.value, e);
48
- _this.tinyLongTouch = false;
49
- }
50
- }, 1e3);
51
- };
52
- _proto.end = function end(e) {
53
- if (e.touches >= 2) {
54
- return;
55
- }
56
- var disX = e.changedTouches[0].pageX - this.tinyVueTouches.x;
57
- var disY = e.changedTouches[0].pageY - this.tinyVueTouches.y;
58
- clearTimeout(this.time);
59
- if (Math.abs(disX) > 10 || Math.abs(disY) > 100) {
60
- this.touchType == "swipe" && this.tinyVueCallBack(this.tinyBinding.value, e);
61
- if (Math.abs(disX) > Math.abs(disY)) {
62
- if (disX > 10) {
63
- this.touchType == "swiperight" && this.tinyVueCallBack(this.tinyBinding.value, e);
64
- }
65
- if (disX < -10) {
66
- this.touchType == "swipeleft" && this.tinyVueCallBack(this.tinyBinding.value, e);
67
- }
68
- } else {
69
- if (disY > 10) {
70
- this.touchType == "swipedown" && this.tinyVueCallBack(this.tinyBinding.value, e);
71
- }
72
- if (disY < -10) {
73
- this.touchType == "swipeup" && this.tinyVueCallBack(this.tinyBinding.value, e);
74
- }
75
- }
76
- } else {
77
- if (this.tinyLongTouch && this.tinyVueMoves) {
78
- this.touchType == "tap" && this.tinyVueCallBack(this.tinyBinding.value, e);
79
- this.tinyVueLeave = false;
80
- }
81
- }
82
- };
83
- _proto.move = function move() {
84
- this.tinyVueMoves = false;
85
- };
86
- return TinyTouch2;
87
- }();
88
- var mapDirective = function mapDirective2() {
89
- var deactives = {};
90
- var names = ["tap", "swipe", "swipeleft", "swiperight", "swipedown", "swipeup", "longtap"];
91
- names.forEach(function(name) {
92
- deactives[name] = directive({
93
- vTouch: {
94
- bind: function bind(el, tinyBinding) {
95
- new TinyTouch(el, tinyBinding, name);
96
- }
97
- }
98
- }).vTouch;
99
- });
100
- return deactives;
101
- };
102
- var touchDeactives = mapDirective();
103
-
104
- function _createForOfIteratorHelperLoose(r, e) {
105
- var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
106
- if (t) return (t = t.call(r)).next.bind(t);
107
- if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
108
- t && (r = t);
109
- var o = 0;
110
- return function() {
111
- return o >= r.length ? { done: true } : { done: false, value: r[o++] };
112
- };
113
- }
114
- throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
115
- }
116
- function _unsupportedIterableToArray(r, a) {
117
- if (r) {
118
- if ("string" == typeof r) return _arrayLikeToArray(r, a);
119
- var t = {}.toString.call(r).slice(8, -1);
120
- return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
121
- }
122
- }
123
- function _arrayLikeToArray(r, a) {
124
- (null == a || a > r.length) && (a = r.length);
125
- for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
126
- return n;
127
- }
128
- var _export_sfc = function _export_sfc2(sfc, props) {
129
- var target = sfc.__vccOpts || sfc;
130
- for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
131
- var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
132
- target[key] = val;
133
- }
134
- return target;
135
- };
136
-
137
- function _extends() {
138
- return _extends = Object.assign ? Object.assign.bind() : function(n) {
139
- for (var e = 1; e < arguments.length; e++) {
140
- var t = arguments[e];
141
- for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
142
- }
143
- return n;
144
- }, _extends.apply(null, arguments);
145
- }
146
- var _sfc_main = /* @__PURE__ */ defineComponent({
147
- props: [].concat(props, ["urlList", "zIndex", "onSwitch", "onClose", "previewVisible", "closeShow", "arrowShow", "toolShow", "showIndex", "imageFullCurrent", "startPosition", "asyncClose", "deleteButton"]),
148
- components: {
149
- IconClose: iconClose(),
150
- IconChevronLeft: iconChevronLeft(),
151
- IconChevronRight: iconChevronRight(),
152
- IconZoomOut: iconZoomOut(),
153
- IconZoomIn: iconZoomIn(),
154
- IconRepeat: iconRepeat(),
155
- IconRefres: iconRefres(),
156
- IconDel: iconDel()
157
- },
158
- directives: _extends({}, touchDeactives),
159
- setup: function setup$1(props2, context) {
160
- return setup({
161
- props: props2,
162
- context,
163
- renderless,
164
- api
165
- });
166
- }
167
- });
168
- var _hoisted_1 = /* @__PURE__ */ createElementVNode(
169
- "div",
170
- {
171
- class: "tiny-mobile-image-viewer__mask"
172
- },
173
- null,
174
- -1
175
- /* HOISTED */
176
- );
177
- var _hoisted_2 = {
178
- key: 1,
179
- class: "tiny-mobile-image-viewer__btn tiny-mobile-image-viewer__index"
180
- };
181
- var _hoisted_3 = {
182
- class: "tiny-mobile-image-viewer__index--curren"
183
- };
184
- var _hoisted_4 = /* @__PURE__ */ createElementVNode(
185
- "span",
186
- null,
187
- "/",
188
- -1
189
- /* HOISTED */
190
- );
191
- var _hoisted_5 = {
192
- class: "tiny-mobile-image-viewer__index--total"
193
- };
194
- var _hoisted_6 = {
195
- key: 3,
196
- class: "tiny-mobile-image-viewer__btn tiny-mobile-image-viewer__actions"
197
- };
198
- var _hoisted_7 = {
199
- class: "tiny-mobile-image-viewer__actions-inner"
200
- };
201
- var _hoisted_8 = {
202
- class: "tiny-mobile-image-viewer__canvas"
203
- };
204
- var _hoisted_9 = {
205
- class: "tiny-mobile-image-viewer__detail",
206
- style: {
207
- "transition-duration": "0.3s"
208
- }
209
- };
210
- var _hoisted_10 = ["src"];
211
- function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
212
- var _component_icon_close = resolveComponent("icon-close");
213
- var _component_icon_chevron_left = resolveComponent("icon-chevron-left");
214
- var _component_icon_chevron_right = resolveComponent("icon-chevron-right");
215
- var _component_icon_zoom_out = resolveComponent("icon-zoom-out");
216
- var _component_icon_zoom_in = resolveComponent("icon-zoom-in");
217
- var _component_icon_repeat = resolveComponent("icon-repeat");
218
- var _component_icon_refres = resolveComponent("icon-refres");
219
- var _component_icon_del = resolveComponent("icon-del");
220
- var _directive_swipeleft = resolveDirective("swipeleft");
221
- var _directive_swiperight = resolveDirective("swiperight");
222
- return openBlock(), createBlock(Transition, {
223
- name: "viewer-fade",
224
- persisted: ""
225
- }, {
226
- default: withCtx(function() {
227
- return [withDirectives((openBlock(), createElementBlock(
228
- "div",
229
- {
230
- class: "tiny-mobile-image-viewer__wrapper",
231
- ref: "imagePreview",
232
- style: normalizeStyle({
233
- "z-index": _ctx.zIndex
234
- }),
235
- onClick: _cache[14] || (_cache[14] = function() {
236
- return _ctx.handleVisible && _ctx.handleVisible.apply(_ctx, arguments);
237
- })
238
- },
239
- [_hoisted_1, _ctx.closeShow ? (openBlock(), createElementBlock("span", {
240
- key: 0,
241
- class: "tiny-mobile-image-viewer__btn tiny-mobile-image-viewer__close",
242
- onClick: _cache[0] || (_cache[0] = withModifiers(function() {
243
- return _ctx.handleVisible && _ctx.handleVisible.apply(_ctx, arguments);
244
- }, ["stop"]))
245
- }, [createVNode(_component_icon_close, {
246
- class: "tiny-svg-size"
247
- })])) : createCommentVNode("v-if", true), _ctx.showIndex ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "index", {
248
- value: _ctx.state.index + 1
249
- }, function() {
250
- return [createElementVNode(
251
- "span",
252
- _hoisted_3,
253
- toDisplayString(_ctx.state.index + 1),
254
- 1
255
- /* TEXT */
256
- ), _hoisted_4, createElementVNode(
257
- "span",
258
- _hoisted_5,
259
- toDisplayString(_ctx.urlList.length),
260
- 1
261
- /* TEXT */
262
- )];
263
- })])) : createCommentVNode("v-if", true), !_ctx.state.isSingle && _ctx.arrowShow ? (openBlock(), createElementBlock(
264
- Fragment,
265
- {
266
- key: 2
267
- },
268
- [createElementVNode(
269
- "span",
270
- {
271
- class: normalizeClass(["tiny-mobile-image-viewer__btn tiny-mobile-image-viewer__prev", {
272
- "is-disabled": !_ctx.state.infinite && _ctx.state.isFirst,
273
- "is-arrow-disabled": _ctx.state.arrowStyle === "N"
274
- }]),
275
- onClick: _cache[1] || (_cache[1] = withModifiers(function() {
276
- return _ctx.swipeRight && _ctx.swipeRight.apply(_ctx, arguments);
277
- }, ["stop"]))
278
- },
279
- [createVNode(_component_icon_chevron_left, {
280
- class: "tiny-svg-size"
281
- })],
282
- 2
283
- /* CLASS */
284
- ), createElementVNode(
285
- "span",
286
- {
287
- class: normalizeClass(["tiny-mobile-image-viewer__btn tiny-mobile-image-viewer__next", {
288
- "is-disabled": !_ctx.state.infinite && _ctx.state.isLast,
289
- "is-arrow-disabled": _ctx.state.arrowStyle === "Y"
290
- }]),
291
- onClick: _cache[2] || (_cache[2] = withModifiers(function() {
292
- return _ctx.swipeLeft && _ctx.swipeLeft.apply(_ctx, arguments);
293
- }, ["stop"]))
294
- },
295
- [createVNode(_component_icon_chevron_right, {
296
- class: "tiny-svg-size"
297
- })],
298
- 2
299
- /* CLASS */
300
- )],
301
- 64
302
- /* STABLE_FRAGMENT */
303
- )) : createCommentVNode("v-if", true), _ctx.toolShow ? (openBlock(), createElementBlock("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [renderSlot(_ctx.$slots, "tool", {}, function() {
304
- return [createVNode(_component_icon_zoom_out, {
305
- class: "tiny-svg-size",
306
- onClick: _cache[3] || (_cache[3] = withModifiers(function($event) {
307
- return _ctx.handleActions("zoomOut");
308
- }, ["stop"]))
309
- }), createVNode(_component_icon_zoom_in, {
310
- class: "tiny-svg-size",
311
- onClick: _cache[4] || (_cache[4] = withModifiers(function($event) {
312
- return _ctx.handleActions("zoomIn");
313
- }, ["stop"]))
314
- }), createVNode(_component_icon_repeat, {
315
- class: "tiny-svg-size",
316
- onClick: _cache[5] || (_cache[5] = withModifiers(function($event) {
317
- return _ctx.handleActions("anticlocelise");
318
- }, ["stop"]))
319
- }), createVNode(_component_icon_refres, {
320
- class: "tiny-svg-size",
321
- onClick: _cache[6] || (_cache[6] = withModifiers(function($event) {
322
- return _ctx.handleActions("clocelise");
323
- }, ["stop"]))
324
- }), _ctx.deleteButton ? (openBlock(), createBlock(_component_icon_del, {
325
- key: 0,
326
- class: "tiny-svg-size",
327
- onClick: _cache[7] || (_cache[7] = withModifiers(function($event) {
328
- return _ctx.handleDelete();
329
- }, ["stop"]))
330
- })) : createCommentVNode("v-if", true)];
331
- })])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_8, [createElementVNode(
332
- "div",
333
- {
334
- class: "tiny-mobile-image-viewer__wrap",
335
- style: normalizeStyle({
336
- width: _ctx.state.iamgeAllWidth + "px",
337
- "transition-duration": _ctx.state.imageTransition + "ms",
338
- transform: "translateX(" + _ctx.state.imageTransformSize + "px)"
339
- })
340
- },
341
- [(openBlock(true), createElementBlock(
342
- Fragment,
343
- null,
344
- renderList(_ctx.state.urlList, function(url, i) {
345
- return openBlock(), createElementBlock(
346
- "div",
347
- {
348
- class: "tiny-mobile-image-viewer__item",
349
- key: i,
350
- style: normalizeStyle(Object.assign({
351
- width: _ctx.state.imageItemWidth + "px"
352
- }, i === _ctx.state.index ? _ctx.state.imgStyle : ""))
353
- },
354
- [createElementVNode("div", _hoisted_9, [(openBlock(), createElementBlock("img", {
355
- ref_for: true,
356
- ref: "img_" + i,
357
- class: normalizeClass(["tiny-mobile-image-viewer__img", {
358
- "is-full-screen": _ctx.state.fullScreen
359
- }]),
360
- key: url,
361
- src: url,
362
- onLoad: _cache[8] || (_cache[8] = function() {
363
- return _ctx.handleImgLoad && _ctx.handleImgLoad.apply(_ctx, arguments);
364
- }),
365
- onError: _cache[9] || (_cache[9] = function() {
366
- return _ctx.handleImgError && _ctx.handleImgError.apply(_ctx, arguments);
367
- }),
368
- onMousedown: _cache[10] || (_cache[10] = function() {
369
- return _ctx.handleMouseDown && _ctx.handleMouseDown.apply(_ctx, arguments);
370
- }),
371
- onTouchstart: _cache[11] || (_cache[11] = function() {
372
- return _ctx.touchstart && _ctx.touchstart.apply(_ctx, arguments);
373
- }),
374
- onTouchmove: _cache[12] || (_cache[12] = function() {
375
- return _ctx.touchmove && _ctx.touchmove.apply(_ctx, arguments);
376
- }),
377
- onTouchend: _cache[13] || (_cache[13] = function() {
378
- return _ctx.touchend && _ctx.touchend.apply(_ctx, arguments);
379
- })
380
- }, null, 42, _hoisted_10))])],
381
- 4
382
- /* STYLE */
383
- );
384
- }),
385
- 128
386
- /* KEYED_FRAGMENT */
387
- ))],
388
- 4
389
- /* STYLE */
390
- )])],
391
- 4
392
- /* STYLE */
393
- )), [[vShow, _ctx.state.previewVisible], [_directive_swipeleft, _ctx.swipeLeft], [_directive_swiperight, _ctx.swipeRight]])];
394
- }),
395
- _: 3
396
- /* FORWARDED */
397
- });
398
- }
399
- var mobile = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
400
-
401
- export { mobile as default };
package/src/mobile.vue.d.ts DELETED
@@ -1,74 +0,0 @@
1
- declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
2
- onClose?: any;
3
- tiny_mode?: any;
4
- tiny_mode_root?: any;
5
- tiny_template?: any;
6
- tiny_renderless?: any;
7
- _constants?: any;
8
- tiny_theme?: any;
9
- tiny_chart_theme?: any;
10
- zIndex?: any;
11
- urlList?: any;
12
- previewVisible?: any;
13
- closeShow?: any;
14
- arrowShow?: any;
15
- toolShow?: any;
16
- showIndex?: any;
17
- imageFullCurrent?: any;
18
- startPosition?: any;
19
- asyncClose?: any;
20
- deleteButton?: any;
21
- onSwitch?: any;
22
- }>, {
23
- t: (this: any, path: any, options?: any) => any;
24
- vm: any;
25
- f: (props: any, attrs?: {}) => {};
26
- a: (attrs: any, filters: any, include: any) => {};
27
- d: (props: any) => void;
28
- dp: (props: any) => void;
29
- gcls: (key: any) => any;
30
- m: (...cssClasses: any[]) => string;
31
- }, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
32
- onClose?: any;
33
- tiny_mode?: any;
34
- tiny_mode_root?: any;
35
- tiny_template?: any;
36
- tiny_renderless?: any;
37
- _constants?: any;
38
- tiny_theme?: any;
39
- tiny_chart_theme?: any;
40
- zIndex?: any;
41
- urlList?: any;
42
- previewVisible?: any;
43
- closeShow?: any;
44
- arrowShow?: any;
45
- toolShow?: any;
46
- showIndex?: any;
47
- imageFullCurrent?: any;
48
- startPosition?: any;
49
- asyncClose?: any;
50
- deleteButton?: any;
51
- onSwitch?: any;
52
- }>>>, {
53
- readonly onClose?: any;
54
- readonly tiny_mode?: any;
55
- readonly tiny_mode_root?: any;
56
- readonly tiny_template?: any;
57
- readonly tiny_renderless?: any;
58
- readonly _constants?: any;
59
- readonly tiny_theme?: any;
60
- readonly tiny_chart_theme?: any;
61
- readonly zIndex?: any;
62
- readonly urlList?: any;
63
- readonly previewVisible?: any;
64
- readonly closeShow?: any;
65
- readonly arrowShow?: any;
66
- readonly toolShow?: any;
67
- readonly showIndex?: any;
68
- readonly imageFullCurrent?: any;
69
- readonly startPosition?: any;
70
- readonly asyncClose?: any;
71
- readonly deleteButton?: any;
72
- readonly onSwitch?: any;
73
- }, {}>;
74
- export default _default;