@opentiny/vue-image-viewer - npm Package Compare versions

Comparing version 3.8.2 to 3.8.3

lib/mobile-first.js

@@ -116,3 +116,3 @@ function _extends() {
 import { IconClose, IconChevronLeft, IconChevronRight, IconZoomOut, IconZoomIn, IconFullscreen, IconMinscreen, IconRepeat, IconRefres, IconDel, IconDownload } from "@opentiny/vue-icon";
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, createVNode, Transition, withCtx, createElementVNode, withModifiers, createCommentVNode, Fragment, normalizeClass, createBlock, resolveDynamicComponent, toDisplayString, renderList, normalizeStyle, withDirectives, createTextVNode } from "vue";
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, createVNode, Transition, withCtx, createElementVNode, withModifiers, createCommentVNode, Fragment, normalizeClass, createBlock, resolveDynamicComponent, toDisplayString, renderList, normalizeStyle, createTextVNode, withDirectives } from "vue";
 function _createForOfIteratorHelperLoose(o, allowArrayLike) {
@@ -236,21 +236,20 @@ var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
 };
-var _hoisted_13 = /* @__PURE__ */ createTextVNode("图片预览");
-var _hoisted_14 = {
+var _hoisted_13 = {
   class: "inset-0 fixed"
 };
-var _hoisted_15 = {
+var _hoisted_14 = {
   key: 0,
   class: "absolute flex items-center justify-center box-border left-1/2 -translate-x-1/2 px-4 bottom-12"
 };
-var _hoisted_16 = {
+var _hoisted_15 = {
   class: "h-4.5 inline-flex items-center text-color-bg-1"
 };
-var _hoisted_17 = {
+var _hoisted_16 = {
   ref: "canvasBox",
   class: "w-full h-full"
 };
-var _hoisted_18 = {
+var _hoisted_17 = {
   class: "absolute top-0 left-0 right-0 bottom-0 text-center transition-transform inline-block duration-300"
 };
-var _hoisted_19 = ["src"];
+var _hoisted_18 = ["src"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -402,5 +401,5 @@ var _component_icon_close = resolveComponent("icon-close");
         class: "fill-color-bg-1 absolute w-4 h-4 top-3.5 left-3"
-      }), _hoisted_13])]), withDirectives((openBlock(), createElementBlock("div", _hoisted_14, [_ctx.showIndex ? (openBlock(), createElementBlock("div", _hoisted_15, [createElementVNode(
+      }), createTextVNode("图片预览")])]), withDirectives((openBlock(), createElementBlock("div", _hoisted_13, [_ctx.showIndex ? (openBlock(), createElementBlock("div", _hoisted_14, [createElementVNode(
         "span",
-        _hoisted_16,
+        _hoisted_15,
         toDisplayString(_ctx.state.index + 1 + "/" + _ctx.urlList.length),
@@ -411,3 +410,3 @@ 1
         "div",
-        _hoisted_17,
+        _hoisted_16,
         [createElementVNode(
@@ -438,3 +437,3 @@ "div",
                 },
-                [createElementVNode("div", _hoisted_18, [i === _ctx.state.index ? (openBlock(), createElementBlock("img", {
+                [createElementVNode("div", _hoisted_17, [i === _ctx.state.index ? (openBlock(), createElementBlock("img", {
                   key: url,
@@ -466,3 +465,3 @@ class: normalizeClass(["block w-full h-full object-contain", {
                   })
-                }, null, 46, _hoisted_19)) : createCommentVNode("v-if", true)])],
+                }, null, 46, _hoisted_18)) : createCommentVNode("v-if", true)])],
                 4
@@ -469,0 +468,0 @@ /* STYLE */

package.json

 {
   "name": "@opentiny/vue-image-viewer",
-  "version": "3.8.2",
+  "version": "3.8.3",
   "description": "",
   "main": "./lib/index.js",
   "module": "./lib/index.js",
+  "sideEffects": false,
   "dependencies": {
-    "@opentiny/vue-common": "~3.8.2",
-    "@opentiny/vue-icon": "~3.8.2",
-    "@opentiny/vue-renderless": "~3.8.2"
+    "@opentiny/vue-common": "~3.8.3",
+    "@opentiny/vue-icon": "~3.8.3",
+    "@opentiny/vue-renderless": "~3.8.3"
   },
@@ -12,0 +13,0 @@ "license": "MIT",

src/index.d.ts

@@ -1,2 +0,170 @@
-declare const _default: any;
+declare const _default: import("@vue/runtime-core").DefineComponent<{
+    _constants: {
+        type: ObjectConstructor;
+        default: () => {
+            MODE: {
+                CONTAIN: {
+                    name: string;
+                    icon: string;
+                };
+                ORIGINAL: {
+                    name: string;
+                    icon: string;
+                };
+            };
+            DEFAULT_POPPER_ZINDEX: number;
+        };
+    };
+    urlList: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    previewVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    arrowShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toolShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIndex: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imageFullCurrent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    startPosition: {
+        type: NumberConstructor;
+        default: number;
+    };
+    asyncClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    deleteButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onSwitch: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+    onClose: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+    _constants: {
+        type: ObjectConstructor;
+        default: () => {
+            MODE: {
+                CONTAIN: {
+                    name: string;
+                    icon: string;
+                };
+                ORIGINAL: {
+                    name: string;
+                    icon: string;
+                };
+            };
+            DEFAULT_POPPER_ZINDEX: number;
+        };
+    };
+    urlList: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    previewVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    arrowShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toolShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIndex: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imageFullCurrent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    startPosition: {
+        type: NumberConstructor;
+        default: number;
+    };
+    asyncClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    deleteButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onSwitch: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+    onClose: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+}>>, {
+    tiny_mode_root: boolean;
+    _constants: Record<string, any>;
+    onClose: Function;
+    zIndex: number;
+    showIndex: boolean;
+    previewVisible: boolean;
+    urlList: unknown[];
+    closeShow: boolean;
+    arrowShow: boolean;
+    toolShow: boolean;
+    imageFullCurrent: boolean;
+    startPosition: number;
+    asyncClose: boolean;
+    deleteButton: boolean;
+    onSwitch: Function;
+}>;
 export default _default;

src/mobile-first.vue.d.ts

@@ -1,2 +0,13 @@
-declare const _sfc_main: any;
+declare const _sfc_main: import("@vue/runtime-core").DefineComponent<Readonly<{
+    [x: string]: any;
+}>, any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "update:preview-visible" | "newImageList")[], "change" | "close" | "update:preview-visible" | "newImageList", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+    [x: string]: any;
+}>>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:preview-visible"?: ((...args: any[]) => any) | undefined;
+    onNewImageList?: ((...args: any[]) => any) | undefined;
+}, {
+    [x: string]: any;
+}>;
 export default _sfc_main;

src/mobile.vue.d.ts

@@ -1,2 +0,17 @@
-declare const _sfc_main: any;
+declare const _sfc_main: import("@vue/runtime-core").DefineComponent<Readonly<{
+    [x: string]: any;
+}>, {
+    t: (this: any, path: any, options?: any) => any;
+    vm: any;
+    f: (props: any, attrs?: {}) => {};
+    a: (attrs: any, filters: any, include: any) => {};
+    d: (props: any) => void;
+    dp: (props: any) => void;
+    gcls: (key: any) => any;
+    m: (...cssClasses: any[]) => string;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+    [x: string]: any;
+}>>>, {
+    [x: string]: any;
+}>;
 export default _sfc_main;

src/pc.vue.d.ts

@@ -1,2 +0,17 @@
-declare const _sfc_main: any;
+declare const _sfc_main: import("@vue/runtime-core").DefineComponent<Readonly<{
+    [x: string]: any;
+}>, {
+    t: (this: any, path: any, options?: any) => any;
+    vm: any;
+    f: (props: any, attrs?: {}) => {};
+    a: (attrs: any, filters: any, include: any) => {};
+    d: (props: any) => void;
+    dp: (props: any) => void;
+    gcls: (key: any) => any;
+    m: (...cssClasses: any[]) => string;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+    [x: string]: any;
+}>>>, {
+    [x: string]: any;
+}>;
 export default _sfc_main;

No alert changes

Improved metrics

Total package byte prevSize

55947

13.13%

Lines of code

1501

16.36%

Dependency changes

• Updated

  @opentiny/vue-common@~3.8.3

• Updated

  @opentiny/vue-icon@~3.8.3

• Updated

  @opentiny/vue-renderless@~3.8.3