images-viewer-vue3 - npm Package Compare versions

Comparing version 1.0.12 to 1.0.13

dist/es/index.js

@@ -1,2 +0,2 @@
-(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@charset \"UTF-8\";.hotkey-tip__wrap[data-v-f9972721]{padding:.5rem;border-radius:.66rem;background:#000c;bottom:10px;right:10px;position:fixed;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-f9972721]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-f9972721]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:#eee}.hotkey-tip__wrap[data-v-17985293]{padding:.5rem;border-radius:.66rem;background:#000c;position:fixed;left:50%;top:10px;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-17985293]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-17985293]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:tomato}.loading-image__wrap .item1[data-v-7c175f68]{animation-delay:var(--i);background:#10ac84;box-shadow:0 0 15px #10ac84}.loading-image__wrap .item2[data-v-7c175f68]{animation-delay:var(--i);background:#14ffec;box-shadow:0 0 15px #14ffec}.loading-image__wrap .item3[data-v-7c175f68]{animation-delay:var(--i);background:#c62a88;box-shadow:0 0 15px #c62a88}.loading-image__wrap span[data-v-7c175f68]{display:inline-block;width:calc(var(--load-size, 40) * 1px);aspect-ratio:1;border-radius:50%;margin:0 6px;animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite;-webkit-animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite}@-webkit-keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.image-viewer-vue3__root[data-v-e01188da]{position:fixed;top:0;right:0;bottom:0;left:0}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar{width:6px;height:6px;background:#f7f7f7}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar-track{border-radius:10px}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar-thumb{background-color:#4593fb5e}.images-viewer-vue3__wrapper[data-v-e01188da]{--active-icon-color: #3A8DF5;--active-text-color: var(--text-color, #eee);--nav-width: 90px;background:#0009;position:fixed;left:0;top:0;bottom:0;width:100%;height:100%;max-height:100%;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9999;overflow:hidden;opacity:0;transition:opacity 1s ease}.images-viewer-vue3__wrapper ul[data-v-e01188da]{padding:0;list-style:none;margin:0}.images-viewer-vue3__wrapper .svg-icon__action[data-v-e01188da]{width:25px;height:25px}.images-viewer-vue3__wrapper .svg-icon__action path[data-v-e01188da]{fill:#eee}.images-viewer-vue3__wrapper.is-active[data-v-e01188da]{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content[data-v-e01188da]{position:absolute;top:0;bottom:0;left:0;right:0;display:flex}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper[data-v-e01188da]{width:0px;overflow:hidden;transition:width .3s ease-out}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper.nav-active[data-v-e01188da]{width:calc(var(--nav-width) - 5px)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .nav-vnode-scroll__wrapper[data-v-e01188da]{width:100%;height:100%;overflow-y:auto;background-color:#0009}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group[data-v-e01188da]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-e01188da]{width:80%;opacity:.5;border:1px solid transparent;position:relative;border-radius:6px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item.list-group-item__active[data-v-e01188da]{opacity:1;border:2px solid var(--active-icon-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-e01188da]:hover{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item span[data-v-e01188da]{position:absolute;left:20px;top:20px;color:red}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item .list-group-item__image[data-v-e01188da]{width:100%;object-fit:cover;height:100%;border-radius:6px;cursor:pointer}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper[data-v-e01188da]{flex:1;width:100%;height:100%;transform-origin:top left;display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:1000px;transform-style:preserve-3d;overflow:hidden;color:var(--active-text-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn[data-v-e01188da]{position:absolute;top:15px;left:8px;transition:transform .3s ease}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn.rotate-right__btn[data-v-e01188da]{transform:scale(-1)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-info[data-v-e01188da]{position:absolute;top:15px;left:40%;z-index:10;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__inner[data-v-e01188da]{flex:0 1 auto;z-index:1;-webkit-user-select:none;user-select:none;width:auto;height:auto;object-fit:cover}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls[data-v-e01188da]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:10px 0;z-index:10}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .tool-item-icon__btn[data-v-e01188da]{margin:0 4px;width:25px;height:25px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .tool-item-icon__btn path[data-v-e01188da]{fill:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .control-info[data-v-e01188da]{display:flex;align-items:center;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .position[data-v-e01188da]{position:absolute;left:30px}.images-viewer-vue3__wrapper .images-viewer-vue3__close[data-v-e01188da]{position:absolute;top:15px;right:15px;background:#0000004d;border-radius:50%;width:44px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer}.images-viewer-vue3__wrapper .icon-is-hover:hover path[data-v-e01188da]{fill:var(--active-icon-color)!important}.images-viewer-vue3__wrapper .close-icon[data-v-e01188da]{transition:fill .3s ease}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-e01188da],.images-viewer-vue3__wrapper .viewer-next-icon[data-v-e01188da]{position:fixed;background:#0000004d;border-radius:50%;width:44px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-e01188da]{top:40%;left:0}.images-viewer-vue3__wrapper .viewer-next-icon[data-v-e01188da]{top:40%;right:0}.cus-transition[data-v-e01188da]{transform:scale(1);transition:transform .3s ease}.is-active-border-color[data-v-e01188da]{border:1px solid var(--active-icon-color);opacity:1!important}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();import { createVNode as c, render as l } from "vue";
+(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@charset \"UTF-8\";.hotkey-tip__wrap[data-v-f9972721]{padding:.5rem;border-radius:.66rem;background:#000c;bottom:10px;right:10px;position:fixed;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-f9972721]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-f9972721]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:#eee}.hotkey-tip__wrap[data-v-17985293]{padding:.5rem;border-radius:.66rem;background:#000c;position:fixed;left:50%;top:10px;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-17985293]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-17985293]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:tomato}.loading-image__wrap .item1[data-v-7c175f68]{animation-delay:var(--i);background:#10ac84;box-shadow:0 0 15px #10ac84}.loading-image__wrap .item2[data-v-7c175f68]{animation-delay:var(--i);background:#14ffec;box-shadow:0 0 15px #14ffec}.loading-image__wrap .item3[data-v-7c175f68]{animation-delay:var(--i);background:#c62a88;box-shadow:0 0 15px #c62a88}.loading-image__wrap span[data-v-7c175f68]{display:inline-block;width:calc(var(--load-size, 40) * 1px);aspect-ratio:1;border-radius:50%;margin:0 6px;animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite;-webkit-animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite}@-webkit-keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.image-viewer-vue3__root[data-v-e01188da]{position:fixed;top:0;right:0;bottom:0;left:0}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar{width:6px;height:6px;background:#f7f7f7}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar-track{border-radius:10px}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar-thumb{background-color:#4593fb5e}.images-viewer-vue3__wrapper[data-v-e01188da]{--active-icon-color: #3A8DF5;--active-text-color: var(--text-color, #eee);--nav-width: 90px;background:#0009;position:fixed;left:0;top:0;bottom:0;width:100%;height:100%;max-height:100%;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9999;overflow:hidden;opacity:0;transition:opacity 1s ease}.images-viewer-vue3__wrapper ul[data-v-e01188da]{padding:0;list-style:none;margin:0}.images-viewer-vue3__wrapper .svg-icon__action[data-v-e01188da]{width:25px;height:25px}.images-viewer-vue3__wrapper .svg-icon__action path[data-v-e01188da]{fill:#eee}.images-viewer-vue3__wrapper.is-active[data-v-e01188da]{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content[data-v-e01188da]{position:absolute;top:0;bottom:0;left:0;right:0;display:flex}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper[data-v-e01188da]{width:0px;overflow:hidden;transition:width .3s ease-out}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper.nav-active[data-v-e01188da]{width:calc(var(--nav-width) - 5px)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .nav-vnode-scroll__wrapper[data-v-e01188da]{width:100%;height:100%;overflow-y:auto;background-color:#0009}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group[data-v-e01188da]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-e01188da]{width:80%;opacity:.5;border:1px solid transparent;position:relative;border-radius:6px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item.list-group-item__active[data-v-e01188da]{opacity:1;border:2px solid var(--active-icon-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-e01188da]:hover{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item span[data-v-e01188da]{position:absolute;left:20px;top:20px;color:red}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item .list-group-item__image[data-v-e01188da]{width:100%;object-fit:cover;height:100%;border-radius:6px;cursor:pointer}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper[data-v-e01188da]{flex:1;width:100%;height:100%;transform-origin:top left;display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:1000px;transform-style:preserve-3d;overflow:hidden;color:var(--active-text-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn[data-v-e01188da]{position:absolute;top:15px;left:8px;z-index:10;transition:transform .3s ease}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn.rotate-right__btn[data-v-e01188da]{transform:scale(-1)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-info[data-v-e01188da]{position:absolute;top:15px;left:40%;z-index:10;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__inner[data-v-e01188da]{flex:0 1 auto;z-index:1;-webkit-user-select:none;user-select:none;width:auto;height:auto;object-fit:cover}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls[data-v-e01188da]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:10px 0;z-index:10}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .tool-item-icon__btn[data-v-e01188da]{margin:0 4px;width:25px;height:25px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .tool-item-icon__btn path[data-v-e01188da]{fill:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .control-info[data-v-e01188da]{display:flex;align-items:center;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .position[data-v-e01188da]{position:absolute;left:30px}.images-viewer-vue3__wrapper .images-viewer-vue3__close[data-v-e01188da]{position:absolute;top:15px;right:15px;background:#0000004d;border-radius:50%;width:44px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer}.images-viewer-vue3__wrapper .icon-is-hover:hover path[data-v-e01188da]{fill:var(--active-icon-color)!important}.images-viewer-vue3__wrapper .close-icon[data-v-e01188da]{transition:fill .3s ease}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-e01188da],.images-viewer-vue3__wrapper .viewer-next-icon[data-v-e01188da]{position:fixed;background:#0000004d;border-radius:50%;width:44px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-e01188da]{top:40%;left:0}.images-viewer-vue3__wrapper .viewer-next-icon[data-v-e01188da]{top:40%;right:0}.cus-transition[data-v-e01188da]{transform:scale(1);transition:transform .3s ease}.is-active-border-color[data-v-e01188da]{border:1px solid var(--active-icon-color);opacity:1!important}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();import { createVNode as c, render as l } from "vue";
 import m from "./components/viewer.vue.js";
@@ -3,0 +3,0 @@ import g from "./components/index.vue.js";

dist/es/utils/index.d.ts

@@ -20,2 +20,2 @@ /**
 export declare const getDeviceType: () => "Android" | "iOS" | "Windows Phone" | "Other Mobile" | "Tablet" | "Desktop";
-export declare const versions = "1.0.12";
+export declare const versions = "1.0.13";

dist/es/utils/index.js

@@ -15,3 +15,3 @@ const d = () => {
   return n && (t = !0), ("ontouchstart" in window || navigator.maxTouchPoints > 0) && (t = !0), t;
-}, l = "1.0.12";
+}, l = "1.0.13";
 export {
@@ -18,0 +18,0 @@ s as downloadExe,

dist/lib/index.js

@@ -1,1 +0,1 @@
-(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@charset \"UTF-8\";.hotkey-tip__wrap[data-v-f9972721]{padding:.5rem;border-radius:.66rem;background:#000c;bottom:10px;right:10px;position:fixed;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-f9972721]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-f9972721]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:#eee}.hotkey-tip__wrap[data-v-17985293]{padding:.5rem;border-radius:.66rem;background:#000c;position:fixed;left:50%;top:10px;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-17985293]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-17985293]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:tomato}.loading-image__wrap .item1[data-v-7c175f68]{animation-delay:var(--i);background:#10ac84;box-shadow:0 0 15px #10ac84}.loading-image__wrap .item2[data-v-7c175f68]{animation-delay:var(--i);background:#14ffec;box-shadow:0 0 15px #14ffec}.loading-image__wrap .item3[data-v-7c175f68]{animation-delay:var(--i);background:#c62a88;box-shadow:0 0 15px #c62a88}.loading-image__wrap span[data-v-7c175f68]{display:inline-block;width:calc(var(--load-size, 40) * 1px);aspect-ratio:1;border-radius:50%;margin:0 6px;animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite;-webkit-animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite}@-webkit-keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.image-viewer-vue3__root[data-v-e01188da]{position:fixed;top:0;right:0;bottom:0;left:0}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar{width:6px;height:6px;background:#f7f7f7}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar-track{border-radius:10px}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar-thumb{background-color:#4593fb5e}.images-viewer-vue3__wrapper[data-v-e01188da]{--active-icon-color: #3A8DF5;--active-text-color: var(--text-color, #eee);--nav-width: 90px;background:#0009;position:fixed;left:0;top:0;bottom:0;width:100%;height:100%;max-height:100%;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9999;overflow:hidden;opacity:0;transition:opacity 1s ease}.images-viewer-vue3__wrapper ul[data-v-e01188da]{padding:0;list-style:none;margin:0}.images-viewer-vue3__wrapper .svg-icon__action[data-v-e01188da]{width:25px;height:25px}.images-viewer-vue3__wrapper .svg-icon__action path[data-v-e01188da]{fill:#eee}.images-viewer-vue3__wrapper.is-active[data-v-e01188da]{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content[data-v-e01188da]{position:absolute;top:0;bottom:0;left:0;right:0;display:flex}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper[data-v-e01188da]{width:0px;overflow:hidden;transition:width .3s ease-out}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper.nav-active[data-v-e01188da]{width:calc(var(--nav-width) - 5px)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .nav-vnode-scroll__wrapper[data-v-e01188da]{width:100%;height:100%;overflow-y:auto;background-color:#0009}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group[data-v-e01188da]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-e01188da]{width:80%;opacity:.5;border:1px solid transparent;position:relative;border-radius:6px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item.list-group-item__active[data-v-e01188da]{opacity:1;border:2px solid var(--active-icon-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-e01188da]:hover{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item span[data-v-e01188da]{position:absolute;left:20px;top:20px;color:red}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item .list-group-item__image[data-v-e01188da]{width:100%;object-fit:cover;height:100%;border-radius:6px;cursor:pointer}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper[data-v-e01188da]{flex:1;width:100%;height:100%;transform-origin:top left;display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:1000px;transform-style:preserve-3d;overflow:hidden;color:var(--active-text-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn[data-v-e01188da]{position:absolute;top:15px;left:8px;transition:transform .3s ease}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn.rotate-right__btn[data-v-e01188da]{transform:scale(-1)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-info[data-v-e01188da]{position:absolute;top:15px;left:40%;z-index:10;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__inner[data-v-e01188da]{flex:0 1 auto;z-index:1;-webkit-user-select:none;user-select:none;width:auto;height:auto;object-fit:cover}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls[data-v-e01188da]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:10px 0;z-index:10}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .tool-item-icon__btn[data-v-e01188da]{margin:0 4px;width:25px;height:25px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .tool-item-icon__btn path[data-v-e01188da]{fill:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .control-info[data-v-e01188da]{display:flex;align-items:center;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .position[data-v-e01188da]{position:absolute;left:30px}.images-viewer-vue3__wrapper .images-viewer-vue3__close[data-v-e01188da]{position:absolute;top:15px;right:15px;background:#0000004d;border-radius:50%;width:44px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer}.images-viewer-vue3__wrapper .icon-is-hover:hover path[data-v-e01188da]{fill:var(--active-icon-color)!important}.images-viewer-vue3__wrapper .close-icon[data-v-e01188da]{transition:fill .3s ease}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-e01188da],.images-viewer-vue3__wrapper .viewer-next-icon[data-v-e01188da]{position:fixed;background:#0000004d;border-radius:50%;width:44px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-e01188da]{top:40%;left:0}.images-viewer-vue3__wrapper .viewer-next-icon[data-v-e01188da]{top:40%;right:0}.cus-transition[data-v-e01188da]{transform:scale(1);transition:transform .3s ease}.is-active-border-color[data-v-e01188da]{border:1px solid var(--active-icon-color);opacity:1!important}\n@charset \"UTF-8\";.hotkey-tip__wrap[data-v-f9972721]{padding:.5rem;border-radius:.66rem;background:#000c;bottom:10px;right:10px;position:fixed;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-f9972721]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-f9972721]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:#eee}.hotkey-tip__wrap[data-v-17985293]{padding:.5rem;border-radius:.66rem;background:#000c;position:fixed;left:50%;top:10px;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-17985293]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-17985293]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:tomato}.loading-image__wrap .item1[data-v-7c175f68]{animation-delay:var(--i);background:#10ac84;box-shadow:0 0 15px #10ac84}.loading-image__wrap .item2[data-v-7c175f68]{animation-delay:var(--i);background:#14ffec;box-shadow:0 0 15px #14ffec}.loading-image__wrap .item3[data-v-7c175f68]{animation-delay:var(--i);background:#c62a88;box-shadow:0 0 15px #c62a88}.loading-image__wrap span[data-v-7c175f68]{display:inline-block;width:calc(var(--load-size, 40) * 1px);aspect-ratio:1;border-radius:50%;margin:0 6px;animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite;-webkit-animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite}@-webkit-keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.image-viewer-vue3__root[data-v-e01188da]{position:fixed;top:0;right:0;bottom:0;left:0}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar{width:6px;height:6px;background:#f7f7f7}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar-track{border-radius:10px}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar-thumb{background-color:#4593fb5e}.images-viewer-vue3__wrapper[data-v-e01188da]{--active-icon-color: #3A8DF5;--active-text-color: var(--text-color, #eee);--nav-width: 90px;background:#0009;position:fixed;left:0;top:0;bottom:0;width:100%;height:100%;max-height:100%;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9999;overflow:hidden;opacity:0;transition:opacity 1s ease}.images-viewer-vue3__wrapper ul[data-v-e01188da]{padding:0;list-style:none;margin:0}.images-viewer-vue3__wrapper .svg-icon__action[data-v-e01188da]{width:25px;height:25px}.images-viewer-vue3__wrapper .svg-icon__action path[data-v-e01188da]{fill:#eee}.images-viewer-vue3__wrapper.is-active[data-v-e01188da]{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content[data-v-e01188da]{position:absolute;top:0;bottom:0;left:0;right:0;display:flex}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper[data-v-e01188da]{width:0px;overflow:hidden;transition:width .3s ease-out}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper.nav-active[data-v-e01188da]{width:calc(var(--nav-width) - 5px)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .nav-vnode-scroll__wrapper[data-v-e01188da]{width:100%;height:100%;overflow-y:auto;background-color:#0009}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group[data-v-e01188da]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-e01188da]{width:80%;opacity:.5;border:1px solid transparent;position:relative;border-radius:6px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item.list-group-item__active[data-v-e01188da]{opacity:1;border:2px solid var(--active-icon-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-e01188da]:hover{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item span[data-v-e01188da]{position:absolute;left:20px;top:20px;color:red}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item .list-group-item__image[data-v-e01188da]{width:100%;object-fit:cover;height:100%;border-radius:6px;cursor:pointer}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper[data-v-e01188da]{flex:1;width:100%;height:100%;transform-origin:top left;display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:1000px;transform-style:preserve-3d;overflow:hidden;color:var(--active-text-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn[data-v-e01188da]{position:absolute;top:15px;left:8px;transition:transform .3s ease}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn.rotate-right__btn[data-v-e01188da]{transform:scale(-1)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-info[data-v-e01188da]{position:absolute;top:15px;left:40%;z-index:10;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__inner[data-v-e01188da]{flex:0 1 auto;z-index:1;-webkit-user-select:none;user-select:none;width:auto;height:auto;object-fit:cover}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls[data-v-e01188da]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:10px 0;z-index:10}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .tool-item-icon__btn[data-v-e01188da]{margin:0 4px;width:25px;height:25px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .tool-item-icon__btn path[data-v-e01188da]{fill:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .control-info[data-v-e01188da]{display:flex;align-items:center;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .position[data-v-e01188da]{position:absolute;left:30px}.images-viewer-vue3__wrapper .images-viewer-vue3__close[data-v-e01188da]{position:absolute;top:15px;right:15px;background:#0000004d;border-radius:50%;width:44px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer}.images-viewer-vue3__wrapper .icon-is-hover:hover path[data-v-e01188da]{fill:var(--active-icon-color)!important}.images-viewer-vue3__wrapper .close-icon[data-v-e01188da]{transition:fill .3s ease}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-e01188da],.images-viewer-vue3__wrapper .viewer-next-icon[data-v-e01188da]{position:fixed;background:#0000004d;border-radius:50%;width:44px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-e01188da]{top:40%;left:0}.images-viewer-vue3__wrapper .viewer-next-icon[data-v-e01188da]{top:40%;right:0}.cus-transition[data-v-e01188da]{transform:scale(1);transition:transform .3s ease}.is-active-border-color[data-v-e01188da]{border:1px solid var(--active-icon-color);opacity:1!important}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),a=require("./components/viewer.vue.js"),g=require("./components/index.vue.js"),u=require("./directive/v-image-viewer.js"),v=require("./utils/ViewerCore.js"),f=require("./utils/index.js");let d;const n=v.default.getInStance();var r=(e,i)=>{};function y(e,i){i&&n.setConfigOptions(i),console.log(`%cimages-viewer-vue3_V${f.versions}`,"color: #eee;background:#646cff;padding:2px 5px;border-radius:4px;"),e.directive("image-viewer",u.default),e.component("ImagesViewerVue3",a.default),e.config.globalProperties.$imageViewerApi=l}function l(e){const i=n.getConfigOptions();var o=null;o?o&&document.body.removeChild(o):(d=t.createVNode(g.default,{visible:!0,current:e.current,images:e.images||[],zIndex:i.zIndex,image:e.imageDom,from:e.from||"api",language:i.language||"zh",handleChange:({image:m,index:s})=>{r&&r(m,s)},handleClose:()=>{c()}}),o=document.createElement("div"),o.style.zIndex=i.zIndex+"",o.classList.add("image-viewer-vue3__root"),t.render(d,o),document.body.style.overflow="hidden",document.body.style.margin="0px",document.body.style.padding="0px",document.body.appendChild(o))}function c(){const e=document.querySelector(".image-viewer-vue3__root");e&&(document.body.style.removeProperty("overflow"),document.body.style.removeProperty("margin"),document.body.style.removeProperty("padding"),document.body.removeChild(e)),n.destroyed()}function w(e){e&&(r=e)}const p=a.default;exports.VImageViewer=u.default;exports.ImageViewerVue3=p;exports.default=y;exports.imageViewerApi=l;exports.onClose=c;exports.onUpdate=w;
+(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@charset \"UTF-8\";.hotkey-tip__wrap[data-v-f9972721]{padding:.5rem;border-radius:.66rem;background:#000c;bottom:10px;right:10px;position:fixed;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-f9972721]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-f9972721]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:#eee}.hotkey-tip__wrap[data-v-17985293]{padding:.5rem;border-radius:.66rem;background:#000c;position:fixed;left:50%;top:10px;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-17985293]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-17985293]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:tomato}.loading-image__wrap .item1[data-v-7c175f68]{animation-delay:var(--i);background:#10ac84;box-shadow:0 0 15px #10ac84}.loading-image__wrap .item2[data-v-7c175f68]{animation-delay:var(--i);background:#14ffec;box-shadow:0 0 15px #14ffec}.loading-image__wrap .item3[data-v-7c175f68]{animation-delay:var(--i);background:#c62a88;box-shadow:0 0 15px #c62a88}.loading-image__wrap span[data-v-7c175f68]{display:inline-block;width:calc(var(--load-size, 40) * 1px);aspect-ratio:1;border-radius:50%;margin:0 6px;animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite;-webkit-animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite}@-webkit-keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.image-viewer-vue3__root[data-v-e01188da]{position:fixed;top:0;right:0;bottom:0;left:0}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar{width:6px;height:6px;background:#f7f7f7}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar-track{border-radius:10px}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar-thumb{background-color:#4593fb5e}.images-viewer-vue3__wrapper[data-v-e01188da]{--active-icon-color: #3A8DF5;--active-text-color: var(--text-color, #eee);--nav-width: 90px;background:#0009;position:fixed;left:0;top:0;bottom:0;width:100%;height:100%;max-height:100%;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9999;overflow:hidden;opacity:0;transition:opacity 1s ease}.images-viewer-vue3__wrapper ul[data-v-e01188da]{padding:0;list-style:none;margin:0}.images-viewer-vue3__wrapper .svg-icon__action[data-v-e01188da]{width:25px;height:25px}.images-viewer-vue3__wrapper .svg-icon__action path[data-v-e01188da]{fill:#eee}.images-viewer-vue3__wrapper.is-active[data-v-e01188da]{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content[data-v-e01188da]{position:absolute;top:0;bottom:0;left:0;right:0;display:flex}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper[data-v-e01188da]{width:0px;overflow:hidden;transition:width .3s ease-out}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper.nav-active[data-v-e01188da]{width:calc(var(--nav-width) - 5px)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .nav-vnode-scroll__wrapper[data-v-e01188da]{width:100%;height:100%;overflow-y:auto;background-color:#0009}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group[data-v-e01188da]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-e01188da]{width:80%;opacity:.5;border:1px solid transparent;position:relative;border-radius:6px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item.list-group-item__active[data-v-e01188da]{opacity:1;border:2px solid var(--active-icon-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-e01188da]:hover{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item span[data-v-e01188da]{position:absolute;left:20px;top:20px;color:red}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item .list-group-item__image[data-v-e01188da]{width:100%;object-fit:cover;height:100%;border-radius:6px;cursor:pointer}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper[data-v-e01188da]{flex:1;width:100%;height:100%;transform-origin:top left;display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:1000px;transform-style:preserve-3d;overflow:hidden;color:var(--active-text-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn[data-v-e01188da]{position:absolute;top:15px;left:8px;z-index:10;transition:transform .3s ease}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn.rotate-right__btn[data-v-e01188da]{transform:scale(-1)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-info[data-v-e01188da]{position:absolute;top:15px;left:40%;z-index:10;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__inner[data-v-e01188da]{flex:0 1 auto;z-index:1;-webkit-user-select:none;user-select:none;width:auto;height:auto;object-fit:cover}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls[data-v-e01188da]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:10px 0;z-index:10}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .tool-item-icon__btn[data-v-e01188da]{margin:0 4px;width:25px;height:25px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .tool-item-icon__btn path[data-v-e01188da]{fill:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .control-info[data-v-e01188da]{display:flex;align-items:center;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .position[data-v-e01188da]{position:absolute;left:30px}.images-viewer-vue3__wrapper .images-viewer-vue3__close[data-v-e01188da]{position:absolute;top:15px;right:15px;background:#0000004d;border-radius:50%;width:44px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer}.images-viewer-vue3__wrapper .icon-is-hover:hover path[data-v-e01188da]{fill:var(--active-icon-color)!important}.images-viewer-vue3__wrapper .close-icon[data-v-e01188da]{transition:fill .3s ease}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-e01188da],.images-viewer-vue3__wrapper .viewer-next-icon[data-v-e01188da]{position:fixed;background:#0000004d;border-radius:50%;width:44px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-e01188da]{top:40%;left:0}.images-viewer-vue3__wrapper .viewer-next-icon[data-v-e01188da]{top:40%;right:0}.cus-transition[data-v-e01188da]{transform:scale(1);transition:transform .3s ease}.is-active-border-color[data-v-e01188da]{border:1px solid var(--active-icon-color);opacity:1!important}\n@charset \"UTF-8\";.hotkey-tip__wrap[data-v-f9972721]{padding:.5rem;border-radius:.66rem;background:#000c;bottom:10px;right:10px;position:fixed;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-f9972721]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-f9972721]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:#eee}.hotkey-tip__wrap[data-v-17985293]{padding:.5rem;border-radius:.66rem;background:#000c;position:fixed;left:50%;top:10px;opacity:0;transition:opacity .3s ease-in-out}.hotkey-tip__wrap.is-active_key[data-v-17985293]{opacity:.8}.hotkey-tip__wrap .item-key[data-v-17985293]{border-radius:.2rem;display:inline-block;text-transform:capitalize;margin-inline-start:.2em;margin-inline-end:.2em;margin-block-start:.2em;margin-block-end:.2em;color:tomato}.loading-image__wrap .item1[data-v-7c175f68]{animation-delay:var(--i);background:#10ac84;box-shadow:0 0 15px #10ac84}.loading-image__wrap .item2[data-v-7c175f68]{animation-delay:var(--i);background:#14ffec;box-shadow:0 0 15px #14ffec}.loading-image__wrap .item3[data-v-7c175f68]{animation-delay:var(--i);background:#c62a88;box-shadow:0 0 15px #c62a88}.loading-image__wrap span[data-v-7c175f68]{display:inline-block;width:calc(var(--load-size, 40) * 1px);aspect-ratio:1;border-radius:50%;margin:0 6px;animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite;-webkit-animation:loading-7c175f68 1.4s cubic-bezier(0,.55,.45,1) infinite}@-webkit-keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes loading-7c175f68{0%,80%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.image-viewer-vue3__root[data-v-e01188da]{position:fixed;top:0;right:0;bottom:0;left:0}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar{width:6px;height:6px;background:#f7f7f7}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar-track{border-radius:10px}.nav-scroll-style__wrap[data-v-e01188da] ::-webkit-scrollbar-thumb{background-color:#4593fb5e}.images-viewer-vue3__wrapper[data-v-e01188da]{--active-icon-color: #3A8DF5;--active-text-color: var(--text-color, #eee);--nav-width: 90px;background:#0009;position:fixed;left:0;top:0;bottom:0;width:100%;height:100%;max-height:100%;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9999;overflow:hidden;opacity:0;transition:opacity 1s ease}.images-viewer-vue3__wrapper ul[data-v-e01188da]{padding:0;list-style:none;margin:0}.images-viewer-vue3__wrapper .svg-icon__action[data-v-e01188da]{width:25px;height:25px}.images-viewer-vue3__wrapper .svg-icon__action path[data-v-e01188da]{fill:#eee}.images-viewer-vue3__wrapper.is-active[data-v-e01188da]{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content[data-v-e01188da]{position:absolute;top:0;bottom:0;left:0;right:0;display:flex}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper[data-v-e01188da]{width:0px;overflow:hidden;transition:width .3s ease-out}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper.nav-active[data-v-e01188da]{width:calc(var(--nav-width) - 5px)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .nav-vnode-scroll__wrapper[data-v-e01188da]{width:100%;height:100%;overflow-y:auto;background-color:#0009}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group[data-v-e01188da]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-e01188da]{width:80%;opacity:.5;border:1px solid transparent;position:relative;border-radius:6px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item.list-group-item__active[data-v-e01188da]{opacity:1;border:2px solid var(--active-icon-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item[data-v-e01188da]:hover{opacity:1}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item span[data-v-e01188da]{position:absolute;left:20px;top:20px;color:red}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-nav__wrapper .vnode-list-group .list-group-item .list-group-item__image[data-v-e01188da]{width:100%;object-fit:cover;height:100%;border-radius:6px;cursor:pointer}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper[data-v-e01188da]{flex:1;width:100%;height:100%;transform-origin:top left;display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:1000px;transform-style:preserve-3d;overflow:hidden;color:var(--active-text-color)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn[data-v-e01188da]{position:absolute;top:15px;left:8px;z-index:10;transition:transform .3s ease}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-collapse-nav__btn.rotate-right__btn[data-v-e01188da]{transform:scale(-1)}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-info[data-v-e01188da]{position:absolute;top:15px;left:40%;z-index:10;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__inner[data-v-e01188da]{flex:0 1 auto;z-index:1;-webkit-user-select:none;user-select:none;width:auto;height:auto;object-fit:cover}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls[data-v-e01188da]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:10px 0;z-index:10}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .tool-item-icon__btn[data-v-e01188da]{margin:0 4px;width:25px;height:25px}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .tool-item-icon__btn path[data-v-e01188da]{fill:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .control-info[data-v-e01188da]{display:flex;align-items:center;color:#eee}.images-viewer-vue3__wrapper .images-viewer-vue3__content .content-viewer-image__wrapper .image-viewer__controls .position[data-v-e01188da]{position:absolute;left:30px}.images-viewer-vue3__wrapper .images-viewer-vue3__close[data-v-e01188da]{position:absolute;top:15px;right:15px;background:#0000004d;border-radius:50%;width:44px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer}.images-viewer-vue3__wrapper .icon-is-hover:hover path[data-v-e01188da]{fill:var(--active-icon-color)!important}.images-viewer-vue3__wrapper .close-icon[data-v-e01188da]{transition:fill .3s ease}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-e01188da],.images-viewer-vue3__wrapper .viewer-next-icon[data-v-e01188da]{position:fixed;background:#0000004d;border-radius:50%;width:44px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:10}.images-viewer-vue3__wrapper .viewer-previous-icon[data-v-e01188da]{top:40%;left:0}.images-viewer-vue3__wrapper .viewer-next-icon[data-v-e01188da]{top:40%;right:0}.cus-transition[data-v-e01188da]{transform:scale(1);transition:transform .3s ease}.is-active-border-color[data-v-e01188da]{border:1px solid var(--active-icon-color);opacity:1!important}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),a=require("./components/viewer.vue.js"),g=require("./components/index.vue.js"),u=require("./directive/v-image-viewer.js"),v=require("./utils/ViewerCore.js"),f=require("./utils/index.js");let d;const n=v.default.getInStance();var r=(e,i)=>{};function y(e,i){i&&n.setConfigOptions(i),console.log(`%cimages-viewer-vue3_V${f.versions}`,"color: #eee;background:#646cff;padding:2px 5px;border-radius:4px;"),e.directive("image-viewer",u.default),e.component("ImagesViewerVue3",a.default),e.config.globalProperties.$imageViewerApi=l}function l(e){const i=n.getConfigOptions();var o=null;o?o&&document.body.removeChild(o):(d=t.createVNode(g.default,{visible:!0,current:e.current,images:e.images||[],zIndex:i.zIndex,image:e.imageDom,from:e.from||"api",language:i.language||"zh",handleChange:({image:m,index:s})=>{r&&r(m,s)},handleClose:()=>{c()}}),o=document.createElement("div"),o.style.zIndex=i.zIndex+"",o.classList.add("image-viewer-vue3__root"),t.render(d,o),document.body.style.overflow="hidden",document.body.style.margin="0px",document.body.style.padding="0px",document.body.appendChild(o))}function c(){const e=document.querySelector(".image-viewer-vue3__root");e&&(document.body.style.removeProperty("overflow"),document.body.style.removeProperty("margin"),document.body.style.removeProperty("padding"),document.body.removeChild(e)),n.destroyed()}function w(e){e&&(r=e)}const p=a.default;exports.VImageViewer=u.default;exports.ImageViewerVue3=p;exports.default=y;exports.imageViewerApi=l;exports.onClose=c;exports.onUpdate=w;

dist/lib/utils/index.d.ts

@@ -20,2 +20,2 @@ /**
 export declare const getDeviceType: () => "Android" | "iOS" | "Windows Phone" | "Other Mobile" | "Tablet" | "Desktop";
-export declare const versions = "1.0.12";
+export declare const versions = "1.0.13";

dist/lib/utils/index.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=()=>{var e=new Date,n=e.getFullYear(),t=e.getMonth()+1,o=e.getDate(),r=e.getHours(),i=e.getMinutes(),s=e.getSeconds();return`${n}${t}${o}_${r}${i}${s}`},d=(e,n)=>{fetch(e).then(t=>t.blob()).then(t=>{var o=document.createElement("a");o.style.display="none",document.body.appendChild(o);var r=window.URL.createObjectURL(t);o.href=r,o.download=a(),o.click(),window.URL.revokeObjectURL(r),document.body.removeChild(o)})},c=()=>{const e=navigator.userAgent||navigator.vendor||window.opera,n=/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(e.toLowerCase());let t=!1;return n&&(t=!0),("ontouchstart"in window||navigator.maxTouchPoints>0)&&(t=!0),t},l="1.0.12";exports.downloadExe=d;exports.getTimeStamp=a;exports.getUserAgent=c;exports.versions=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=()=>{var e=new Date,n=e.getFullYear(),t=e.getMonth()+1,o=e.getDate(),r=e.getHours(),i=e.getMinutes(),s=e.getSeconds();return`${n}${t}${o}_${r}${i}${s}`},d=(e,n)=>{fetch(e).then(t=>t.blob()).then(t=>{var o=document.createElement("a");o.style.display="none",document.body.appendChild(o);var r=window.URL.createObjectURL(t);o.href=r,o.download=a(),o.click(),window.URL.revokeObjectURL(r),document.body.removeChild(o)})},c=()=>{const e=navigator.userAgent||navigator.vendor||window.opera,n=/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(e.toLowerCase());let t=!1;return n&&(t=!0),("ontouchstart"in window||navigator.maxTouchPoints>0)&&(t=!0),t},l="1.0.13";exports.downloadExe=d;exports.getTimeStamp=a;exports.getUserAgent=c;exports.versions=l;

package.json

 {
     "name": "images-viewer-vue3",
     "scope": "ImagesViewerVue3",
-    "version": "1.0.12",
+    "version": "1.0.13",
     "description": "A lightweight image viewer for Vue3",
@@ -6,0 +6,0 @@ "type": "module",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

293467

increased by0.01%

No dependency changes