npm - emacroh5lib - Versions diffs - 1.0.91 → 1.0.95 - Mend

emacroh5lib 1.0.91 → 1.0.95

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 (7) hide show

package/babel.config.js +12 -1
package/dist/emacroh5lib.min.main.js +1 -1
package/package.json +9 -2
package/src/views/DragResizeView/index.vue +912 -791
package/tests/unit/example.spec.ts +2 -5
package/tsconfig.json +10 -7
package/webpack.config.js +12 -2

package/babel.config.js CHANGED Viewed

@@ -1,5 +1,16 @@
 module.exports = {
   presets: [
-    '@vue/cli-plugin-babel/preset'
+    '@vue/cli-plugin-babel/preset',
+    [
+      '@babel/preset-env',
+      {
+        modules: false, // preset-env在转码的时候会把es6模块化的语法转成其它模块化的语法，但在项目中我们希望保留es6模块化的语法，所以 配置modules: false,，告诉babel不需要转成其它模块化的语法
+        targets: {
+          chrome: '49', // 需要兼容的浏览器最低版本
+        },
+      },
+    ],
+    '@babel/preset-react',
+    '@babel/preset-typescript',
   ]
 }

package/dist/emacroh5lib.min.main.js CHANGED Viewed

	@@ -1 +1 @@
1	- var e,t={4525:(e,t,i)=>{i.d(t,{Z:()=>s});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r)()(n());a.push([e.id,".vdr[data-v-3e98848e] {\n position: absolute;\n box-sizing: border-box;\n}\n.vdr.active[data-v-3e98848e]:before {\n content: '';\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n box-sizing: border-box;\n outline: 1px dashed #d6d6d6;\n}\n.vdr-stick[data-v-3e98848e] {\n box-sizing: border-box;\n position: absolute;\n font-size: 1px;\n background: #ffffff;\n border: 2px solid #6c6c6c;\n box-shadow: 0 0 2px #bbb;\n}\n.inactive .vdr-stick[data-v-3e98848e] {\n display: none;\n}\n.vdr-stick-tl[data-v-3e98848e],\n.vdr-stick-br[data-v-3e98848e] {\n cursor: nwse-resize;\n}\n.vdr-stick-tm[data-v-3e98848e],\n.vdr-stick-bm[data-v-3e98848e] {\n left: 50%;\n cursor: ns-resize;\n}\n.vdr-stick-tr[data-v-3e98848e],\n.vdr-stick-bl[data-v-3e98848e] {\n cursor: nesw-resize;\n}\n.vdr-stick-ml[data-v-3e98848e],\n.vdr-stick-mr[data-v-3e98848e] {\n top: 50%;\n cursor: ew-resize;\n}\n.vdr-stick.not-resizable[data-v-3e98848e] {\n display: none;\n}\n.content-container[data-v-3e98848e] {\n display: block;\n position: relative;\n}\n",""]);const s=a},2406:(e,t,i)=>{i.d(t,{Z:()=>s});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r)()(n());a.push([e.id,".app-container[data-v-7a6f68ae] {\n height: 100%;\n width: 100%;\n margin: 0;\n padding: 0;\n background-color: aqua;\n}\n.click-button[data-v-7a6f68ae] {\n padding: 10px;\n font-size: 16px;\n color: white;\n border-radius: 15px;\n background-color: blue;\n}\n",""]);const s=a},4167:(e,t,i)=>{i.d(t,{Z:()=>d});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r),s=i(5039),l=a()(n());l.i(s.Z),l.push([e.id,'/* @import "./style/css/index.less"; /\n',""]);const d=l},8103:(e,t,i)=>{i.d(t,{Z:()=>d});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r),s=i(2145),l=a()(n());l.i(s.Z),l.push([e.id,"\n",""]);const d=l},7056:(e,t,i)=>{i.d(t,{Z:()=>d});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r),s=i(3487),l=a()(n());l.i(s.Z),l.push([e.id,'/ @import "./style/css/index.less"; /\n',""]);const d=l},2659:(e,t,i)=>{i.d(t,{Z:()=>d});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r),s=i(2638),l=a()(n());l.i(s.Z),l.push([e.id,"\n",""]);const d=l},5039:(e,t,i)=>{i.d(t,{Z:()=>u});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r),s=i(1667),l=i.n(s),d=new URL(i(2671),i.b),h=a()(n()),c=l()(d);h.push([e.id,'.duo-viewer {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 10000;\n width: 100%;\n height: 100vh;\n}\n.duo-viewer-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n z-index: 9;\n display: flex;\n justify-content: center;\n align-items: center; \n}\n.duo-viewer-mask__image {\n cursor: grab;\n / height: 80%; \n width: 80%; /\n position: absolute; \n / top: 50%;\n left: 50%;\n transform: translate(-50%, -50%); /\n z-index: 8;\n / transition-property: transform, height, width; /\n transition-duration: 0.3s, 0.3s, 0.3s;\n}\n.duo-viewer-footer {\n position: absolute;\n text-align: center;\n bottom: 0;\n left: 0;\n width: 100%;\n z-index: 10;\n}\n.duo-viewer-footer__title {\n color: #cfcfcf;\n position: absolute;\n bottom: 95px;\n left: 50%;\n transform: translate(-50%, 0%);\n z-index: 10;\n width: 100%;\n}\n.duo-viewer-footer__toolbar {\n position: absolute;\n bottom: 60px;\n left: 50%;\n transform: translate(-50%, 0%);\n z-index: 10;\n}\n.duo-viewer-footer__toolbar li {\n margin: 2px;\n background-color: rgba(0, 0, 0, 0.5);\n border-radius: 50%;\n cursor: pointer;\n float: left;\n height: 28px;\n overflow: hidden;\n -webkit-transition: background-color 0.15s;\n transition: background-color 0.15s;\n width: 28px;\n position: relative;\n}\n.duo-viewer-footer__toolbar li::after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: "";\n display: inline-block;\n background: url('+c+') no-repeat;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__zoom-in::after {\n background-position: 4px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__zoom-out::after {\n background-position: -16px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__one-to-one::after {\n background-position: -35px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__reset::after {\n background-position: -56px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__prev::after {\n background-position: -77px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__play {\n width: 34px;\n height: 34px;\n margin-top: -2px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__play::after {\n background-position: -93px 6px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__next::after {\n background-position: -116px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__rotate-left::after {\n background-position: -136px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__rotate-right::after {\n background-position: -156px 3px;\n}\n.duo-viewer-footer__navbar {\n width: 100%;\n height: 50px;\n background: rgba(0, 0, 0, 0.9);\n overflow: hidden;\n}\n.duo-viewer-footer__navbar-thumbnail-image {\n height: 100%;\n width: 80px;\n -o-object-fit: fill;\n object-fit: fill;\n transform: translateX(-30px);\n}\n.duo-viewer-footer__navbar-thumbnail-item {\n margin: 0 2px;\n color: transparent;\n cursor: pointer;\n float: left;\n font-size: 0;\n width: 30px;\n opacity: 0.2;\n overflow: hidden;\n -webkit-transition: opacity 0.15s;\n transition: opacity 0.15s;\n}\n.duo-viewer-footer__navbar-thumbnail-item.viewer-current {\n opacity: 0.9;\n}\n.duo-viewer-footer__navbar-thumbnail-wrap {\n position: relative;\n overflow: hidden;\n width: 660px;\n height: inherit;\n margin: 0 auto;\n}\n.duo-viewer-footer__navbar-thumbnail-list {\n padding: 10px 0;\n width: auto;\n box-sizing: border-box;\n position: absolute;\n top: 0;\n left: 50%;\n transition: all 0.3s;\n}\n.duo-viewer-close {\n background-color: rgba(0, 0, 0, 0.9);\n border-radius: 0% 0% 0% 100%;\n cursor: pointer;\n height: 50px;\n overflow: hidden;\n position: absolute;\n right: 0;\n top: 0;\n transition: background-color 0.15s;\n width: 50px;\n z-index: 10;\n line-height: 50px;\n text-align: center;\n}\n.duo-viewer-close__off {\n margin: 18px 12px;\n position: relative;\n width: 2em;\n height: 0.3em;\n background-color: #fff;\n transform: rotate(45deg);\n border-radius: 0.15em;\n}\n.duo-viewer-close__off:after {\n content: "";\n position: absolute;\n width: 2em;\n height: 0.3em;\n top: 0;\n left: 0;\n background-color: #fff;\n transform: rotate(90deg);\n border-radius: 0.15em;\n}\n',""]);const u=h},2145:(e,t,i)=>{i.d(t,{Z:()=>u});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r),s=i(1667),l=i.n(s),d=new URL(i(3554),i.b),h=a()(n()),c=l()(d);h.push([e.id,'.duo-viewer {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 10000;\n width: 100%;\n height: 100vh;\n}\n.duo-viewer-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n z-index: 9;\n}\n.duo-viewer-mask__image {\n cursor: grab;\n height: 750px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 8;\n transition-property: transform, height, width;\n transition-duration: 0.3s, 0.3s, 0.3s;\n}\n.duo-viewer-footer {\n position: absolute;\n text-align: center;\n bottom: 0;\n left: 0;\n width: 100%;\n z-index: 10;\n}\n.duo-viewer-footer__title {\n color: #cfcfcf;\n position: absolute;\n bottom: 95px;\n left: 50%;\n transform: translate(-50%, 0%);\n z-index: 10;\n width: 100%;\n}\n.duo-viewer-footer__toolbar {\n position: absolute;\n bottom: 60px;\n left: 50%;\n transform: translate(-50%, 0%);\n z-index: 10;\n}\n.duo-viewer-footer__toolbar li {\n margin: 2px;\n background-color: rgba(0, 0, 0, 0.5);\n border-radius: 50%;\n cursor: pointer;\n float: left;\n height: 28px;\n overflow: hidden;\n -webkit-transition: background-color 0.15s;\n transition: background-color 0.15s;\n width: 28px;\n position: relative;\n}\n.duo-viewer-footer__toolbar li::after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: "";\n display: inline-block;\n background: url('+c+') no-repeat;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__zoom-in::after {\n background-position: 4px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__zoom-out::after {\n background-position: -16px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__one-to-one::after {\n background-position: -35px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__reset::after {\n background-position: -56px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__prev::after {\n background-position: -77px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__play {\n width: 34px;\n height: 34px;\n margin-top: -2px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__play::after {\n background-position: -93px 6px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__next::after {\n background-position: -116px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__rotate-left::after {\n background-position: -136px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__rotate-right::after {\n background-position: -156px 3px;\n}\n.duo-viewer-footer__navbar {\n width: 100%;\n height: 50px;\n background: rgba(0, 0, 0, 0.9);\n overflow: hidden;\n}\n.duo-viewer-footer__navbar-thumbnail-image {\n height: 100%;\n width: 80px;\n -o-object-fit: fill;\n object-fit: fill;\n transform: translateX(-30px);\n}\n.duo-viewer-footer__navbar-thumbnail-item {\n margin: 0 2px;\n color: transparent;\n cursor: pointer;\n float: left;\n font-size: 0;\n width: 30px;\n opacity: 0.2;\n overflow: hidden;\n -webkit-transition: opacity 0.15s;\n transition: opacity 0.15s;\n}\n.duo-viewer-footer__navbar-thumbnail-item.viewer-current {\n opacity: 0.9;\n}\n.duo-viewer-footer__navbar-thumbnail-wrap {\n position: relative;\n overflow: hidden;\n width: 660px;\n height: inherit;\n margin: 0 auto;\n}\n.duo-viewer-footer__navbar-thumbnail-list {\n padding: 10px 0;\n width: auto;\n box-sizing: border-box;\n position: absolute;\n top: 0;\n left: 50%;\n transition: all 0.3s;\n}\n.duo-viewer-close {\n background-color: rgba(0, 0, 0, 0.9);\n border-radius: 0% 0% 0% 100%;\n cursor: pointer;\n height: 50px;\n overflow: hidden;\n position: absolute;\n right: 0;\n top: 0;\n transition: background-color 0.15s;\n width: 50px;\n z-index: 10;\n line-height: 50px;\n text-align: center;\n}\n.duo-viewer-close__off {\n margin: 18px 12px;\n position: relative;\n width: 2em;\n height: 0.3em;\n background-color: #fff;\n transform: rotate(45deg);\n border-radius: 0.15em;\n}\n.duo-viewer-close__off:after {\n content: "";\n position: absolute;\n width: 2em;\n height: 0.3em;\n top: 0;\n left: 0;\n background-color: #fff;\n transform: rotate(90deg);\n border-radius: 0.15em;\n}\n',""]);const u=h},3487:(e,t,i)=>{i.d(t,{Z:()=>u});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r),s=i(1667),l=i.n(s),d=new URL(i(1348),i.b),h=a()(n()),c=l()(d);h.push([e.id,'.duo-viewer {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 10000;\n width: 100%;\n height: 100vh;\n}\n.duo-viewer-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n z-index: 9;\n display: flex;\n justify-content: center;\n align-items: center; \n}\n.duo-viewer-mask__image {\n cursor: grab;\n / height: 80%; \n width: 80%; /\n position: absolute; \n / top: 50%;\n left: 50%;\n transform: translate(-50%, -50%); /\n z-index: 8;\n / transition-property: transform, height, width; /\n transition-duration: 0.3s, 0.3s, 0.3s;\n background: transparent;\n}\n.duo-viewer-footer {\n position: absolute;\n text-align: center;\n bottom: 0;\n left: 0;\n width: 100%;\n z-index: 10;\n}\n.duo-viewer-footer__title {\n color: #cfcfcf;\n position: absolute;\n bottom: 95px;\n left: 50%;\n transform: translate(-50%, 0%);\n z-index: 10;\n width: 100%;\n}\n.duo-viewer-footer__toolbar {\n position: absolute;\n bottom: 60px;\n left: 50%;\n transform: translate(-50%, 0%);\n z-index: 10;\n}\n.duo-viewer-footer__toolbar li {\n margin: 2px;\n background-color: rgba(0, 0, 0, 0.5);\n border-radius: 50%;\n cursor: pointer;\n float: left;\n height: 28px;\n overflow: hidden;\n -webkit-transition: background-color 0.15s;\n transition: background-color 0.15s;\n width: 28px;\n position: relative;\n}\n.duo-viewer-footer__toolbar li::after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: "";\n display: inline-block;\n background: url('+c+') no-repeat;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__zoom-in::after {\n background-position: 4px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__zoom-out::after {\n background-position: -16px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__one-to-one::after {\n background-position: -35px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__reset::after {\n background-position: -56px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__prev::after {\n background-position: -77px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__play {\n width: 34px;\n height: 34px;\n margin-top: -2px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__play::after {\n background-position: -93px 6px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__next::after {\n background-position: -116px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__rotate-left::after {\n background-position: -136px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__rotate-right::after {\n background-position: -156px 3px;\n}\n.duo-viewer-footer__navbar {\n width: 100%;\n height: 50px;\n background: rgba(0, 0, 0, 0.9);\n overflow: hidden;\n}\n.duo-viewer-footer__navbar-thumbnail-image {\n height: 100%;\n width: 80px;\n -o-object-fit: fill;\n object-fit: fill;\n transform: translateX(-30px);\n}\n.duo-viewer-footer__navbar-thumbnail-item {\n margin: 0 2px;\n color: transparent;\n cursor: pointer;\n float: left;\n font-size: 0;\n width: 30px;\n opacity: 0.2;\n overflow: hidden;\n -webkit-transition: opacity 0.15s;\n transition: opacity 0.15s;\n}\n.duo-viewer-footer__navbar-thumbnail-item.viewer-current {\n opacity: 0.9;\n}\n.duo-viewer-footer__navbar-thumbnail-wrap {\n position: relative;\n overflow: hidden;\n width: 660px;\n height: inherit;\n margin: 0 auto;\n}\n.duo-viewer-footer__navbar-thumbnail-list {\n padding: 10px 0;\n width: auto;\n box-sizing: border-box;\n position: absolute;\n top: 0;\n left: 50%;\n transition: all 0.3s;\n}\n.duo-viewer-close {\n background-color: rgba(0, 0, 0, 0.9);\n border-radius: 0% 0% 0% 100%;\n cursor: pointer;\n height: 50px;\n overflow: hidden;\n position: absolute;\n right: 0;\n top: 0;\n transition: background-color 0.15s;\n width: 50px;\n z-index: 10;\n line-height: 50px;\n text-align: center;\n}\n.duo-viewer-close__off {\n margin: 18px 12px;\n position: relative;\n width: 2em;\n height: 0.3em;\n background-color: #fff;\n transform: rotate(45deg);\n border-radius: 0.15em;\n}\n.duo-viewer-close__off:after {\n content: "";\n position: absolute;\n width: 2em;\n height: 0.3em;\n top: 0;\n left: 0;\n background-color: #fff;\n transform: rotate(90deg);\n border-radius: 0.15em;\n}\n',""]);const u=h},2638:(e,t,i)=>{i.d(t,{Z:()=>u});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r),s=i(1667),l=i.n(s),d=new URL(i(5058),i.b),h=a()(n()),c=l()(d);h.push([e.id,'.duo-viewer {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 10000;\n width: 100%;\n height: 100vh;\n}\n.duo-viewer-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n z-index: 9;\n}\n.duo-viewer-mask__image {\n cursor: grab;\n height: 750px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 8;\n transition-property: transform, height, width;\n transition-duration: 0.3s, 0.3s, 0.3s;\n}\n.duo-viewer-footer {\n position: absolute;\n text-align: center;\n bottom: 0;\n left: 0;\n width: 100%;\n z-index: 10;\n}\n.duo-viewer-footer__title {\n color: #cfcfcf;\n position: absolute;\n bottom: 95px;\n left: 50%;\n transform: translate(-50%, 0%);\n z-index: 10;\n width: 100%;\n}\n.duo-viewer-footer__toolbar {\n position: absolute;\n bottom: 60px;\n left: 50%;\n transform: translate(-50%, 0%);\n z-index: 10;\n}\n.duo-viewer-footer__toolbar li {\n margin: 2px;\n background-color: rgba(0, 0, 0, 0.5);\n border-radius: 50%;\n cursor: pointer;\n float: left;\n height: 28px;\n overflow: hidden;\n -webkit-transition: background-color 0.15s;\n transition: background-color 0.15s;\n width: 28px;\n position: relative;\n}\n.duo-viewer-footer__toolbar li::after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: "";\n display: inline-block;\n background: url('+c+') no-repeat;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__zoom-in::after {\n background-position: 4px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__zoom-out::after {\n background-position: -16px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__one-to-one::after {\n background-position: -35px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__reset::after {\n background-position: -56px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__prev::after {\n background-position: -77px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__play {\n width: 34px;\n height: 34px;\n margin-top: -2px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__play::after {\n background-position: -93px 6px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__next::after {\n background-position: -116px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__rotate-left::after {\n background-position: -136px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__rotate-right::after {\n background-position: -156px 3px;\n}\n.duo-viewer-footer__navbar {\n width: 100%;\n height: 50px;\n background: rgba(0, 0, 0, 0.9);\n overflow: hidden;\n}\n.duo-viewer-footer__navbar-thumbnail-image {\n height: 100%;\n width: 80px;\n -o-object-fit: fill;\n object-fit: fill;\n transform: translateX(-30px);\n}\n.duo-viewer-footer__navbar-thumbnail-item {\n margin: 0 2px;\n color: transparent;\n cursor: pointer;\n float: left;\n font-size: 0;\n width: 30px;\n opacity: 0.2;\n overflow: hidden;\n -webkit-transition: opacity 0.15s;\n transition: opacity 0.15s;\n}\n.duo-viewer-footer__navbar-thumbnail-item.viewer-current {\n opacity: 0.9;\n}\n.duo-viewer-footer__navbar-thumbnail-wrap {\n position: relative;\n overflow: hidden;\n width: 660px;\n height: inherit;\n margin: 0 auto;\n}\n.duo-viewer-footer__navbar-thumbnail-list {\n padding: 10px 0;\n width: auto;\n box-sizing: border-box;\n position: absolute;\n top: 0;\n left: 50%;\n transition: all 0.3s;\n}\n.duo-viewer-close {\n background-color: rgba(0, 0, 0, 0.9);\n border-radius: 0% 0% 0% 100%;\n cursor: pointer;\n height: 50px;\n overflow: hidden;\n position: absolute;\n right: 0;\n top: 0;\n transition: background-color 0.15s;\n width: 50px;\n z-index: 10;\n line-height: 50px;\n text-align: center;\n}\n.duo-viewer-close__off {\n margin: 18px 12px;\n position: relative;\n width: 2em;\n height: 0.3em;\n background-color: #fff;\n transform: rotate(45deg);\n border-radius: 0.15em;\n}\n.duo-viewer-close__off:after {\n content: "";\n position: absolute;\n width: 2em;\n height: 0.3em;\n top: 0;\n left: 0;\n background-color: #fff;\n transform: rotate(90deg);\n border-radius: 0.15em;\n}\n',""]);const u=h},4168:(e,t,i)=>{i.d(t,{Ip:()=>me,Ud:()=>u,$p:()=>O,Ko:()=>re,OO:()=>Z,OM:()=>te,Oh:()=>w,Rf:()=>V,ZP:()=>ge});var o=i(4105),n=i(354),r=i.n(n),a=i(3162),s=function(e,t,i,o){return new(i\|\|(i=Promise))((function(n,r){function a(e){try{l(o.next(e))}catch(e){r(e)}}function s(e){try{l(o.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(a,s)}l((o=o.apply(e,t\|\|[])).next())}))};class l{static getFileMD5(e){return new Promise(((t,i)=>{const o=new FileReader;o.readAsBinaryString(e),o.onload=o=>{(new(r())).md5(e,((e,o)=>{null!==e?t(e):i(o)}),(e=>{console.log("getFileMD5 progress number:",e)}))}}))}static getBase64(e){return new Promise(((t,i)=>{const o=new FileReader;o.readAsDataURL(e),o.onload=()=>t(o.result),o.onerror=e=>i(e)}))}static getFileChunks(e,t=1048576){let{size:i}=e,o=Math.ceil(i/t),n=new Array;if(i>t)for(let i=0;i<o;i++){let o=it,r=(i+1)t,a=e.slice(o,r);n.push(a)}else n.push(e);return{fileChunks:n,sliceSize:t,chunksLength:n.length}}static uploadFiles(e,t,i=(e=>{}),o=(e=>{}),n=1048576){return s(this,void 0,void 0,(function(){if(""==e[0].fileName\|\|""==e[0].fileSize\|\|0==e[0].fileSize)throw new Error("文件异常");for(let o=0;o<e.length;o++){const r=e[o],a=yield l.getFileMD5(r);let{fileChunks:s,sliceSize:d,chunksLength:h}=l.getFileChunks(r,n),c="";if(null!=e[o].webkitRelativePath&&""!=e[o].webkitRelativePath.trim()){let t=e[o].webkitRelativePath.lastIndexOf("\\");-1==t&&(t=e[o].webkitRelativePath.lastIndexOf("/")),-1!=t&&(c=e[o].webkitRelativePath.substring(0,t))}for(let i in s){let n=s[Number(i)];const u=yield l.getBase64(n);let m={chunkIndex:Number(i),chunksLength:h,sliceSize:d,chunkSize:n.size,fileSize:r.size,fileName:r.name,lastModifiedDate:r.lastModifiedDate,md5:a,index:o,dataType:"base64",directoryName:c,total:e.length,data:u.split(";base64,")[1]};yield t(m)}i(r)}o(e)}))}static selectFile(e={multiple:!0,accept:"/"},t=!1){return new Promise(((i,o)=>{const n=document.createElement("input");n.type="file",n.accept=e.accept,n.webkitdirectory=t,n.multiple=e.multiple,n.addEventListener("change",(e=>{try{n.files?i(n.files):o(new Error("无法读取文件"))}catch(e){o(e)}})),n.click()}))}static readLocalExcel(e,t={multiple:!0,accept:"/"}){this.selectFile(t).then((t=>{if(null!==t)for(let i=0;i<t.length;i++){const n=t[i];let r=new FileReader;r.readAsArrayBuffer(n),r.onloadend=function(t){return s(this,void 0,void 0,(function(){let i=o.ij(t.target.result,{type:"binary"});e(n,i)}))}}})).catch((e=>{throw e}))}static toExcel(e,t){return o.ij(e,{type:t})}static downloadExcel(e,t){const i=o.cW(e,{bookType:"xls",bookSST:!1,type:"binary",cellStyles:!0});(0,a.saveAs)(new Blob([function(e){const t=new ArrayBuffer(e.length),i=new Uint8Array(t);for(let t=0;t!=e.length;++t)i[t]=255&e.charCodeAt(t);return t}(i)],{type:"application/octet-stream"}),t)}}function h(e,t){let i,o;e>t?(i=e,o=t):(i=t,o=e);let n=i%o;return 0===n?o:h(o,n)}const c=e=>s(void 0,void 0,void 0,(function(){const t=document.createElement("video");t.setAttribute("width","10"),t.setAttribute("height","10"),t.setAttribute("style","position: absolute;opacity: 0;z-index: -5;top: 0;"),t.setAttribute("src",e),document.body.appendChild(t);const i=new Promise((function(e,i){t.addEventListener("canplay",(function(t){const i=h(t.target.videoWidth,t.target.videoHeight);e([t.target.videoWidth/i,t.target.videoHeight/i])}))})),o=yield i;return document.body.removeChild(t),o})),u={version:"1.73",File:l,fullScreen:(e=null)=>{null===e&&(e=document.documentElement),e.requestFullscreen?e.requestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.msRequestFullscreen?e.msRequestFullscreen():e.oRequestFullscreen?e.oRequestFullscreen():e.webkitRequestFullScreen&&e.webkitRequestFullScreen()},getGcd:h,getVideoScale:c,getVideoBase64:(e,t=-1,i=2e3)=>s(void 0,void 0,void 0,(function(){const o=yield c(e),n=o[0]+"",r=o[1]+"";return yield new Promise((function(o){let a="",s=document.createElement("video");s.setAttribute("crossOrigin","anonymous"),s.setAttribute("src",e),s.setAttribute("width",n),s.setAttribute("height",r),s.setAttribute("autoplay","autoplay"),document.body.appendChild(s),s.addEventListener("loadeddata",(function(){s.pause(),-1===t&&(t=Math.random()s.duration),s.currentTime=t,setTimeout((()=>{let e=document.createElement("canvas");e.width=s.width,e.height=s.height,e.getContext("2d").drawImage(s,0,0,s.width,s.height),a=e.toDataURL("image/jpeg"),document.body.removeChild(s),o(a)}),i)}))}))})),getType:function(e){return Object.prototype.toString.call(e).replace(/\[(\S+) (\S+)\]/,"$2")},extensionToLowerCase:e=>{const t=e.lastIndexOf("."),i=e.substring(t).toLowerCase();return e.substring(0,t)+i},isURL:e=>!!/^\b(((https?\|ftp):\/\/)?[-a-z0-9]+(\.[-a-z0-9]+)\.(?:com\|edu\|gov\|int\|mil\|net\|org\|biz\|info\|name\|museum\|asia\|coop\|aero\|[a-z][a-z]\|((25[0-5])\|(2[0-4]\d)\|(1\d\d)\|([1-9]\d)\|\d))\b(\/[-a-z0-9_:\\@&?=+,.!\\/~%\\$])?)$/i.test(e.trim())};var m=i(9560),p=i.n(m);class f{static NotReady=0;static Ready=1;static Running=2;static Deleted=3;static Error=4}class g{static createFunction(e){return"function"==typeof e?e:"string"==typeof e?new Function("return "+e)():null}static getParamNames(e){if("function"!=typeof e)throw Error("参数fun必须是function类型");let t=e.toString(),i=t.substring(t.indexOf("(")+1,t.indexOf(")"));return i.length<=0?[]:(i=i.split(",").map((function(e){return e.match(/\w+/)[0]})),i)}static getFunctionName(e){let t=e.toString().replace(/[\s\?]/g,""),i=t.length>=50?50:t.length;t=t.substring(0,i);let o=t.match(/^function([^\(]+?)\(/);if(o&&o[1])return o[1];let n=e.caller.toString().replace(/[\s\?]/g,""),r=n.indexOf(t);return o=n.substring(r-30,r).match(/var([^\=]+?)\=/),o&&o[1]?o[1]:"anonymous"}}class v{constructor(e,t){const i=p()(e.toString());if("number"==typeof t)this.interval=parseInt(t),this.immediate=!0,this.name=i;else if("object"==typeof t){const{interval:e,immediate:o,name:n,onStop:r,onError:a}=t;this.interval=parseInt(e),this.immediate=o,this.name=n\|\|i,this.onStop=r,this.onError=a}this.callback=e,this.executions=0,this.state=f.NotReady,this.timerIdList=[]}execute(){return new Promise(((e,t)=>{try{return this.state!=f.Ready?t(this):(this.state=f.Running,this.callback(),this.executions++,this.state=f.Ready,e(this))}catch(e){return this.state=f.Ready,this.error=e,t(this)}}))}ready(){this.state!=f.Ready?this.state=f.Ready:console.warn("task already running",this)}stop(){this.state!=f.NotReady?this.state=f.NotReady:console.warn("task is stopped",this)}clearTimer(){for(;this.timerIdList.length>0;)clearTimeout(this.timerIdList.splice(-1,1))}}class b{static taskMap=new Map;static createTask(e,t){if("number"!=typeof t&&"object"!=typeof t)throw Error("argument config must be a number or an object");if("string"==typeof e&&(e=g.createFunction(e)),"function"!=typeof e)throw Error("invalid argument",e);const i=new v(e,t);return b.taskMap.set(i.name,i),i}static runAllTask(){for(const e of b.taskMap){e[0];const t=e[1];if(isNaN(t.interval)\|\|t.interval<=0){console.warn("the interval of the task is invalid",t);continue}t.state!==f.Ready&&t.ready();const i=t.interval;t.immediate&&(t.interval=0),setTimeout((()=>{b.runTask(t),t.interval=i}),t.interval)}}static stopAllTask(){for(const e of b.taskMap)e[0],e[1].stop()}static runTask(e){if(e.state!=f.Ready)return e.onStop&&e.onStop(),e.state==f.NotReady\|\|e.state,e.clearTimer(),void(e=null);e.execute().then((()=>{for(;e.timerIdList.length>2;)clearTimeout(e.timerIdList.splice(-1,1));e.timerIdList.push(setTimeout((()=>b.runTask(e)),e.interval))})).catch((e=>{e.state=f.Error,e.onError&&e.onError(),e.clearTimer(),e.stop(),console.error("task scheduling exception",e)}))}static stopTask(e){const t=b.taskMap.get(e);t?t.stop():console.warn("not found task: "+e)}static deleteTask(e){const t=b.taskMap.get(e);return t?(t.state=f.Deleted,b.taskMap.delete(e)):(console.warn("not found task: "+e),!1)}}const w=b;var y=i(6762),x=function(e,t,i,o){var n,r=arguments.length,a=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))\|\|a);return r>3&&a&&Object.defineProperty(t,i,a),a};let _=class extends y.w3{constructor(){super(...arguments),Object.defineProperty(this,"msg",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"name",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"currentTime",{enumerable:!0,configurable:!0,writable:!0,value:""}),Object.defineProperty(this,"data_0",{enumerable:!0,configurable:!0,writable:!0,value:{page_index:0,page_size:3,data:[{a:"面料类",b:"16500",c:"12063",d:"45.5%"},{a:"面料类",b:"26500",c:"12063",d:"45.5%"},{a:"面料类",b:"36500",c:"12063",d:"45.5%"},{a:"面料类",b:"46500",c:"12063",d:"45.5%"},{a:"面料类",b:"56500",c:"12063",d:"45.5%"}]}})}get reversedMessage(){return this.currentTime}test2(e){alert("你好"),console.log("event",e)}test1(){}created(){}mounted(){this.$nextTick((()=>{}))}updated(){}destroyed(){}};Object.defineProperty(_,"entryName",{enumerable:!0,configurable:!0,writable:!0,value:"FileViewer"}),x([(0,y.fI)(Number)],_.prototype,"msg",void 0),x([(0,y.fI)()],_.prototype,"name",void 0),_=x([(0,y.wA)({components:{}}),(0,y.wA)({name:"FileViewer"})],_);const k=_;var A=i(3379),C=i.n(A),z=i(7795),M=i.n(z),S=i(569),L=i.n(S),B=i(3565),P=i.n(B),D=i(9216),T=i.n(D),X=i(4589),F=i.n(X),R=i(2406),N={};N.styleTagTransform=F(),N.setAttributes=P(),N.insert=L().bind(null,"head"),N.domAPI=M(),N.insertStyleElement=T(),C()(R.Z,N),R.Z&&R.Z.locals&&R.Z.locals;var j=i(1900);const O=(0,j.Z)(k,(function(){var e=this,t=e._self._c;return e._self._setupProxy,t("div",{staticClass:"app-container"},[e._m(0),e._v(" "),t("button",{staticClass:"click-button",on:{click:function(t){return e.test2(t)}}},[e._v("点击事件")])])}),[function(){var e=this,t=e._self._c;return e._self._setupProxy,t("div",{staticStyle:{"background-color":"#42b983",color:"red"}},[e._v("\n zxcxzcxzcz\n "),t("span",[e._v("测试")])])}],!1,null,"7a6f68ae",null).exports,E={name:"ImageViewer",data:()=>({viewerSrc:"",image:null,listDataCache:[],index:0,_shrink:.4,_enlarge:.6}),props:{list:{type:Array,default:[]},show:{type:Boolean,default:!1},currentIndex:{type:Number,default:0},name:{type:[String,Array],default:null},shrink:{type:Number,default:.6},enlarge:{type:Number,default:.6},alt:{type:String,default:"加载失败..."}},computed:{listLength(){return this.list.length},realSrc(){return this.list[this.index]},realName(){return null==this.name?this.list[this.index]:"string"==typeof this.name?this.name:Array.isArray(this.name)?this.name[this.index]:"未命名"},currentData(){return this.listDataCache[this.index]}},watch:{show(e){e?(this.$emit("open"),this.index=this.currentIndex,this.init(),setTimeout((()=>{this.switchAction("prev")}),200)):this.$emit("close")}},mounted(){this._shrink=1-this.shrink,this._enlarge=1+this.enlarge},methods:{init(){this.initMouseWheel(),this.keydown(),this.initListDataCache()},initListDataCache(e=0){const t=[],i=this;this.list.forEach(((e,o)=>{const n=new Image;t.push(new Promise((t=>{n.onload=function(e){i.listDataCache[o]={transform:{scaleX:"1",skewY:"0",translateX:"-50%",translateY:"-50%",rotate:"0deg"},left:"50%",top:"50%",width:`${n.width}px`,height:`${n.height}px`},t(""),n.onload=null},n.onerror=function(e){t(""),n.onerror=null},n.src=e})))})),Promise.all(t).then((t=>{this.image=this.$refs.duoViewerImage,this.initDrag(),this.$emit("loadComplete");const{width:i,height:o}=this.listDataCache[e];this.setStyleByName(this.image,"width",i),this.setStyleByName(this.image,"height",o)})),Promise.race(t).then((t=>{this.image=this.$refs.duoViewerImage,setTimeout((()=>{this.switchAction("prev")}),200),this.initDrag(),this.$emit("loadComplete");const{width:i,height:o}=this.listDataCache[e];this.setStyleByName(this.image,"width",i),this.setStyleByName(this.image,"height",o)}))},resetPosition(){let e=this.image,t=this.getCurrentTransform(e);this.setStyleByName(e,"top","50%"),this.setStyleByName(e,"left","50%"),t.translateX="-50%",t.translateY="-50%",this.setTransform(e,t)},resetRotate(){let e=this.image,t=this.getCurrentTransform(e);t.rotate="0deg",this.setTransform(e,t)},resetZoom(e=!0){const t=this.image,i=new Image;i.src=this.list[this.index];const o=this;i.onload=()=>{let{width:n,height:r}=i;if(e){let e=1;e=n>r?n/document.body.clientWidth:r/document.body.clientHeight,n=n/e.8,r=r/e.8}o.setStyleByName(t,"width",`${n}px`),o.setStyleByName(t,"height",`${r}px`),this.listDataCache[this.index]&&(this.listDataCache[this.index].width=`${n}px`,this.listDataCache[this.index].height=`${r}px`)}},resetAll(){this.resetZoom(),this.resetRotate(),this.resetPosition(),this.initListDataCache(this.index)},rotate(e){let t=this.image,i=this.getCurrentTransform(t),o=Math.round(Math.atan2(+i.skewY,+i.scaleX)(180/Math.PI))+("left"===e?-90:90);i.rotate=`${o}deg`,i.translateX=`${i.translateX}px`,i.translateY=`${i.translateY}px`,this.currentData.transform=i,this.setTransform(t,i)},getStyleByName:(e,t)=>window.getComputedStyle(e,null)[t],setStyleByName(e,t,i){e&&(e.style[t]=i)},getCurrentTransform(e){let t;const i=this.getStyleByName(e,"transform");if("none"!==i)return t=i.split("(")[1].split(")")[0].split(","),{scaleX:t[0].trim(),skewY:t[1].trim(),translateX:t[4].trim(),translateY:t[5].trim()}},switchAction(e){let t=this.index;switch(e){case"prev":this.index+=this.index<=0?0:-1;break;case"next":let t=this.listLength-1;this.index+=this.index>=t?t-this.index:1;break;default:this.index=+e}this.judgeThumbnailListMove(t,this.index),setTimeout((()=>{try{const e=this.currentData;this.setStyleByName(this.image,"width",e.width),this.setStyleByName(this.image,"height",e.height),this.setStyleByName(this.image,"left",e.left),this.setStyleByName(this.image,"top",e.top),this.setTransform(this.image,e.transform)}catch(e){console.log("switchAction",e,this.currentData)}this.resetZoom(),this.resetPosition()}),100)},judgeThumbnailListMove(e,t){if(e==t)return;let i=0,o=0,n=34(t-e),r=(this.listLength,this.$refs.duoViewerImageThumbnailList);r&&(o=this.getCurrentTransform(r),o&&(i=Math.abs(+o.translateX)),this.setTransform(r,{scaleX:"1",skewY:"0",translateX:`-${i+n}px`,translateY:"0%",rotate:"0deg"}))},setTransform(e,t){let i="";i+=`translateX(${t.translateX}) `,i+=`translateY(${t.translateY}) `,t.rotate&&(i+=`rotate(${t.rotate}) `),this.setStyleByName(e,"transform",i)},zoom(e){let t=this.image,i=+this.getStyleByName(t,"width").split("px")[0],o=+this.getStyleByName(t,"height").split("px")[0];o<=20&&"out"===e\|\|("out"===e?(this.setStyleByName(t,"width",ithis._shrink+"px"),this.setStyleByName(t,"height",othis._shrink+"px")):(this.setStyleByName(t,"width",ithis._enlarge+"px"),this.setStyleByName(t,"height",othis._enlarge+"px")),this.currentData&&(this.currentData.width=this.getStyleByName(this.image,"width"),this.currentData.height=this.getStyleByName(this.image,"height")))},requestFullScreen(){let e=this.$refs.duoViewer,t=e.requestFullScreen\|\|e.webkitRequestFullScreen\|\|e.mozRequestFullScreen\|\|e.msRequestFullScreen;if(t)t.call(e);else if(void 0!==window.ActiveXObject){let e=new ActiveXObject("WScript.Shell");null!==e&&e.SendKeys("{F11}")}},keydown(){window.addEventListener("keydown",(e=>{(e=event\|\|window.event\|\|arguments.callee.caller.arguments[0])&&40==e.keyCode&&this.zoom("out"),e&&37==e.keyCode&&this.switchAction("prev"),e&&39==e.keyCode&&this.switchAction("next"),e&&38==e.keyCode&&this.zoom("in"),e&&27==e.keyCode&&this.handleClose()}))},initDrag(){let e,t,i,o,n,r,a,s,l=this.image;if(!l)return void console.error("初始化图片拖拽失败");const d=()=>(a=document.body.scrollLeft\|\|document.documentElement.scrollLeft,s=document.body.scrollTop\|\|document.documentElement.scrollTop,{scrollLeft:a,scrollTop:s}),h=e=>(n=e.pageX\|\|e.clientX+d().scrollLeft,r=e.pageY\|\|e.clientY+d().scrollTop,{pageX:n,pageY:r});l.onmousedown=n=>(n=n\|\|window.event,e=h(n).pageX-l.offsetLeft,t=h(n).pageY-l.offsetTop,document.onmousemove=n=>{n=n\|\|window.event,i=h(n).pageX-e,o=h(n).pageY-t,l.style.left=`${i}px`,l.style.top=`${o}px`},!1),document.onmouseup=()=>{document.onmousemove=null,this.listDataCache[this.index].left=`${i}px`,this.listDataCache[this.index].top=`${o}px`}},initMouseWheel(){const e=e=>{(e=e\|\|window.event).wheelDelta?(e.wheelDelta>0&&this.zoom("out"),e.wheelDelta<0&&this.zoom("in")):e.detail&&(e.detail>0&&this.zoom("out"),e.detail<0&&this.zoom("in"))};document.addEventListener&&document.addEventListener("DOMMouseScroll",e,!1),window.onmousewheel=document.onmousewheel=e},clickAgent(e){switch(e.target.getAttribute("data-viewer-action")){case"zoom-in":this.zoom("in");break;case"zoom-out":this.zoom("out");break;case"one-to-one":this.resetZoom(!1);break;case"prev":this.switchAction("prev");break;case"play":this.requestFullScreen();break;case"next":this.switchAction("next");break;case"reset":this.resetAll();break;case"select":this.switchAction(e.target.getAttribute("data-viewer-action-index"));break;case"rotate-left":this.rotate("left");break;case"rotate-right":this.rotate("right")}},handleClose(){this.$emit("update:show",!1)}}};var I=i(8103),Y={};Y.styleTagTransform=F(),Y.setAttributes=P(),Y.insert=L().bind(null,"head"),Y.domAPI=M(),Y.insertStyleElement=T(),C()(I.Z,Y),I.Z&&I.Z.locals&&I.Z.locals;const Z=(0,j.Z)(E,(function(){var e=this,t=e._self._c;return e.show?t("div",{ref:"duoViewer",staticClass:"duo-viewer",on:{click:e.clickAgent}},[t("div",{staticClass:"duo-viewer-mask"},[t("img",{ref:"duoViewerImage",staticClass:"duo-viewer-mask__image",attrs:{src:e.realSrc,alt:e.alt}})]),e._v(" "),t("div",{staticClass:"duo-viewer-footer"},[t("div",{staticClass:"duo-viewer-footer__title"},[e._v(e._s(e.realName))]),e._v(" "),e._m(0),e._v(" "),t("div",{staticClass:"duo-viewer-footer__navbar"},[t("div",{staticClass:"duo-viewer-footer__navbar-thumbnail-wrap"},[t("div",{ref:"duoViewerImageThumbnailList",staticClass:"duo-viewer-footer__navbar-thumbnail-list",style:{width:34e.listLength+"px"}},e._l(e.list,(function(i,o){return t("div",{key:i+o,class:o===e.index?"duo-viewer-footer__navbar-thumbnail-item viewer-current":"duo-viewer-footer__navbar-thumbnail-item"},[t("img",{staticClass:"duo-viewer-footer__navbar-thumbnail-image",attrs:{"data-viewer-action":"select","data-viewer-action-index":o,src:i,alt:e.alt}})])})),0)])])]),e._v(" "),t("div",{staticClass:"duo-viewer-close",on:{click:e.handleClose}},[t("div",{staticClass:"duo-viewer-close__off"})])]):e._e()}),[function(){var e=this,t=e._self._c;return t("div",{staticClass:"duo-viewer-footer__toolbar"},[t("ul",[t("li",{staticClass:"duo-viewer-footer__zoom-in",attrs:{"data-viewer-action":"zoom-in"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__zoom-out",attrs:{"data-viewer-action":"zoom-out"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__one-to-one",attrs:{"data-viewer-action":"one-to-one"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__prev",attrs:{"data-viewer-action":"prev"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__play",attrs:{"data-viewer-action":"play"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__next",attrs:{"data-viewer-action":"next"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__reset",attrs:{"data-viewer-action":"reset"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__rotate-left",attrs:{"data-viewer-action":"rotate-left"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__rotate-right",attrs:{"data-viewer-action":"rotate-right"}})])])}],!1,null,"3de58a40",null).exports,H={name:"ImageViewer",data:()=>({viewerSrc:"",image:null,listDataCache:[],index:0,imgUrl:"",isCreatePoster:!1}),props:{list:{type:Array,default:[]},show:{type:Boolean,default:!1},currentIndex:{type:Number,default:0},name:{type:[String,Array],default:null},width:{type:String,default:null},height:{type:String,default:null},imgList:{type:[String,Array],default:null},showThumbnail:{type:Boolean,default:!1}},computed:{listLength(){return this.list.length},realSrc(){return null===this.width&&null===this.height&&u.getVideoScale(this.list[this.index]).then((e=>{this.width=e[0],this.height=e[1]})),this.list[this.index]},realName(){return null==this.name?this.list[this.index]:"string"==typeof this.name?this.name:Array.isArray(this.name)?this.name[this.index]:"未命名"},currentData(){return this.listDataCache[this.index]}},watch:{show(e){if(e){null===this.imgList&&this.showThumbnail&&(this.imgList=new Array,this.isCreatePoster=!0);for(let e=0;e<this.list.length;e++)this.createVideoImg(this.list[e],e);this.$emit("open"),this.index=this.currentIndex,this.init()}else this.$emit("close")}},mounted(){},methods:{getVideoImg(e,t){return null!==this.imgList&&"string"==typeof this.imgList?this.imgList:null!==this.imgList&&Array.isArray(this.imgList)?this.imgList[t]:""},async createVideoImg(e,t){if(!this.isCreatePoster)return;const i=await u.getVideoBase64(e);this.imgList.push(i)},init(){this.keydown()},resetRotate(){let e=this.image,t=this.getCurrentTransform(e);t.rotate="0deg",this.setTransform(e,t)},resetZoom(){let e=this.image;const t=new Image;t.src=this.list[this.index];const{width:i,height:o}=t;this.setStyleByName(e,"width",`${i}px`),this.setStyleByName(e,"height",`${o}px`),this.listDataCache[this.index].width=`${i}px`,this.listDataCache[this.index].height=`${o}px`},resetAll(){this.resetZoom(),this.resetRotate(),this.resetPosition(),this.initListDataCache(this.index)},rotate(e){let t=this.image,i=this.getCurrentTransform(t),o=Math.round(Math.atan2(+i.skewY,+i.scaleX)(180/Math.PI))+("left"===e?-90:90);i.rotate=`${o}deg`,i.translateX=`${i.translateX}px`,i.translateY=`${i.translateY}px`,this.currentData.transform=i,this.setTransform(t,i)},getStyleByName:(e,t)=>window.getComputedStyle(e,null)[t],setStyleByName(e,t,i){e&&(e.style[t]=i)},getCurrentTransform(e){let t,i=this.getStyleByName(e,"transform");if("none"!==i)return t=i.split("(")[1].split(")")[0].split(","),{scaleX:t[0].trim(),skewY:t[1].trim(),translateX:t[4].trim(),translateY:t[5].trim()}},switchAction(e){let t=this.index;switch(e){case"prev":this.index+=this.index<=0?0:-1;break;case"next":let t=this.listLength-1;this.index+=this.index>=t?t-this.index:1;break;default:this.index=+e}this.judgeThumbnailListMove(t,this.index)},judgeThumbnailListMove(e,t){if(e==t)return;let i=0,o=0,n=34(t-e),r=(this.listLength,this.$refs.duoViewerImageThumbnailList);r&&(o=this.getCurrentTransform(r),o&&(i=Math.abs(+o.translateX)),this.setTransform(r,{scaleX:"1",skewY:"0",translateX:`-${i+n}px`,translateY:"0%",rotate:"0deg"}))},setTransform(e,t){let i="";i+=`translateX(${t.translateX}) `,i+=`translateY(${t.translateY}) `,t.rotate&&(i+=`rotate(${t.rotate}) `),this.setStyleByName(e,"transform",i)},requestFullScreen(){let e=this.$refs.duoViewer,t=e.requestFullScreen\|\|e.webkitRequestFullScreen\|\|e.mozRequestFullScreen\|\|e.msRequestFullScreen;if(t)t.call(e);else if(void 0!==window.ActiveXObject){let e=new ActiveXObject("WScript.Shell");null!==e&&e.SendKeys("{F11}")}},keydown(){window.addEventListener("keydown",(e=>{(e=event\|\|window.event\|\|arguments.callee.caller.arguments[0])&&40==e.keyCode&&this.zoom("out"),e&&37==e.keyCode&&this.switchAction("prev"),e&&39==e.keyCode&&this.switchAction("next"),e&&38==e.keyCode&&this.zoom("in"),e&&27==e.keyCode&&this.handleClose()}))},initMouseWheel(){const e=e=>{(e=e\|\|window.event).wheelDelta?(e.wheelDelta>0&&this.zoom("out"),e.wheelDelta<0&&this.zoom("in")):e.detail&&(e.detail>0&&this.zoom("out"),e.detail<0&&this.zoom("in"))};document.addEventListener&&document.addEventListener("DOMMouseScroll",e,!1),window.onmousewheel=document.onmousewheel=e},clickAgent(e){switch(e.target.getAttribute("data-viewer-action")){case"zoom-in":this.zoom("in");break;case"zoom-out":this.zoom("out");break;case"one-to-one":this.resetZoom();break;case"prev":this.switchAction("prev");break;case"play":this.requestFullScreen();break;case"next":this.switchAction("next");break;case"reset":this.resetAll();break;case"select":this.switchAction(e.target.getAttribute("data-viewer-action-index"));break;case"rotate-left":this.rotate("left");break;case"rotate-right":this.rotate("right")}},handleClose(){this.imgList=null,this.isCreatePoster=!1,this.$emit("update:show",!1)}}};var W=i(2659),U={};U.styleTagTransform=F(),U.setAttributes=P(),U.insert=L().bind(null,"head"),U.domAPI=M(),U.insertStyleElement=T(),C()(W.Z,U),W.Z&&W.Z.locals&&W.Z.locals;const V=(0,j.Z)(H,(function(){var e=this,t=e._self._c;return e.show?t("div",{ref:"duoViewer",staticClass:"duo-viewer",on:{click:e.clickAgent}},[t("div",{staticClass:"duo-viewer-mask"},[t("video",{staticClass:"duo-viewer-mask__image",attrs:{width:e.width,height:e.height,src:e.realSrc,type:"video/mp4",controls:"controls",autoplay:"autoplay",loop:"loop"}},[e._v("\n 您的浏览器不支持 HTML5 video 标签。\n ")])]),e._v(" "),e.showThumbnail?t("div",{staticClass:"duo-viewer-footer"},[t("div",{staticClass:"duo-viewer-footer__title"},[e._v(e._s(e.realName))]),e._v(" "),e._m(0),e._v(" "),t("div",{staticClass:"duo-viewer-footer__navbar"},[t("div",{staticClass:"duo-viewer-footer__navbar-thumbnail-wrap"},[t("div",{ref:"duoViewerImageThumbnailList",staticClass:"duo-viewer-footer__navbar-thumbnail-list",style:{width:34e.listLength+"px"}},e._l(e.list,(function(i,o){return t("div",{key:i+o,class:o===e.index?"duo-viewer-footer__navbar-thumbnail-item viewer-current":"duo-viewer-footer__navbar-thumbnail-item"},[t("img",{staticClass:"duo-viewer-footer__navbar-thumbnail-image",attrs:{"data-viewer-action":"select","data-viewer-action-index":o,src:e.getVideoImg(i,o),alt:e.alt}})])})),0)])])]):e._e(),e._v(" "),t("div",{staticClass:"duo-viewer-close",on:{click:e.handleClose}},[t("div",{staticClass:"duo-viewer-close__off"})])]):e._e()}),[function(){var e=this,t=e._self._c;return t("div",{staticClass:"duo-viewer-footer__toolbar"},[t("ul",[t("li",{staticClass:"duo-viewer-footer__zoom-in",attrs:{"data-viewer-action":"zoom-in"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__zoom-out",attrs:{"data-viewer-action":"zoom-out"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__one-to-one",attrs:{"data-viewer-action":"one-to-one"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__prev",attrs:{"data-viewer-action":"prev"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__play",attrs:{"data-viewer-action":"play"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__next",attrs:{"data-viewer-action":"next"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__reset",attrs:{"data-viewer-action":"reset"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__rotate-left",attrs:{"data-viewer-action":"rotate-left"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__rotate-right",attrs:{"data-viewer-action":"rotate-right"}})])])}],!1,null,"6299c6cd",null).exports;var q=i(9477),G=(i(9365),i(7011)),K=(i(1217),i(6023)),$=(i(3922),i(5394),i(1764),i(4720));const Q={name:"ModelViewer",data:()=>({viewerSrc:"",image:null,listDataCache:[],index:0,imgUrl:"",isCreatePoster:!1,loading:!0,gl:{scene:null,renderer:null,camera:null,ambient:null,pointLight:null,controls:null,materials:null,geometry:null,isRotate:!1,isMove:!1,startEvent:null,WebGLoutput:null,animationFrame:null,wireframe:!1,boxHelper:null,axisHelper:null,axialDirection:"z",moveRate:6}}),props:{list:{type:Array,default:()=>[]},alt:{type:String,default:"预览图缺失"},show:{type:Boolean,default:!1},currentIndex:{type:Number,default:0},width:{type:String,default:"80%"},height:{type:String,default:"80%"},showThumbnail:{type:Boolean,default:!1},background:{type:Number,default:12178431},transparency:{type:Number,default:.6}},computed:{listLength(){return this.list.length},realName(){return this.list[this.index].name},currentData(){return this.listDataCache[this.index]},currentModel(){return this.list[this.index]}},watch:{show(e){e?(this.loading=!0,this.$emit("open"),this.index=this.currentIndex,this.loadModel(this.currentModel)):this.$emit("close")}},mounted(){},methods:{computeScale(e){e.computeBoundingBox();let t=e.boundingBox.max.x,i=e.boundingBox.min.x,o=e.boundingBox.max.y,n=e.boundingBox.min.y,r=e.boundingBox.max.z,a=e.boundingBox.min.z;return 1/(Math.sqrt((t-i)(t-i)+(o-n)(o-n)+(r-a)(r-a))/2)},viewerStyle(){return`width:${this.width};height:${this.height};`},getModelImg(e){},init(){this.keydown()},catiaWireframe(e,t){const i=this.gl.scene,o=this;e&&(this.gl.catiaLine\|\|(e.traverse((e=>{if(this.gl.catiaLine=new q.ZAu,e.isMesh){let t=o.fetchEdgePoint(e);if(t){let i=e.geometry.attributes.position,o=new Array;for(let e=0;e<t.length;e+=2){let n=t[e],r=t[e+1];o.push(new q.Pa4(i.getX(n),i.getY(n),i.getZ(n))),o.push(new q.Pa4(i.getX(r),i.getY(r),i.getZ(r)))}if(o.length>0){const e=(new q.u9r).setFromPoints(o);this.gl.catiaLine.add(new q.ejS(e,new q.nls({color:4227327})))}}}})),i.add(this.gl.catiaLine)),e.visible=!t,this.gl.catiaLine.visible=t)},fetchEdgePoint(e){let t=e.geometry.index;if(t){let e=new Map,i=t.array;for(let t=0;t<i.length;t+=3){let o,n=i[t],r=i[t+1],a=i[t+2];n>r&&(o=r,r=n,n=o),n>a&&(o=n,n=a,a=o),r>a&&(o=r,r=a,a=o);let s=e.get(n);s\|\|(s=new Map,e.set(n,s));let l=s.get(r);s.set(r,l?l+1:1),l=s.get(a),s.set(a,l?l+1:1),s=e.get(r),s\|\|(s=new Map,e.set(r,s)),l=s.get(a),s.set(a,l?l+1:1)}let o=new Array;for(let[t,i]of e.entries())for(let[e,n]of i.entries())1==n&&(o.push(t),o.push(e));return o}if(e.geometry.position.array){let e=new Map,i=t.array;for(let t=0;t<i.length;t+=3){let o,n=i[t],r=i[t+1],a=i[t+2];n>r&&(o=r,r=n,n=o),n>a&&(o=n,n=a,a=o),r>a&&(o=r,r=a,a=o);let s=e.get(n);s\|\|(s=new Map,e.set(n,s));let l=s.get(r);s.set(r,l?l+1:1),l=s.get(a),s.set(a,l?l+1:1),s=e.get(r),s\|\|(s=new Map,e.set(r,s)),l=s.get(a),s.set(a,l?l+1:1)}let o=new Array;for(let[t,i]of e.entries())for(let[e,n]of i.entries())1==n&&(o.push(t),o.push(e));return o}return null},edgeGeometryWireframe(e,t){const i=this.gl.scene;var o=new q.nls({color:16711680}),n=new q.TOt(e,1);n.lineWidth=1;let r=new q.ejS(n,o);i.add(r),e.visible=!t},getCenterPosition:(e,t)=>null==e.z\|\|null==t.z?{x:(e.x+t.x)/2,y:(e.y+t.y)/2}:{x:(e.x+t.x)/2,y:(e.y+t.y)/2,z:(e.z+t.z)/2},setObject(){const e=this.gl.materials,t=this.gl.geometry,i=(this.gl.camera,this.gl.scene),o=(this.gl.renderer,Object.keys(e.materials));for(let t=0;t<o.length;t++)e.materials[o[t]].opacity=1-e.materials[o[t]].opacity,e.materials[o[t]].wireframe=!1;t.position.set(0,0,0);let n=(new q.ZzF).setFromObject(t),r=(n.getCenter(t.position),n.getSize(new q.Pa4));const a=Math.abs(200/r.x);t.scale.set(a,a,a);const s=new q.fQA(t);this.gl.boxHelper=s,s.geometry.computeBoundingBox();let l=this.getCenterPosition(s.geometry.boundingBox.min,s.geometry.boundingBox.max),d=new q.Tme;d.add(t),t.position.z+=-l.z,t.position.x+=-l.x,t.position.y+=-l.y,i.add(d),this.loading=!1;const h=new KeyboardEvent("keydown",{bubbles:!0,cancelable:!0,keyCode:90});document.dispatchEvent(h)},loadModel(e){const t=()=>{let t=new K.v,i=new G.L;const o=e.mtl,n=e.obj;t.load(o,(e=>{e.preload(),i.setMaterials(e),this.gl.materials=e,i.load(n,(e=>{this.gl.geometry=e,this.setObject()}),(e=>{}),(e=>{(0,$.Message)({message:n+"加载出错",type:"error",duration:0,showClose:!0}),setTimeout((()=>{this.show=!1}),1e3)}))}),(e=>{}),(e=>{(0,$.Message)({message:o+"加载出错",type:"error",duration:0,showClose:!0}),setTimeout((()=>{this.show=!1}),1e3)}))},i=()=>{this.gl.scene=new q.xsS;let e=new q.Iis(20);this.gl.scene.add(e);let t=new q.cek(16777215,.5);this.gl.pointLight=t,t.position.set(200,300,10),this.gl.scene.add(t),this.gl.scene.background=null;let i=new q.Mig(4473924,1);this.gl.ambient=i,i.position.set(200,300,10),this.gl.scene.add(i);let o=.85window.innerWidth,n=.85window.innerHeight,r=o/n,a=300;this.gl.camera=new q.iKG(-ar,ar,a,-a,-300,1e3),this.gl.camera.position.set(0,0,500),this.gl.camera.lookAt(new q.Pa4(0,0,0)),this.gl.renderer=new q.CP7({alpha:!0,antialias:!0}),this.gl.renderer.setSize(o,n),this.gl.renderer.setClearColor(this.background,this.transparency),this.gl.WebGLoutput.innerHTML="",this.gl.renderer.domElement.style.width="100%",this.gl.renderer.domElement.style.height="100%",this.gl.WebGLoutput.appendChild(this.gl.renderer.domElement),this.gl.renderer.domElement.addEventListener("click",(e=>{})),this.gl.renderer.domElement.addEventListener("dblclick",(e=>{const t=this.gl;t.wireframe=!t.wireframe,t.scene,function(e,t){e&&e.traverse((e=>{e.isMesh&&(e.material.wireframe=t)}))}(t.geometry,t.wireframe)})),document.addEventListener("keydown",(e=>{if(""==e.key){const e=this.gl,t=0!==e.camera.position.z?-e.camera.position.z:-d;e.camera.position.set(0,0,t),e.camera.lookAt(new q.Pa4(0,0,0)),e.ambient.position.set(0,0,t),e.pointLight.position.set(0,0,t),e.axialDirection=t>0?"z":"-z"}})),document.addEventListener("keyup",(e=>{const t=200,i=this.gl;if("x"==e.key){const e=0!==i.camera.position.x?-i.camera.position.x:t;i.camera.position.set(e,0,0),i.camera.lookAt(new q.Pa4(0,0,0)),i.ambient.position.set(e,0,0),i.pointLight.position.set(e,0,0),i.axialDirection=e>0?"x":"-x"}if("y"==e.key){const e=0!==i.camera.position.y?-i.camera.position.y:t;i.camera.position.set(0,e,0),i.camera.lookAt(new q.Pa4(0,0,0)),i.ambient.position.set(0,e,0),i.pointLight.position.set(0,e,0),i.axialDirection=e>0?"y":"-y"}if("z"==e.key){const e=0!==i.camera.position.z?-i.camera.position.z:-t;i.camera.position.set(0,0,e),i.camera.lookAt(new q.Pa4(0,0,0)),i.ambient.position.set(0,0,e),i.pointLight.position.set(0,0,e),i.axialDirection=e>0?"z":"-z"}"="==e.key&&(i.pointLight.intensity+=.2),"-"==e.key&&(i.pointLight.intensity-=.2),"]"==e.key&&(i.ambient.intensity+=.2),"["==e.key&&(i.ambient.intensity-=.2),"o"==e.key&&(i.camera.position.set(t,t,t),i.camera.lookAt(new q.Pa4(0,0,0)),i.axialDirection="o")})),document.addEventListener("mousedown",(e=>{1===e.which&&(this.gl.isRotate=!0,this.gl.startEvent=e),3===e.which&&(this.gl.isMove=!0,this.gl.startEvent=e)})),document.addEventListener("mouseup",(e=>{this.gl.isRotate=!1,this.gl.isMove=!1})),document.addEventListener("contextmenu",(e=>{e.preventDefault()})),document.addEventListener("mousewheel",(e=>{e.preventDefault();let t=.1;e.wheelDelta>0?(t=1-t,this.gl.geometry.scale.set(this.gl.geometry.scale.xt,this.gl.geometry.scale.yt,this.gl.geometry.scale.zt)):(t=1+t,this.gl.geometry.scale.set(this.gl.geometry.scale.xt,this.gl.geometry.scale.yt,this.gl.geometry.scale.zt))}),{passive:!1}),document.addEventListener("mousemove",(e=>{const t=this.gl;if(t.isRotate){const i=-(t.startEvent.offsetX-e.offsetX),o=-(t.startEvent.offsetY-e.offsetY);"x"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.rotateOnWorldAxis(new q.Pa4(0,1,0),.001i):t.geometry.rotateOnWorldAxis(new q.Pa4(0,0,1),.001-o)),"-x"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.rotateOnWorldAxis(new q.Pa4(0,1,0),.001i):t.geometry.rotateOnWorldAxis(new q.Pa4(0,0,1),.001o)),"y"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.rotateOnWorldAxis(new q.Pa4(0,0,1),.001-i):t.geometry.rotateOnWorldAxis(new q.Pa4(1,0,0),.001o)),"-y"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.rotateOnWorldAxis(new q.Pa4(0,0,1),.001i):t.geometry.rotateOnWorldAxis(new q.Pa4(1,0,0),.001o)),"z"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.rotateOnWorldAxis(new q.Pa4(0,1,0),.001i):t.geometry.rotateOnWorldAxis(new q.Pa4(1,0,0),.001o)),"-z"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.rotateOnWorldAxis(new q.Pa4(0,1,0),.001i):t.geometry.rotateOnWorldAxis(new q.Pa4(1,0,0),.001-o)),"o"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.rotateOnWorldAxis(new q.Pa4(1,1,1),.001i):t.geometry.rotateOnWorldAxis(new q.Pa4(1,1,1),.001o))}if(t.isMove){const i=.02-(t.startEvent.offsetX-e.offsetX)t.moveRate,o=.02(t.startEvent.offsetY-e.offsetY)t.moveRate;"x"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.position.set(t.geometry.position.x,t.geometry.position.y,t.geometry.position.z+-i):t.geometry.position.set(t.geometry.position.x,t.geometry.position.y+o,t.geometry.position.z)),"-x"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.position.set(t.geometry.position.x,t.geometry.position.y,t.geometry.position.z+i):t.geometry.position.set(t.geometry.position.x,t.geometry.position.y+o,t.geometry.position.z)),"y"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.position.set(t.geometry.position.x+i,t.geometry.position.y,t.geometry.position.z):t.geometry.position.set(t.geometry.position.x,t.geometry.position.y,t.geometry.position.z+-o)),"-y"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.position.set(t.geometry.position.x+i,t.geometry.position.y,t.geometry.position.z):t.geometry.position.set(t.geometry.position.x,t.geometry.position.y+o,t.geometry.position.z+o)),"z"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.position.set(t.geometry.position.x+i,t.geometry.position.y,t.geometry.position.z):t.geometry.position.set(t.geometry.position.x,t.geometry.position.y+o,t.geometry.position.z)),"-z"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.position.set(t.geometry.position.x+-i,t.geometry.position.y,t.geometry.position.z):t.geometry.position.set(t.geometry.position.x,t.geometry.position.y+o,t.geometry.position.z+o)),"o"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.position.set(t.geometry.position.x+i,t.geometry.position.y+i,t.geometry.position.z+i):t.geometry.position.set(t.geometry.position.x+o,t.geometry.position.y+o,t.geometry.position.z+o))}}))},o=()=>{this.gl.renderer.render(this.gl.scene,this.gl.camera),this.gl.animationFrame=requestAnimationFrame(o)};this.$nextTick((()=>{this.gl.WebGLoutput=document.querySelector("#WebGL-output"),i(),o(),t()}))},switchAction(e){let t=this.index;switch(e){case"prev":this.index+=this.index<=0?0:-1;break;case"next":{let e=this.listLength-1;this.index+=this.index>=e?e-this.index:1}break;default:this.index=+e}this.judgeThumbnailListMove(t,this.index)},judgeThumbnailListMove(e,t){if(e==t)return;let i=0,o=0,n=34(t-e),r=(this.listLength,this.$refs.duoViewerImageThumbnailList);r&&(o=this.getCurrentTransform(r),o&&(i=Math.abs(+o.translateX)),this.setTransform(r,{scaleX:"1",skewY:"0",translateX:`-${i+n}px`,translateY:"0%",rotate:"0deg"}))},requestFullScreen(){let e=this.$refs.duoViewer,t=e.requestFullScreen\|\|e.webkitRequestFullScreen\|\|e.mozRequestFullScreen\|\|e.msRequestFullScreen;t&&t.call(e)},keydown(){window.addEventListener("keydown",(e=>{(e=event\|\|window.event)&&40==e.keyCode&&this.zoom("out"),e&&37==e.keyCode&&this.switchAction("prev"),e&&39==e.keyCode&&this.switchAction("next"),e&&38==e.keyCode&&this.zoom("in"),e&&27==e.keyCode&&this.handleClose()}))},initMouseWheel(){const e=e=>{(e=e\|\|window.event).wheelDelta?(e.wheelDelta>0&&this.zoom("out"),e.wheelDelta<0&&this.zoom("in")):e.detail&&(e.detail>0&&this.zoom("out"),e.detail<0&&this.zoom("in"))};document.addEventListener&&document.addEventListener("DOMMouseScroll",e,!1),window.onmousewheel=document.onmousewheel=e},clickAgent(e){switch(e.target.getAttribute("data-viewer-action")){case"zoom-in":this.zoom("in");break;case"zoom-out":this.zoom("out");break;case"one-to-one":this.resetZoom();break;case"prev":this.switchAction("prev");break;case"play":this.requestFullScreen();break;case"next":this.switchAction("next");break;case"reset":this.resetAll();break;case"select":this.switchAction(e.target.getAttribute("data-viewer-action-index"));break;case"rotate-left":this.rotate("left");break;case"rotate-right":this.rotate("right")}},handleClose(){cancelAnimationFrame(this.gl.animationFrame);const e=Object.keys(this.gl);for(let t=0;t<e.length;t++)this.gl[e[t]]=null;this.$emit("update:show",!1)}}};var J=i(7056),ee={};ee.styleTagTransform=F(),ee.setAttributes=P(),ee.insert=L().bind(null,"head"),ee.domAPI=M(),ee.insertStyleElement=T(),C()(J.Z,ee),J.Z&&J.Z.locals&&J.Z.locals;const te=(0,j.Z)(Q,(function(){var e=this,t=e._self._c;return e.show?t("div",{ref:"duoViewer",staticClass:"duo-viewer",on:{click:e.clickAgent}},[t("div",{staticClass:"duo-viewer-mask"},[t("div",{directives:[{name:"loading",rawName:"v-loading",value:e.loading,expression:"loading"}],staticClass:"duo-viewer-mask__image",style:e.viewerStyle(),attrs:{id:"WebGL-output","element-loading-text":"模型加载中","element-loading-spinner":"el-icon-loading","element-loading-background":"rgba(0, 0, 0, 0.0)"}})]),e._v(" "),e.showThumbnail?t("div",{staticClass:"duo-viewer-footer"},[t("div",{staticClass:"duo-viewer-footer__title"},[e._v(e._s(e.realName))]),e._v(" "),e._m(0),e._v(" "),t("div",{staticClass:"duo-viewer-footer__navbar"},[t("div",{staticClass:"duo-viewer-footer__navbar-thumbnail-wrap"},[t("div",{ref:"duoViewerImageThumbnailList",staticClass:"duo-viewer-footer__navbar-thumbnail-list",style:{width:34e.listLength+"px"}},e._l(e.list,(function(i,o){return t("div",{key:i+o,class:o===e.index?"duo-viewer-footer__navbar-thumbnail-item viewer-current":"duo-viewer-footer__navbar-thumbnail-item"},[t("img",{staticClass:"duo-viewer-footer__navbar-thumbnail-image",attrs:{"data-viewer-action":"select","data-viewer-action-index":o,src:e.getModelImg(i,o),alt:e.alt}})])})),0)])])]):e._e(),e._v(" "),t("div",{staticClass:"duo-viewer-close",on:{click:e.handleClose}},[t("div",{staticClass:"duo-viewer-close__off"})])]):e._e()}),[function(){var e=this,t=e._self._c;return t("div",{staticClass:"duo-viewer-footer__toolbar"},[t("ul",[t("li",{staticClass:"duo-viewer-footer__zoom-in",attrs:{"data-viewer-action":"zoom-in"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__zoom-out",attrs:{"data-viewer-action":"zoom-out"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__one-to-one",attrs:{"data-viewer-action":"one-to-one"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__prev",attrs:{"data-viewer-action":"prev"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__play",attrs:{"data-viewer-action":"play"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__next",attrs:{"data-viewer-action":"next"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__reset",attrs:{"data-viewer-action":"reset"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__rotate-left",attrs:{"data-viewer-action":"rotate-left"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__rotate-right",attrs:{"data-viewer-action":"rotate-right"}})])])}],!1,null,"1d524e94",null).exports,ie={name:"ModelViewer",data:()=>({viewerSrc:"",image:null,index:0,imgUrl:"",isCreatePoster:!1,gl:{scene:null,renderer:null,camera:null,controls:null,geometry:null,isRotate:!1,isMove:!1,startEvent:null,WebGLoutput:null,animationFrame:null}}),props:{list:{type:[Array,String],default:()=>[]},show:{type:Boolean,default:!1},currentIndex:{type:Number,default:0},width:{type:String,default:"80%"},height:{type:String,default:"80%"},showThumbnail:{type:Boolean,default:!1}},computed:{listLength(){return this.list.length},realName(){return this.list[this.index].name},currentWebsite(){return"string"==typeof this.list?this.list:this.list[this.index].src}},watch:{show(e){e?(this.$emit("open"),this.index=this.currentIndex,this.init()):this.$emit("close")}},mounted(){},methods:{viewerStyle(){return`width:${this.width};height:${this.height};`},getModelImg(e){},onload(){console.log("加载完毕...")},init(){console.log("你好"),this.keydown()},switchAction(e){let t=this.index;switch(e){case"prev":this.index+=this.index<=0?0:-1;break;case"next":{let e=this.listLength-1;this.index+=this.index>=e?e-this.index:1}break;default:this.index=+e}this.judgeThumbnailListMove(t,this.index)},judgeThumbnailListMove(e,t){if(e==t)return;let i=0,o=0,n=34(t-e),r=(this.listLength,this.$refs.duoViewerImageThumbnailList);r&&(o=this.getCurrentTransform(r),o&&(i=Math.abs(+o.translateX)),this.setTransform(r,{scaleX:"1",skewY:"0",translateX:`-${i+n}px`,translateY:"0%",rotate:"0deg"}))},requestFullScreen(){if(document.fullscreenElement)document.exitFullscreen?document.exitFullscreen():document.msExitFullscreen?document.msExitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitCancelFullScreen&&document.webkitCancelFullScreen();else{let e=this.$refs.duoViewer,t=e.requestFullScreen\|\|e.webkitRequestFullScreen\|\|e.mozRequestFullScreen\|\|e.msRequestFullScreen;t&&t.call(e)}window.getSelection?window.getSelection().removeAllRanges():document.selection.empty()},keydown(){window.addEventListener("keydown",(e=>{(e=event\|\|window.event)&&40==e.keyCode&&this.zoom("out"),e&&37==e.keyCode&&this.switchAction("prev"),e&&39==e.keyCode&&this.switchAction("next"),e&&38==e.keyCode&&this.zoom("in"),e&&27==e.keyCode&&this.handleClose()}))},initMouseWheel(){const e=e=>{(e=e\|\|window.event).wheelDelta?(e.wheelDelta>0&&this.zoom("out"),e.wheelDelta<0&&this.zoom("in")):e.detail&&(e.detail>0&&this.zoom("out"),e.detail<0&&this.zoom("in"))};document.addEventListener&&document.addEventListener("DOMMouseScroll",e,!1),window.onmousewheel=document.onmousewheel=e},clickAgent(e){switch(e.target.getAttribute("data-viewer-action")){case"zoom-in":this.zoom("in");break;case"zoom-out":this.zoom("out");break;case"one-to-one":this.resetZoom();break;case"prev":this.switchAction("prev");break;case"play":this.requestFullScreen();break;case"next":this.switchAction("next");break;case"reset":this.resetAll();break;case"select":this.switchAction(e.target.getAttribute("data-viewer-action-index"));break;case"rotate-left":this.rotate("left");break;case"rotate-right":this.rotate("right")}},handleClose(){cancelAnimationFrame(this.gl.animationFrame);const e=Object.keys(this.gl);for(let t=0;t<e.length;t++)this.gl[e[t]]=null;this.$emit("update:show",!1)}}};var oe=i(4167),ne={};ne.styleTagTransform=F(),ne.setAttributes=P(),ne.insert=L().bind(null,"head"),ne.domAPI=M(),ne.insertStyleElement=T(),C()(oe.Z,ne),oe.Z&&oe.Z.locals&&oe.Z.locals;const re=(0,j.Z)(ie,(function(){var e=this,t=e._self._c;return e.show?t("div",{ref:"duoViewer",staticClass:"duo-viewer",on:{click:e.clickAgent}},[t("div",{staticClass:"duo-viewer-mask"},[t("div",{staticClass:"duo-viewer-mask__image",style:e.viewerStyle(),attrs:{id:"viewer"}},[t("iframe",{ref:"microApp",attrs:{onload:e.onload(),src:e.currentWebsite,id:"micro-app",height:"100%",width:"100%",frameborder:"no",border:"0",marginwidth:"0",marginheight:"0",scrolling:"yes",allowtransparency:"yes",seamless:"",allowfullscreen:"true",webkitallowfullscreen:"true",mozallowfullscreen:"true"}})])]),e._v(" "),e.showThumbnail?t("div",{staticClass:"duo-viewer-footer"},[t("div",{staticClass:"duo-viewer-footer__title"},[e._v(e._s(e.realName))]),e._v(" "),e._m(0),e._v(" "),t("div",{staticClass:"duo-viewer-footer__navbar"},[t("div",{staticClass:"duo-viewer-footer__navbar-thumbnail-wrap"},[t("div",{ref:"duoViewerImageThumbnailList",staticClass:"duo-viewer-footer__navbar-thumbnail-list",style:{width:34e.listLength+"px"}},e._l(e.list,(function(i,o){return t("div",{key:i+o,class:o===e.index?"duo-viewer-footer__navbar-thumbnail-item viewer-current":"duo-viewer-footer__navbar-thumbnail-item"},[t("img",{staticClass:"duo-viewer-footer__navbar-thumbnail-image",attrs:{"data-viewer-action":"select","data-viewer-action-index":o,src:e.getModelImg(i,o),alt:e.alt}})])})),0)])])]):e._e(),e._v(" "),t("div",{staticClass:"duo-viewer-close",on:{click:e.handleClose}},[t("div",{staticClass:"duo-viewer-close__off"})])]):e._e()}),[function(){var e=this,t=e._self._c;return t("div",{staticClass:"duo-viewer-footer__toolbar"},[t("ul",[t("li",{staticClass:"duo-viewer-footer__zoom-in",attrs:{"data-viewer-action":"zoom-in"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__zoom-out",attrs:{"data-viewer-action":"zoom-out"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__one-to-one",attrs:{"data-viewer-action":"one-to-one"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__prev",attrs:{"data-viewer-action":"prev"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__play",attrs:{"data-viewer-action":"play"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__next",attrs:{"data-viewer-action":"next"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__reset",attrs:{"data-viewer-action":"reset"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__rotate-left",attrs:{"data-viewer-action":"rotate-left"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__rotate-right",attrs:{"data-viewer-action":"rotate-right"}})])])}],!1,null,"1abd6170",null).exports;var ae=function(e,t,i,o){var n,r=arguments.length,a=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))\|\|a);return r>3&&a&&Object.defineProperty(t,i,a),a};const se={t:"top",m:"marginTop",b:"bottom"},le={l:"left",m:"marginLeft",r:"right"};let de=class extends y.w3{constructor(){super(...arguments),Object.defineProperty(this,"name",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"stickSize",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"parentScaleX",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"parentScaleY",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"isActive",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"preventActiveBehavior",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"isDraggable",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"isResizable",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"aspectRatio",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"parentLimitation",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"snapToGrid",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"gridX",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"gridY",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"parentW",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"parentH",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"w",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"h",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"minw",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"minh",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"x",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"y",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"z",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"dragHandle",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"dragCancel",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"sticks",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"axis",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"contentClass",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"isStorage",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"emits",{enumerable:!0,configurable:!0,writable:!0,value:["clicked","dragging","dragstop","resizing","resizestop","activated","deactivated"]}),Object.defineProperty(this,"fixAspectRatio",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"active",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"zIndex",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"parentWidth",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"parentHeight",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"left",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"top",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"right",{enumerable:!0,configurable:!0,writable:!0,value:50}),Object.defineProperty(this,"bottom",{enumerable:!0,configurable:!0,writable:!0,value:50}),Object.defineProperty(this,"minHeight",{enumerable:!0,configurable:!0,writable:!0,value:10}),Object.defineProperty(this,"stickDrag",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"bodyDrag",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"dimensionsBeforeMove",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"limits",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"currentStick",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"aspectFactor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"domEvents",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"parentElement",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"_uid",{enumerable:!0,configurable:!0,writable:!0,value:void 0})}beforeCreate(){this.stickDrag=!1,this.bodyDrag=!1,this.dimensionsBeforeMove={pointerX:0,pointerY:0,x:0,y:0,w:0,h:0},this.limits={left:{min:null,max:null},right:{min:null,max:null},top:{min:null,max:null},bottom:{min:null,max:null}},this.currentStick=null}mounted(){if(this.parentElement=this.$el.parentNode,this.parentWidth=this.parentW?this.parentW:this.parentElement.clientWidth,this.parentHeight=this.parentH?this.parentH:this.parentElement.clientHeight,this.left=this.x,this.top=this.y,this.right=this.parentWidth-("auto"===this.w?this.$refs.container.scrollWidth:this.w)-this.left,this.bottom=this.parentHeight-("auto"===this.h?this.$refs.container.scrollHeight:this.h)-this.top,this.domEvents=new Map([["mousemove",this.move],["mouseup",this.up],["mouseleave",this.up],["mousedown",this.deselect],["touchmove",this.move],["touchend",this.up],["touchcancel",this.up],["touchstart",this.up],["keydown",this.keydown]]),this.domEvents.forEach(((e,t)=>{document.documentElement.addEventListener(t,e)})),this.dragHandle&&[...this.$el.querySelectorAll(this.dragHandle)].forEach((e=>{e.setAttribute("data-drag-handle",this._uid)})),this.dragCancel&&[...this.$el.querySelectorAll(this.dragCancel)].forEach((e=>{e.setAttribute("data-drag-cancel",this._uid)})),""!==this.name.trim()&&this.isStorage){let e=JSON.parse(localStorage.getItem("DragResizeView_Rect_"+this.name));null!==e&&null!==e.left&&null!==e.top&&null!==e.right&&null!==e.bottom?(this.left=e.left,this.top=e.top,this.right=e.right,this.bottom=e.bottom):localStorage.removeItem("DragResizeView_Rect_"+this.name)}}beforeDestroy(){this.domEvents.forEach(((e,t)=>{document.documentElement.removeEventListener(t,e)}))}deselect(){this.preventActiveBehavior\|\|(this.active=!1)}move(e){if(!this.stickDrag&&!this.bodyDrag)return;e.stopPropagation();const t=void 0!==e.pageX?e.pageX:e.touches[0].pageX,i=void 0!==e.pageY?e.pageY:e.touches[0].pageY,{dimensionsBeforeMove:o}=this,n={x:(o.pointerX-t)/this.parentScaleX,y:(o.pointerY-i)/this.parentScaleY};if(this.stickDrag&&this.stickMove(n),this.bodyDrag){if("x"===this.axis)n.y=0;else if("y"===this.axis)n.x=0;else if("none"===this.axis)return;this.bodyMove(n)}}up(e){this.stickDrag?this.stickUp():this.bodyDrag&&this.bodyUp()}keydown(e){if(!this.stickDrag&&!this.bodyDrag)return;e.stopPropagation();const{dimensionsBeforeMove:t}=this;let i=0,o=0;if("a"===e.key\|\|"ArrowLeft"===e.key)i=t.pointerX-1,o=t.pointerY;else if("d"===e.key\|\|"ArrowRight"===e.key)i=t.pointerX+1,o=t.pointerY;else if("w"===e.key\|\|"ArrowUp"===e.key)i=t.pointerX,o=t.pointerY-1;else{if("s"!==e.key&&"ArrowDown"!==e.key)return;i=t.pointerX,o=t.pointerY+1}const n={x:(t.pointerX-i)/this.parentScaleX,y:(t.pointerY-o)/this.parentScaleY};if(this.stickDrag&&this.stickMove(n),"x"===this.axis)n.y=0;else if("y"===this.axis)n.x=0;else if("none"===this.axis)return;this.bodyMove(n),this.saveDimensionsBeforeMove(n.x,n.y)}bodyDown(e){const{target:t,button:i}=e;if(this.preventActiveBehavior\|\|(this.active=!0),i&&0!==i)return;if(this.$emit("clicked",e),!this.active)return;if(this.dragHandle&&t.getAttribute("data-drag-handle")!==this._uid.toString())return;if(this.dragCancel&&t.getAttribute("data-drag-cancel")===this._uid.toString())return;void 0!==e.stopPropagation&&e.stopPropagation(),void 0!==e.preventDefault&&e.preventDefault(),this.isDraggable&&(this.bodyDrag=!0);const o=void 0!==e.pageX?e.pageX:e.touches[0].pageX,n=void 0!==e.pageY?e.pageY:e.touches[0].pageY;this.saveDimensionsBeforeMove(o,n),this.parentLimitation&&(this.limits=this.calcDragLimitation())}bodyMove(e){const{dimensionsBeforeMove:t,parentWidth:i,parentHeight:o,gridX:n,gridY:r,width:a,height:s}=this;let l=t.top-e.y,d=t.bottom+e.y,h=t.left-e.x,c=t.right+e.x;if(this.snapToGrid){let e=!0,t=!0,u=l-Math.floor(l/r)r,m=o-d-Math.floor((o-d)/r)r,p=h-Math.floor(h/n)n,f=i-c-Math.floor((i-c)/n)n;u>r/2&&(u-=r),m>r/2&&(m-=r),p>n/2&&(p-=n),f>n/2&&(f-=n),Math.abs(m)<Math.abs(u)&&(e=!1),Math.abs(f)<Math.abs(p)&&(t=!1),l-=e?u:m,d=o-s-l,h-=t?p:f,c=i-a-h}({newLeft:this.left,newRight:this.right,newTop:this.top,newBottom:this.bottom}=this.rectCorrectionByLimit({newLeft:h,newRight:c,newTop:l,newBottom:d})),this.$emit("dragging",this.rect),this.storageElementInfo()}bodyUp(){this.bodyDrag=!1,this.$emit("dragging",this.rect),this.$emit("dragstop",this.rect),this.dimensionsBeforeMove={pointerX:0,pointerY:0,x:0,y:0,w:0,h:0},this.limits={left:{min:null,max:null},right:{min:null,max:null},top:{min:null,max:null},bottom:{min:null,max:null}}}stickDown(e,t,i=!1){if(!(this.isResizable&&this.active\|\|i))return;this.stickDrag=!0;const o=void 0!==t.pageX?t.pageX:t.touches[0].pageX,n=void 0!==t.pageY?t.pageY:t.touches[0].pageY;this.saveDimensionsBeforeMove(o,n),this.currentStick=e,this.limits=this.calcResizeLimits()}saveDimensionsBeforeMove(e,t){this.dimensionsBeforeMove.pointerX=e,this.dimensionsBeforeMove.pointerY=t,this.dimensionsBeforeMove.left=this.left,this.dimensionsBeforeMove.right=this.right,this.dimensionsBeforeMove.top=this.top,this.dimensionsBeforeMove.bottom=this.bottom,this.dimensionsBeforeMove.width=this.width,this.dimensionsBeforeMove.height=this.height,this.aspectFactor=this.width/this.height}stickMove(e){const{currentStick:t,dimensionsBeforeMove:i,gridY:o,gridX:n,snapToGrid:r,parentHeight:a,parentWidth:s}=this;let l=i.top,d=i.bottom,h=i.left,c=i.right;switch(t[0]){case"b":d=i.bottom+e.y,r&&(d=a-Math.round((a-d)/o)o);break;case"t":l=i.top-e.y,r&&(l=Math.round(l/o)o)}switch(t[1]){case"r":c=i.right+e.x,r&&(c=s-Math.round((s-c)/n)n);break;case"l":h=i.left-e.x,r&&(h=Math.round(h/n)n)}({newLeft:h,newRight:c,newTop:l,newBottom:d}=this.rectCorrectionByLimit({newLeft:h,newRight:c,newTop:l,newBottom:d})),this.aspectRatio&&({newLeft:h,newRight:c,newTop:l,newBottom:d}=this.rectCorrectionByAspectRatio({newLeft:h,newRight:c,newTop:l,newBottom:d})),this.left=h,this.right=c,this.top=l,this.bottom=d,this.$emit("resizing",this.rect),this.storageElementInfo()}stickUp(){this.stickDrag=!1,this.dimensionsBeforeMove={pointerX:0,pointerY:0,x:0,y:0,w:0,h:0},this.limits={left:{min:null,max:null},right:{min:null,max:null},top:{min:null,max:null},bottom:{min:null,max:null}},this.$emit("resizing",this.rect),this.$emit("resizestop",this.rect)}calcDragLimitation(){const{parentWidth:e,parentHeight:t}=this;return{left:{min:0,max:e-this.width},right:{min:0,max:e-this.width},top:{min:0,max:t-this.height},bottom:{min:0,max:t-this.height}}}calcResizeLimits(){const{aspectFactor:e,width:t,height:i,bottom:o,top:n,left:r,right:a}=this;let{minh:s,minw:l}=this;const d=this.parentLimitation?0:null;this.aspectRatio&&(l/s>e?s=l/e:l=es);const h={left:{min:d,max:r+(t-l)},right:{min:d,max:a+(t-l)},top:{min:d,max:n+(i-s)},bottom:{min:d,max:o+(i-s)}};if(this.aspectRatio){const d={left:{min:r-Math.min(n,o)e2,max:r+(i-s)/2e2},right:{min:a-Math.min(n,o)e2,max:a+(i-s)/2e2},top:{min:n-Math.min(r,a)/e2,max:n+(t-l)/2/e2},bottom:{min:o-Math.min(r,a)/e2,max:o+(t-l)/2/e2}};"m"===this.currentStick[0]?(h.left={min:Math.max(h.left.min,d.left.min),max:Math.min(h.left.max,d.left.max)},h.right={min:Math.max(h.right.min,d.right.min),max:Math.min(h.right.max,d.right.max)}):"m"===this.currentStick[1]&&(h.top={min:Math.max(h.top.min,d.top.min),max:Math.min(h.top.max,d.top.max)},h.bottom={min:Math.max(h.bottom.min,d.bottom.min),max:Math.min(h.bottom.max,d.bottom.max)})}return h}sideCorrectionByLimit(e,t){let i=t;return null!==e.min&&t<e.min?i=e.min:null!==e.max&&e.max<t&&(i=e.max),i}rectCorrectionByLimit(e){const{limits:t}=this;let{newRight:i,newLeft:o,newBottom:n,newTop:r}=e;return o=this.sideCorrectionByLimit(t.left,o),i=this.sideCorrectionByLimit(t.right,i),r=this.sideCorrectionByLimit(t.top,r),n=this.sideCorrectionByLimit(t.bottom,n),{newLeft:o,newRight:i,newTop:r,newBottom:n}}rectCorrectionByAspectRatio(e){let{newLeft:t,newRight:i,newTop:o,newBottom:n}=e;const{parentWidth:r,parentHeight:a,currentStick:s,aspectFactor:l,dimensionsBeforeMove:d}=this;let h=r-t-i,c=a-o-n;if("m"===s[1]){const e=c-d.height;t-=el/2,i-=el/2}else if("m"===s[0]){const e=h-d.width;o-=e/l/2,n-=e/l/2}else h/c>l?(h=l*c,"l"===s[1]?t=r-i-h:i=r-t-h):(c=h/l,"t"===s[0]?o=a-n-c:n=a-o-c);return{newLeft:t,newRight:i,newTop:o,newBottom:n}}storageElementInfo(){if(!this.isStorage)return;if(""===this.name.trim())throw"unspecified name";if(null===this.rect.left\|\|null===this.rect.top\|\|null===this.right\|\|null===this.bottom)return;const e={left:this.rect.left,top:this.rect.top,right:this.right,bottom:this.bottom};localStorage.setItem("DragResizeView_Rect_"+this.name,JSON.stringify(e))}get positionStyle(){return{top:this.top+"px",left:this.left+"px",zIndex:this.zIndex}}get sizeStyle(){return{width:"auto"==this.w?"auto":this.width+"px",height:"auto"==this.h?"auto":this.height+"px"}}get vdrStick(){return e=>{const t={width:this.stickSize/this.parentScaleX+"px",height:this.stickSize/this.parentScaleY+"px"};return t[se[e[0]]]=this.stickSize/this.parentScaleX/-2+"px",t[le[e[1]]]=this.stickSize/this.parentScaleX/-2+"px",t}}get width(){return this.parentWidth-this.left-this.right}get height(){return this.parentHeight-this.top-this.bottom}get rect(){return{left:Math.round(this.left),top:Math.round(this.top),width:Math.round(this.width),height:Math.round(this.height)}}onActive(e){e?this.$emit("activated"):this.$emit("deactivated")}onIsActive(e){this.active=e}onZ(e){(e>=0\|\|"auto"===e)&&(this.zIndex=e)}onX(e,t){if(this.stickDrag\|\|this.bodyDrag\|\|e===this.left)return;const i=t-e;this.bodyDown({pageX:this.left,pageY:this.top}),this.bodyMove({x:i,y:0}),this.$nextTick((()=>{this.bodyUp()}))}onY(e,t){if(this.stickDrag\|\|this.bodyDrag\|\|e===this.top)return;const i=t-e;this.bodyDown({pageX:this.left,pageY:this.top}),this.bodyMove({x:0,y:i}),this.$nextTick((()=>{this.bodyUp()}))}onW(e,t){if(this.stickDrag\|\|this.bodyDrag\|\|e===this.width)return;const i=t-e;this.stickDown("mr",{pageX:this.right,pageY:this.top+this.height/2},!0),this.stickMove({x:i,y:0}),this.$nextTick((()=>{this.stickUp()}))}onH(e,t){if(this.stickDrag\|\|this.bodyDrag\|\|e===this.height)return;const i=t-e;this.stickDown("bm",{pageX:this.left+this.width/2,pageY:this.bottom},!0),this.stickMove({x:0,y:i}),this.$nextTick((()=>{this.stickUp()}))}onParentW(e){this.right=e-this.width-this.left,this.parentWidth=e}onParentH(e){this.bottom=e-this.height-this.top,this.parentHeight=e}};ae([(0,y.fI)({type:String,required:!1,default:""})],de.prototype,"name",void 0),ae([(0,y.fI)({type:Number,default:8})],de.prototype,"stickSize",void 0),ae([(0,y.fI)({type:Number,default:1})],de.prototype,"parentScaleX",void 0),ae([(0,y.fI)({type:Number,default:1})],de.prototype,"parentScaleY",void 0),ae([(0,y.fI)({type:Boolean,default:!1})],de.prototype,"isActive",void 0),ae([(0,y.fI)({type:Boolean,default:!1})],de.prototype,"preventActiveBehavior",void 0),ae([(0,y.fI)({type:Boolean,default:!0})],de.prototype,"isDraggable",void 0),ae([(0,y.fI)({type:Boolean,default:!0})],de.prototype,"isResizable",void 0),ae([(0,y.fI)({type:Boolean,default:!1})],de.prototype,"aspectRatio",void 0),ae([(0,y.fI)({type:Boolean,default:!1})],de.prototype,"parentLimitation",void 0),ae([(0,y.fI)({type:Boolean,default:!1})],de.prototype,"snapToGrid",void 0),ae([(0,y.fI)({type:Number,default:50,validator:e=>e>=0})],de.prototype,"gridX",void 0),ae([(0,y.fI)({type:Number,default:50,validator:e=>e>=0})],de.prototype,"gridY",void 0),ae([(0,y.fI)({type:Number,default:0,validator:e=>e>=0})],de.prototype,"parentW",void 0),ae([(0,y.fI)({type:Number,default:0,validator:e=>e>=0})],de.prototype,"parentH",void 0),ae([(0,y.fI)({type:[String,Number],default:200,validator:e=>"string"==typeof e?"auto"===e:e>=0})],de.prototype,"w",void 0),ae([(0,y.fI)({type:[String,Number],default:200,validator:e=>"string"==typeof e?"auto"===e:e>=0})],de.prototype,"h",void 0),ae([(0,y.fI)({type:Number,default:50,validator:e=>e>=0})],de.prototype,"minw",void 0),ae([(0,y.fI)({type:Number,default:50,validator:e=>e>=0})],de.prototype,"minh",void 0),ae([(0,y.fI)({type:Number,default:0,validator:e=>"number"==typeof e})],de.prototype,"x",void 0),ae([(0,y.fI)({type:Number,default:0,validator:e=>"number"==typeof e})],de.prototype,"y",void 0),ae([(0,y.fI)({type:[String,Number],default:"auto",validator:e=>"string"==typeof e?"auto"===e:e>=0})],de.prototype,"z",void 0),ae([(0,y.fI)({type:String,default:null})],de.prototype,"dragHandle",void 0),ae([(0,y.fI)({type:String,default:null})],de.prototype,"dragCancel",void 0),ae([(0,y.fI)({type:Array,default:()=>["tl","tm","tr","mr","br","bm","bl","ml"]})],de.prototype,"sticks",void 0),ae([(0,y.fI)({type:String,default:"both",validator:e=>-1!==["x","y","both","none"].indexOf(e)})],de.prototype,"axis",void 0),ae([(0,y.fI)({type:String,required:!1,default:""})],de.prototype,"contentClass",void 0),ae([(0,y.fI)({type:Boolean,required:!1,default:!1})],de.prototype,"isStorage",void 0),ae([(0,y.RL)("active",{immediate:!1,deep:!1})],de.prototype,"onActive",null),ae([(0,y.RL)("isActive",{immediate:!0,deep:!1})],de.prototype,"onIsActive",null),ae([(0,y.RL)("z",{immediate:!0,deep:!1})],de.prototype,"onZ",null),ae([(0,y.RL)("x",{immediate:!1,deep:!1})],de.prototype,"onX",null),ae([(0,y.RL)("y",{immediate:!1,deep:!1})],de.prototype,"onY",null),ae([(0,y.RL)("w",{immediate:!1,deep:!1})],de.prototype,"onW",null),ae([(0,y.RL)("h",{immediate:!1,deep:!1})],de.prototype,"onH",null),ae([(0,y.RL)("parentW",{immediate:!1,deep:!1})],de.prototype,"onParentW",null),ae([(0,y.RL)("parentH",{immediate:!1,deep:!1})],de.prototype,"onParentH",null),de=ae([(0,y.wA)({name:"DragResizeView"})],de);const he=de;var ce=i(4525),ue={};ue.styleTagTransform=F(),ue.setAttributes=P(),ue.insert=L().bind(null,"head"),ue.domAPI=M(),ue.insertStyleElement=T(),C()(ce.Z,ue),ce.Z&&ce.Z.locals&&ce.Z.locals;const me=(0,j.Z)(he,(function(){var e=this,t=e._self._c;return e._self._setupProxy,t("div",{staticClass:"vdr",class:`${e.active\|\|e.isActive?"active":"inactive"} ${e.contentClass?e.contentClass:""}`,style:e.positionStyle,on:{mousedown:function(t){return e.bodyDown(t)},touchstart:function(t){return e.bodyDown(t)},touchend:function(t){return e.up(t)}}},[t("div",{ref:"container",staticClass:"content-container",style:e.sizeStyle},[e._t("default")],2),e._v(" "),e._l(e.sticks,(function(i){return t("div",{staticClass:"vdr-stick",class:["vdr-stick-"+i,e.isResizable?"":"not-resizable"],style:e.vdrStick(i),on:{mousedown:function(t){return t.stopPropagation(),t.preventDefault(),e.stickDown(i,t)},touchstart:function(t){return t.stopPropagation(),t.preventDefault(),e.stickDown(i,t)}}})}))],2)}),[],!1,null,"3e98848e",null).exports,pe=[O,Z,V,me,te,re],fe=e=>{fe.installed\|\|(fe.installed=!0,pe.map((t=>{e.component(t.name,t)})))};"undefined"!=typeof window&&window.Vue&&fe(window.Vue);const ge={}},2671:e=>{e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC"},3554:e=>{e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC"},1348:e=>{e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC"},5058:e=>{e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC"}},i={};function o(e){var n=i[e];if(void 0!==n)return n.exports;var r=i[e]={id:e,loaded:!1,exports:{}};return t[e].call(r.exports,r,r.exports,o),r.loaded=!0,r.exports}o.m=t,o.amdO={},e=[],o.O=(t,i,n,r)=>{if(!i){var a=1/0;for(h=0;h<e.length;h++){for(var[i,n,r]=e[h],s=!0,l=0;l<i.length;l++)(!1&r\|\|a>=r)&&Object.keys(o.O).every((e=>o.O[e](i[l])))?i.splice(l--,1):(s=!1,r<a&&(a=r));if(s){e.splice(h--,1);var d=n();void 0!==d&&(t=d)}}return t}r=r\|\|0;for(var h=e.length;h>0&&e[h-1][2]>r;h--)e[h]=e[h-1];e[h]=[i,n,r]},o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var i in t)o.o(t,i)&&!o.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.nmd=e=>(e.paths=[],e.children\|\|(e.children=[]),e),(()=>{o.b=document.baseURI\|\|self.location.href;var e={179:0};o.O.j=t=>0===e[t];var t=(t,i)=>{var n,r,[a,s,l]=i,d=0;if(a.some((t=>0!==e[t]))){for(n in s)o.o(s,n)&&(o.m[n]=s[n]);if(l)var h=l(o)}for(t&&t(i);d<a.length;d++)r=a[d],o.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return o.O(h)},i=self.webpackChunkemacroh5lib=self.webpackChunkemacroh5lib\|\|[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})(),o.nc=void 0;var n=o.O(void 0,[12],(()=>o(4168))),r=(n=o.O(n)).Ip,a=n.Ud,s=n.$p,l=n.Ko,h=n.OO,c=n.OM,u=n.Oh,m=n.Rf,p=n.ZP;export{r as DragResizeView,a as EMacro,s as FileViewer,l as HtmlViewer,h as ImageViewer,c as ModelViewer,u as TaskScheduler,m as VideoViewer,p as default};
1	+ var e,t={3386:(e,t,i)=>{i.d(t,{Z:()=>s});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r)()(n());a.push([e.id,".vdr[data-v-ce7f7432] {\n position: absolute;\n box-sizing: border-box;\n}\n.vdr.active[data-v-ce7f7432]:before {\n content: '';\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n box-sizing: border-box;\n outline: 1px dashed #d6d6d6;\n}\n.vdr-stick[data-v-ce7f7432] {\n box-sizing: border-box;\n position: absolute;\n font-size: 1px;\n background: #ffffff;\n border: 2px solid #6c6c6c;\n box-shadow: 0 0 2px #bbb;\n}\n.inactive .vdr-stick[data-v-ce7f7432] {\n display: none;\n}\n.vdr-stick-tl[data-v-ce7f7432],\n.vdr-stick-br[data-v-ce7f7432] {\n cursor: nwse-resize;\n}\n.vdr-stick-tm[data-v-ce7f7432],\n.vdr-stick-bm[data-v-ce7f7432] {\n left: 50%;\n cursor: ns-resize;\n}\n.vdr-stick-tr[data-v-ce7f7432],\n.vdr-stick-bl[data-v-ce7f7432] {\n cursor: nesw-resize;\n}\n.vdr-stick-ml[data-v-ce7f7432],\n.vdr-stick-mr[data-v-ce7f7432] {\n top: 50%;\n cursor: ew-resize;\n}\n.vdr-stick.not-resizable[data-v-ce7f7432] {\n display: none;\n}\n.content-container[data-v-ce7f7432] {\n display: block;\n position: relative;\n}\n",""]);const s=a},2406:(e,t,i)=>{i.d(t,{Z:()=>s});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r)()(n());a.push([e.id,".app-container[data-v-7a6f68ae] {\n height: 100%;\n width: 100%;\n margin: 0;\n padding: 0;\n background-color: aqua;\n}\n.click-button[data-v-7a6f68ae] {\n padding: 10px;\n font-size: 16px;\n color: white;\n border-radius: 15px;\n background-color: blue;\n}\n",""]);const s=a},4167:(e,t,i)=>{i.d(t,{Z:()=>d});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r),s=i(5039),l=a()(n());l.i(s.Z),l.push([e.id,'/* @import "./style/css/index.less"; /\n',""]);const d=l},8103:(e,t,i)=>{i.d(t,{Z:()=>d});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r),s=i(2145),l=a()(n());l.i(s.Z),l.push([e.id,"\n",""]);const d=l},7056:(e,t,i)=>{i.d(t,{Z:()=>d});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r),s=i(3487),l=a()(n());l.i(s.Z),l.push([e.id,'/ @import "./style/css/index.less"; /\n',""]);const d=l},2659:(e,t,i)=>{i.d(t,{Z:()=>d});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r),s=i(2638),l=a()(n());l.i(s.Z),l.push([e.id,"\n",""]);const d=l},5039:(e,t,i)=>{i.d(t,{Z:()=>u});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r),s=i(1667),l=i.n(s),d=new URL(i(2671),i.b),h=a()(n()),c=l()(d);h.push([e.id,'.duo-viewer {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 10000;\n width: 100%;\n height: 100vh;\n}\n.duo-viewer-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n z-index: 9;\n display: flex;\n justify-content: center;\n align-items: center; \n}\n.duo-viewer-mask__image {\n cursor: grab;\n / height: 80%; \n width: 80%; /\n position: absolute; \n / top: 50%;\n left: 50%;\n transform: translate(-50%, -50%); /\n z-index: 8;\n / transition-property: transform, height, width; /\n transition-duration: 0.3s, 0.3s, 0.3s;\n}\n.duo-viewer-footer {\n position: absolute;\n text-align: center;\n bottom: 0;\n left: 0;\n width: 100%;\n z-index: 10;\n}\n.duo-viewer-footer__title {\n color: #cfcfcf;\n position: absolute;\n bottom: 95px;\n left: 50%;\n transform: translate(-50%, 0%);\n z-index: 10;\n width: 100%;\n}\n.duo-viewer-footer__toolbar {\n position: absolute;\n bottom: 60px;\n left: 50%;\n transform: translate(-50%, 0%);\n z-index: 10;\n}\n.duo-viewer-footer__toolbar li {\n margin: 2px;\n background-color: rgba(0, 0, 0, 0.5);\n border-radius: 50%;\n cursor: pointer;\n float: left;\n height: 28px;\n overflow: hidden;\n -webkit-transition: background-color 0.15s;\n transition: background-color 0.15s;\n width: 28px;\n position: relative;\n}\n.duo-viewer-footer__toolbar li::after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: "";\n display: inline-block;\n background: url('+c+') no-repeat;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__zoom-in::after {\n background-position: 4px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__zoom-out::after {\n background-position: -16px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__one-to-one::after {\n background-position: -35px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__reset::after {\n background-position: -56px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__prev::after {\n background-position: -77px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__play {\n width: 34px;\n height: 34px;\n margin-top: -2px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__play::after {\n background-position: -93px 6px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__next::after {\n background-position: -116px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__rotate-left::after {\n background-position: -136px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__rotate-right::after {\n background-position: -156px 3px;\n}\n.duo-viewer-footer__navbar {\n width: 100%;\n height: 50px;\n background: rgba(0, 0, 0, 0.9);\n overflow: hidden;\n}\n.duo-viewer-footer__navbar-thumbnail-image {\n height: 100%;\n width: 80px;\n -o-object-fit: fill;\n object-fit: fill;\n transform: translateX(-30px);\n}\n.duo-viewer-footer__navbar-thumbnail-item {\n margin: 0 2px;\n color: transparent;\n cursor: pointer;\n float: left;\n font-size: 0;\n width: 30px;\n opacity: 0.2;\n overflow: hidden;\n -webkit-transition: opacity 0.15s;\n transition: opacity 0.15s;\n}\n.duo-viewer-footer__navbar-thumbnail-item.viewer-current {\n opacity: 0.9;\n}\n.duo-viewer-footer__navbar-thumbnail-wrap {\n position: relative;\n overflow: hidden;\n width: 660px;\n height: inherit;\n margin: 0 auto;\n}\n.duo-viewer-footer__navbar-thumbnail-list {\n padding: 10px 0;\n width: auto;\n box-sizing: border-box;\n position: absolute;\n top: 0;\n left: 50%;\n transition: all 0.3s;\n}\n.duo-viewer-close {\n background-color: rgba(0, 0, 0, 0.9);\n border-radius: 0% 0% 0% 100%;\n cursor: pointer;\n height: 50px;\n overflow: hidden;\n position: absolute;\n right: 0;\n top: 0;\n transition: background-color 0.15s;\n width: 50px;\n z-index: 10;\n line-height: 50px;\n text-align: center;\n}\n.duo-viewer-close__off {\n margin: 18px 12px;\n position: relative;\n width: 2em;\n height: 0.3em;\n background-color: #fff;\n transform: rotate(45deg);\n border-radius: 0.15em;\n}\n.duo-viewer-close__off:after {\n content: "";\n position: absolute;\n width: 2em;\n height: 0.3em;\n top: 0;\n left: 0;\n background-color: #fff;\n transform: rotate(90deg);\n border-radius: 0.15em;\n}\n',""]);const u=h},2145:(e,t,i)=>{i.d(t,{Z:()=>u});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r),s=i(1667),l=i.n(s),d=new URL(i(3554),i.b),h=a()(n()),c=l()(d);h.push([e.id,'.duo-viewer {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 10000;\n width: 100%;\n height: 100vh;\n}\n.duo-viewer-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n z-index: 9;\n}\n.duo-viewer-mask__image {\n cursor: grab;\n height: 750px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 8;\n transition-property: transform, height, width;\n transition-duration: 0.3s, 0.3s, 0.3s;\n}\n.duo-viewer-footer {\n position: absolute;\n text-align: center;\n bottom: 0;\n left: 0;\n width: 100%;\n z-index: 10;\n}\n.duo-viewer-footer__title {\n color: #cfcfcf;\n position: absolute;\n bottom: 95px;\n left: 50%;\n transform: translate(-50%, 0%);\n z-index: 10;\n width: 100%;\n}\n.duo-viewer-footer__toolbar {\n position: absolute;\n bottom: 60px;\n left: 50%;\n transform: translate(-50%, 0%);\n z-index: 10;\n}\n.duo-viewer-footer__toolbar li {\n margin: 2px;\n background-color: rgba(0, 0, 0, 0.5);\n border-radius: 50%;\n cursor: pointer;\n float: left;\n height: 28px;\n overflow: hidden;\n -webkit-transition: background-color 0.15s;\n transition: background-color 0.15s;\n width: 28px;\n position: relative;\n}\n.duo-viewer-footer__toolbar li::after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: "";\n display: inline-block;\n background: url('+c+') no-repeat;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__zoom-in::after {\n background-position: 4px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__zoom-out::after {\n background-position: -16px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__one-to-one::after {\n background-position: -35px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__reset::after {\n background-position: -56px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__prev::after {\n background-position: -77px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__play {\n width: 34px;\n height: 34px;\n margin-top: -2px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__play::after {\n background-position: -93px 6px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__next::after {\n background-position: -116px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__rotate-left::after {\n background-position: -136px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__rotate-right::after {\n background-position: -156px 3px;\n}\n.duo-viewer-footer__navbar {\n width: 100%;\n height: 50px;\n background: rgba(0, 0, 0, 0.9);\n overflow: hidden;\n}\n.duo-viewer-footer__navbar-thumbnail-image {\n height: 100%;\n width: 80px;\n -o-object-fit: fill;\n object-fit: fill;\n transform: translateX(-30px);\n}\n.duo-viewer-footer__navbar-thumbnail-item {\n margin: 0 2px;\n color: transparent;\n cursor: pointer;\n float: left;\n font-size: 0;\n width: 30px;\n opacity: 0.2;\n overflow: hidden;\n -webkit-transition: opacity 0.15s;\n transition: opacity 0.15s;\n}\n.duo-viewer-footer__navbar-thumbnail-item.viewer-current {\n opacity: 0.9;\n}\n.duo-viewer-footer__navbar-thumbnail-wrap {\n position: relative;\n overflow: hidden;\n width: 660px;\n height: inherit;\n margin: 0 auto;\n}\n.duo-viewer-footer__navbar-thumbnail-list {\n padding: 10px 0;\n width: auto;\n box-sizing: border-box;\n position: absolute;\n top: 0;\n left: 50%;\n transition: all 0.3s;\n}\n.duo-viewer-close {\n background-color: rgba(0, 0, 0, 0.9);\n border-radius: 0% 0% 0% 100%;\n cursor: pointer;\n height: 50px;\n overflow: hidden;\n position: absolute;\n right: 0;\n top: 0;\n transition: background-color 0.15s;\n width: 50px;\n z-index: 10;\n line-height: 50px;\n text-align: center;\n}\n.duo-viewer-close__off {\n margin: 18px 12px;\n position: relative;\n width: 2em;\n height: 0.3em;\n background-color: #fff;\n transform: rotate(45deg);\n border-radius: 0.15em;\n}\n.duo-viewer-close__off:after {\n content: "";\n position: absolute;\n width: 2em;\n height: 0.3em;\n top: 0;\n left: 0;\n background-color: #fff;\n transform: rotate(90deg);\n border-radius: 0.15em;\n}\n',""]);const u=h},3487:(e,t,i)=>{i.d(t,{Z:()=>u});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r),s=i(1667),l=i.n(s),d=new URL(i(1348),i.b),h=a()(n()),c=l()(d);h.push([e.id,'.duo-viewer {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 10000;\n width: 100%;\n height: 100vh;\n}\n.duo-viewer-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n z-index: 9;\n display: flex;\n justify-content: center;\n align-items: center; \n}\n.duo-viewer-mask__image {\n cursor: grab;\n / height: 80%; \n width: 80%; /\n position: absolute; \n / top: 50%;\n left: 50%;\n transform: translate(-50%, -50%); /\n z-index: 8;\n / transition-property: transform, height, width; /\n transition-duration: 0.3s, 0.3s, 0.3s;\n background: transparent;\n}\n.duo-viewer-footer {\n position: absolute;\n text-align: center;\n bottom: 0;\n left: 0;\n width: 100%;\n z-index: 10;\n}\n.duo-viewer-footer__title {\n color: #cfcfcf;\n position: absolute;\n bottom: 95px;\n left: 50%;\n transform: translate(-50%, 0%);\n z-index: 10;\n width: 100%;\n}\n.duo-viewer-footer__toolbar {\n position: absolute;\n bottom: 60px;\n left: 50%;\n transform: translate(-50%, 0%);\n z-index: 10;\n}\n.duo-viewer-footer__toolbar li {\n margin: 2px;\n background-color: rgba(0, 0, 0, 0.5);\n border-radius: 50%;\n cursor: pointer;\n float: left;\n height: 28px;\n overflow: hidden;\n -webkit-transition: background-color 0.15s;\n transition: background-color 0.15s;\n width: 28px;\n position: relative;\n}\n.duo-viewer-footer__toolbar li::after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: "";\n display: inline-block;\n background: url('+c+') no-repeat;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__zoom-in::after {\n background-position: 4px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__zoom-out::after {\n background-position: -16px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__one-to-one::after {\n background-position: -35px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__reset::after {\n background-position: -56px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__prev::after {\n background-position: -77px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__play {\n width: 34px;\n height: 34px;\n margin-top: -2px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__play::after {\n background-position: -93px 6px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__next::after {\n background-position: -116px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__rotate-left::after {\n background-position: -136px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__rotate-right::after {\n background-position: -156px 3px;\n}\n.duo-viewer-footer__navbar {\n width: 100%;\n height: 50px;\n background: rgba(0, 0, 0, 0.9);\n overflow: hidden;\n}\n.duo-viewer-footer__navbar-thumbnail-image {\n height: 100%;\n width: 80px;\n -o-object-fit: fill;\n object-fit: fill;\n transform: translateX(-30px);\n}\n.duo-viewer-footer__navbar-thumbnail-item {\n margin: 0 2px;\n color: transparent;\n cursor: pointer;\n float: left;\n font-size: 0;\n width: 30px;\n opacity: 0.2;\n overflow: hidden;\n -webkit-transition: opacity 0.15s;\n transition: opacity 0.15s;\n}\n.duo-viewer-footer__navbar-thumbnail-item.viewer-current {\n opacity: 0.9;\n}\n.duo-viewer-footer__navbar-thumbnail-wrap {\n position: relative;\n overflow: hidden;\n width: 660px;\n height: inherit;\n margin: 0 auto;\n}\n.duo-viewer-footer__navbar-thumbnail-list {\n padding: 10px 0;\n width: auto;\n box-sizing: border-box;\n position: absolute;\n top: 0;\n left: 50%;\n transition: all 0.3s;\n}\n.duo-viewer-close {\n background-color: rgba(0, 0, 0, 0.9);\n border-radius: 0% 0% 0% 100%;\n cursor: pointer;\n height: 50px;\n overflow: hidden;\n position: absolute;\n right: 0;\n top: 0;\n transition: background-color 0.15s;\n width: 50px;\n z-index: 10;\n line-height: 50px;\n text-align: center;\n}\n.duo-viewer-close__off {\n margin: 18px 12px;\n position: relative;\n width: 2em;\n height: 0.3em;\n background-color: #fff;\n transform: rotate(45deg);\n border-radius: 0.15em;\n}\n.duo-viewer-close__off:after {\n content: "";\n position: absolute;\n width: 2em;\n height: 0.3em;\n top: 0;\n left: 0;\n background-color: #fff;\n transform: rotate(90deg);\n border-radius: 0.15em;\n}\n',""]);const u=h},2638:(e,t,i)=>{i.d(t,{Z:()=>u});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r),s=i(1667),l=i.n(s),d=new URL(i(5058),i.b),h=a()(n()),c=l()(d);h.push([e.id,'.duo-viewer {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 10000;\n width: 100%;\n height: 100vh;\n}\n.duo-viewer-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n z-index: 9;\n}\n.duo-viewer-mask__image {\n cursor: grab;\n height: 750px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 8;\n transition-property: transform, height, width;\n transition-duration: 0.3s, 0.3s, 0.3s;\n}\n.duo-viewer-footer {\n position: absolute;\n text-align: center;\n bottom: 0;\n left: 0;\n width: 100%;\n z-index: 10;\n}\n.duo-viewer-footer__title {\n color: #cfcfcf;\n position: absolute;\n bottom: 95px;\n left: 50%;\n transform: translate(-50%, 0%);\n z-index: 10;\n width: 100%;\n}\n.duo-viewer-footer__toolbar {\n position: absolute;\n bottom: 60px;\n left: 50%;\n transform: translate(-50%, 0%);\n z-index: 10;\n}\n.duo-viewer-footer__toolbar li {\n margin: 2px;\n background-color: rgba(0, 0, 0, 0.5);\n border-radius: 50%;\n cursor: pointer;\n float: left;\n height: 28px;\n overflow: hidden;\n -webkit-transition: background-color 0.15s;\n transition: background-color 0.15s;\n width: 28px;\n position: relative;\n}\n.duo-viewer-footer__toolbar li::after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: "";\n display: inline-block;\n background: url('+c+') no-repeat;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__zoom-in::after {\n background-position: 4px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__zoom-out::after {\n background-position: -16px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__one-to-one::after {\n background-position: -35px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__reset::after {\n background-position: -56px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__prev::after {\n background-position: -77px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__play {\n width: 34px;\n height: 34px;\n margin-top: -2px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__play::after {\n background-position: -93px 6px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__next::after {\n background-position: -116px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__rotate-left::after {\n background-position: -136px 3px;\n}\n.duo-viewer-footer__toolbar li.duo-viewer-footer__rotate-right::after {\n background-position: -156px 3px;\n}\n.duo-viewer-footer__navbar {\n width: 100%;\n height: 50px;\n background: rgba(0, 0, 0, 0.9);\n overflow: hidden;\n}\n.duo-viewer-footer__navbar-thumbnail-image {\n height: 100%;\n width: 80px;\n -o-object-fit: fill;\n object-fit: fill;\n transform: translateX(-30px);\n}\n.duo-viewer-footer__navbar-thumbnail-item {\n margin: 0 2px;\n color: transparent;\n cursor: pointer;\n float: left;\n font-size: 0;\n width: 30px;\n opacity: 0.2;\n overflow: hidden;\n -webkit-transition: opacity 0.15s;\n transition: opacity 0.15s;\n}\n.duo-viewer-footer__navbar-thumbnail-item.viewer-current {\n opacity: 0.9;\n}\n.duo-viewer-footer__navbar-thumbnail-wrap {\n position: relative;\n overflow: hidden;\n width: 660px;\n height: inherit;\n margin: 0 auto;\n}\n.duo-viewer-footer__navbar-thumbnail-list {\n padding: 10px 0;\n width: auto;\n box-sizing: border-box;\n position: absolute;\n top: 0;\n left: 50%;\n transition: all 0.3s;\n}\n.duo-viewer-close {\n background-color: rgba(0, 0, 0, 0.9);\n border-radius: 0% 0% 0% 100%;\n cursor: pointer;\n height: 50px;\n overflow: hidden;\n position: absolute;\n right: 0;\n top: 0;\n transition: background-color 0.15s;\n width: 50px;\n z-index: 10;\n line-height: 50px;\n text-align: center;\n}\n.duo-viewer-close__off {\n margin: 18px 12px;\n position: relative;\n width: 2em;\n height: 0.3em;\n background-color: #fff;\n transform: rotate(45deg);\n border-radius: 0.15em;\n}\n.duo-viewer-close__off:after {\n content: "";\n position: absolute;\n width: 2em;\n height: 0.3em;\n top: 0;\n left: 0;\n background-color: #fff;\n transform: rotate(90deg);\n border-radius: 0.15em;\n}\n',""]);const u=h},6509:(e,t,i)=>{i.d(t,{Ip:()=>me,Ud:()=>u,$p:()=>O,Ko:()=>re,OO:()=>Z,OM:()=>te,Oh:()=>w,Rf:()=>V,ZP:()=>ge});var o=i(4105),n=i(354),r=i.n(n),a=i(3162),s=function(e,t,i,o){return new(i\|\|(i=Promise))((function(n,r){function a(e){try{l(o.next(e))}catch(e){r(e)}}function s(e){try{l(o.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(a,s)}l((o=o.apply(e,t\|\|[])).next())}))};class l{static getFileMD5(e){return new Promise(((t,i)=>{const o=new FileReader;o.readAsBinaryString(e),o.onload=o=>{(new(r())).md5(e,((e,o)=>{null!==e?t(e):i(o)}),(e=>{console.log("getFileMD5 progress number:",e)}))}}))}static getBase64(e){return new Promise(((t,i)=>{const o=new FileReader;o.readAsDataURL(e),o.onload=()=>t(o.result),o.onerror=e=>i(e)}))}static getFileChunks(e,t=1048576){let{size:i}=e,o=Math.ceil(i/t),n=new Array;if(i>t)for(let i=0;i<o;i++){let o=it,r=(i+1)t,a=e.slice(o,r);n.push(a)}else n.push(e);return{fileChunks:n,sliceSize:t,chunksLength:n.length}}static uploadFiles(e,t,i=(e=>{}),o=(e=>{}),n=1048576){return s(this,void 0,void 0,(function(){if(""==e[0].fileName\|\|""==e[0].fileSize\|\|0==e[0].fileSize)throw new Error("文件异常");for(let o=0;o<e.length;o++){const r=e[o],a=yield l.getFileMD5(r);let{fileChunks:s,sliceSize:d,chunksLength:h}=l.getFileChunks(r,n),c="";if(null!=e[o].webkitRelativePath&&""!=e[o].webkitRelativePath.trim()){let t=e[o].webkitRelativePath.lastIndexOf("\\");-1==t&&(t=e[o].webkitRelativePath.lastIndexOf("/")),-1!=t&&(c=e[o].webkitRelativePath.substring(0,t))}for(let i in s){let n=s[Number(i)];const u=yield l.getBase64(n);let m={chunkIndex:Number(i),chunksLength:h,sliceSize:d,chunkSize:n.size,fileSize:r.size,fileName:r.name,lastModifiedDate:r.lastModifiedDate,md5:a,index:o,dataType:"base64",directoryName:c,total:e.length,data:u.split(";base64,")[1]};yield t(m)}i(r)}o(e)}))}static selectFile(e={multiple:!0,accept:"/"},t=!1){return new Promise(((i,o)=>{const n=document.createElement("input");n.type="file",n.accept=e.accept,n.webkitdirectory=t,n.multiple=e.multiple,n.addEventListener("change",(e=>{try{n.files?i(n.files):o(new Error("无法读取文件"))}catch(e){o(e)}})),n.click()}))}static readLocalExcel(e,t={multiple:!0,accept:"/"}){this.selectFile(t).then((t=>{if(null!==t)for(let i=0;i<t.length;i++){const n=t[i];let r=new FileReader;r.readAsArrayBuffer(n),r.onloadend=function(t){return s(this,void 0,void 0,(function(){let i=o.ij(t.target.result,{type:"binary"});e(n,i)}))}}})).catch((e=>{throw e}))}static toExcel(e,t){return o.ij(e,{type:t})}static downloadExcel(e,t){const i=o.cW(e,{bookType:"xls",bookSST:!1,type:"binary",cellStyles:!0});(0,a.saveAs)(new Blob([function(e){const t=new ArrayBuffer(e.length),i=new Uint8Array(t);for(let t=0;t!=e.length;++t)i[t]=255&e.charCodeAt(t);return t}(i)],{type:"application/octet-stream"}),t)}}function h(e,t){let i,o;e>t?(i=e,o=t):(i=t,o=e);let n=i%o;return 0===n?o:h(o,n)}const c=e=>s(void 0,void 0,void 0,(function(){const t=document.createElement("video");t.setAttribute("width","10"),t.setAttribute("height","10"),t.setAttribute("style","position: absolute;opacity: 0;z-index: -5;top: 0;"),t.setAttribute("src",e),document.body.appendChild(t);const i=new Promise((function(e,i){t.addEventListener("canplay",(function(t){const i=h(t.target.videoWidth,t.target.videoHeight);e([t.target.videoWidth/i,t.target.videoHeight/i])}))})),o=yield i;return document.body.removeChild(t),o})),u={version:"1.73",File:l,fullScreen:(e=null)=>{null===e&&(e=document.documentElement),e.requestFullscreen?e.requestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.msRequestFullscreen?e.msRequestFullscreen():e.oRequestFullscreen?e.oRequestFullscreen():e.webkitRequestFullScreen&&e.webkitRequestFullScreen()},getGcd:h,getVideoScale:c,getVideoBase64:(e,t=-1,i=2e3)=>s(void 0,void 0,void 0,(function(){const o=yield c(e),n=o[0]+"",r=o[1]+"";return yield new Promise((function(o){let a="",s=document.createElement("video");s.setAttribute("crossOrigin","anonymous"),s.setAttribute("src",e),s.setAttribute("width",n),s.setAttribute("height",r),s.setAttribute("autoplay","autoplay"),document.body.appendChild(s),s.addEventListener("loadeddata",(function(){s.pause(),-1===t&&(t=Math.random()s.duration),s.currentTime=t,setTimeout((()=>{let e=document.createElement("canvas");e.width=s.width,e.height=s.height,e.getContext("2d").drawImage(s,0,0,s.width,s.height),a=e.toDataURL("image/jpeg"),document.body.removeChild(s),o(a)}),i)}))}))})),getType:function(e){return Object.prototype.toString.call(e).replace(/\[(\S+) (\S+)\]/,"$2")},extensionToLowerCase:e=>{const t=e.lastIndexOf("."),i=e.substring(t).toLowerCase();return e.substring(0,t)+i},isURL:e=>!!/^\b(((https?\|ftp):\/\/)?[-a-z0-9]+(\.[-a-z0-9]+)\.(?:com\|edu\|gov\|int\|mil\|net\|org\|biz\|info\|name\|museum\|asia\|coop\|aero\|[a-z][a-z]\|((25[0-5])\|(2[0-4]\d)\|(1\d\d)\|([1-9]\d)\|\d))\b(\/[-a-z0-9_:\\@&?=+,.!\\/~%\\$])?)$/i.test(e.trim())};var m=i(9560),p=i.n(m);class f{static NotReady=0;static Ready=1;static Running=2;static Deleted=3;static Error=4}class g{static createFunction(e){return"function"==typeof e?e:"string"==typeof e?new Function("return "+e)():null}static getParamNames(e){if("function"!=typeof e)throw Error("参数fun必须是function类型");let t=e.toString(),i=t.substring(t.indexOf("(")+1,t.indexOf(")"));return i.length<=0?[]:(i=i.split(",").map((function(e){return e.match(/\w+/)[0]})),i)}static getFunctionName(e){let t=e.toString().replace(/[\s\?]/g,""),i=t.length>=50?50:t.length;t=t.substring(0,i);let o=t.match(/^function([^\(]+?)\(/);if(o&&o[1])return o[1];let n=e.caller.toString().replace(/[\s\?]/g,""),r=n.indexOf(t);return o=n.substring(r-30,r).match(/var([^\=]+?)\=/),o&&o[1]?o[1]:"anonymous"}}class v{constructor(e,t){const i=p()(e.toString());if("number"==typeof t)this.interval=parseInt(t),this.immediate=!0,this.name=i;else if("object"==typeof t){const{interval:e,immediate:o,name:n,onStop:r,onError:a}=t;this.interval=parseInt(e),this.immediate=o,this.name=n\|\|i,this.onStop=r,this.onError=a}this.callback=e,this.executions=0,this.state=f.NotReady,this.timerIdList=[]}execute(){return new Promise(((e,t)=>{try{return this.state!=f.Ready?t(this):(this.state=f.Running,this.callback(),this.executions++,this.state=f.Ready,e(this))}catch(e){return this.state=f.Ready,this.error=e,t(this)}}))}ready(){this.state!=f.Ready?this.state=f.Ready:console.warn("task already running",this)}stop(){this.state!=f.NotReady?this.state=f.NotReady:console.warn("task is stopped",this)}clearTimer(){for(;this.timerIdList.length>0;)clearTimeout(this.timerIdList.splice(-1,1))}}class b{static taskMap=new Map;static createTask(e,t){if("number"!=typeof t&&"object"!=typeof t)throw Error("argument config must be a number or an object");if("string"==typeof e&&(e=g.createFunction(e)),"function"!=typeof e)throw Error("invalid argument",e);const i=new v(e,t);return b.taskMap.set(i.name,i),i}static runAllTask(){for(const e of b.taskMap){e[0];const t=e[1];if(isNaN(t.interval)\|\|t.interval<=0){console.warn("the interval of the task is invalid",t);continue}t.state!==f.Ready&&t.ready();const i=t.interval;t.immediate&&(t.interval=0),setTimeout((()=>{b.runTask(t),t.interval=i}),t.interval)}}static stopAllTask(){for(const e of b.taskMap)e[0],e[1].stop()}static runTask(e){if(e.state!=f.Ready)return e.onStop&&e.onStop(),e.state==f.NotReady\|\|e.state,e.clearTimer(),void(e=null);e.execute().then((()=>{for(;e.timerIdList.length>2;)clearTimeout(e.timerIdList.splice(-1,1));e.timerIdList.push(setTimeout((()=>b.runTask(e)),e.interval))})).catch((e=>{e.state=f.Error,e.onError&&e.onError(),e.clearTimer(),e.stop(),console.error("task scheduling exception",e)}))}static stopTask(e){const t=b.taskMap.get(e);t?t.stop():console.warn("not found task: "+e)}static deleteTask(e){const t=b.taskMap.get(e);return t?(t.state=f.Deleted,b.taskMap.delete(e)):(console.warn("not found task: "+e),!1)}}const w=b;var y=i(6762),x=function(e,t,i,o){var n,r=arguments.length,a=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))\|\|a);return r>3&&a&&Object.defineProperty(t,i,a),a};let _=class extends y.w3{constructor(){super(...arguments),Object.defineProperty(this,"msg",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"name",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"currentTime",{enumerable:!0,configurable:!0,writable:!0,value:""}),Object.defineProperty(this,"data_0",{enumerable:!0,configurable:!0,writable:!0,value:{page_index:0,page_size:3,data:[{a:"面料类",b:"16500",c:"12063",d:"45.5%"},{a:"面料类",b:"26500",c:"12063",d:"45.5%"},{a:"面料类",b:"36500",c:"12063",d:"45.5%"},{a:"面料类",b:"46500",c:"12063",d:"45.5%"},{a:"面料类",b:"56500",c:"12063",d:"45.5%"}]}})}get reversedMessage(){return this.currentTime}test2(e){alert("你好"),console.log("event",e)}test1(){}created(){}mounted(){this.$nextTick((()=>{}))}updated(){}destroyed(){}};Object.defineProperty(_,"entryName",{enumerable:!0,configurable:!0,writable:!0,value:"FileViewer"}),x([(0,y.fI)(Number)],_.prototype,"msg",void 0),x([(0,y.fI)()],_.prototype,"name",void 0),_=x([(0,y.wA)({components:{}}),(0,y.wA)({name:"FileViewer"})],_);const k=_;var A=i(3379),C=i.n(A),z=i(7795),M=i.n(z),S=i(569),L=i.n(S),B=i(3565),P=i.n(B),D=i(9216),T=i.n(D),X=i(4589),F=i.n(X),R=i(2406),N={};N.styleTagTransform=F(),N.setAttributes=P(),N.insert=L().bind(null,"head"),N.domAPI=M(),N.insertStyleElement=T(),C()(R.Z,N),R.Z&&R.Z.locals&&R.Z.locals;var j=i(1900);const O=(0,j.Z)(k,(function(){var e=this,t=e._self._c;return e._self._setupProxy,t("div",{staticClass:"app-container"},[e._m(0),e._v(" "),t("button",{staticClass:"click-button",on:{click:function(t){return e.test2(t)}}},[e._v("点击事件")])])}),[function(){var e=this,t=e._self._c;return e._self._setupProxy,t("div",{staticStyle:{"background-color":"#42b983",color:"red"}},[e._v("\n zxcxzcxzcz\n "),t("span",[e._v("测试")])])}],!1,null,"7a6f68ae",null).exports,E={name:"ImageViewer",data:()=>({viewerSrc:"",image:null,listDataCache:[],index:0,_shrink:.4,_enlarge:.6}),props:{list:{type:Array,default:[]},show:{type:Boolean,default:!1},currentIndex:{type:Number,default:0},name:{type:[String,Array],default:null},shrink:{type:Number,default:.6},enlarge:{type:Number,default:.6},alt:{type:String,default:"加载失败..."}},computed:{listLength(){return this.list.length},realSrc(){return this.list[this.index]},realName(){return null==this.name?this.list[this.index]:"string"==typeof this.name?this.name:Array.isArray(this.name)?this.name[this.index]:"未命名"},currentData(){return this.listDataCache[this.index]}},watch:{show(e){e?(this.$emit("open"),this.index=this.currentIndex,this.init(),setTimeout((()=>{this.switchAction("prev")}),200)):this.$emit("close")}},mounted(){this._shrink=1-this.shrink,this._enlarge=1+this.enlarge},methods:{init(){this.initMouseWheel(),this.keydown(),this.initListDataCache()},initListDataCache(e=0){const t=[],i=this;this.list.forEach(((e,o)=>{const n=new Image;t.push(new Promise((t=>{n.onload=function(e){i.listDataCache[o]={transform:{scaleX:"1",skewY:"0",translateX:"-50%",translateY:"-50%",rotate:"0deg"},left:"50%",top:"50%",width:`${n.width}px`,height:`${n.height}px`},t(""),n.onload=null},n.onerror=function(e){t(""),n.onerror=null},n.src=e})))})),Promise.all(t).then((t=>{this.image=this.$refs.duoViewerImage,this.initDrag(),this.$emit("loadComplete");const{width:i,height:o}=this.listDataCache[e];this.setStyleByName(this.image,"width",i),this.setStyleByName(this.image,"height",o)})),Promise.race(t).then((t=>{this.image=this.$refs.duoViewerImage,setTimeout((()=>{this.switchAction("prev")}),200),this.initDrag(),this.$emit("loadComplete");const{width:i,height:o}=this.listDataCache[e];this.setStyleByName(this.image,"width",i),this.setStyleByName(this.image,"height",o)}))},resetPosition(){let e=this.image,t=this.getCurrentTransform(e);this.setStyleByName(e,"top","50%"),this.setStyleByName(e,"left","50%"),t.translateX="-50%",t.translateY="-50%",this.setTransform(e,t)},resetRotate(){let e=this.image,t=this.getCurrentTransform(e);t.rotate="0deg",this.setTransform(e,t)},resetZoom(e=!0){const t=this.image,i=new Image;i.src=this.list[this.index];const o=this;i.onload=()=>{let{width:n,height:r}=i;if(e){let e=1;e=n>r?n/document.body.clientWidth:r/document.body.clientHeight,n=n/e.8,r=r/e.8}o.setStyleByName(t,"width",`${n}px`),o.setStyleByName(t,"height",`${r}px`),this.listDataCache[this.index]&&(this.listDataCache[this.index].width=`${n}px`,this.listDataCache[this.index].height=`${r}px`)}},resetAll(){this.resetZoom(),this.resetRotate(),this.resetPosition(),this.initListDataCache(this.index)},rotate(e){let t=this.image,i=this.getCurrentTransform(t),o=Math.round(Math.atan2(+i.skewY,+i.scaleX)(180/Math.PI))+("left"===e?-90:90);i.rotate=`${o}deg`,i.translateX=`${i.translateX}px`,i.translateY=`${i.translateY}px`,this.currentData.transform=i,this.setTransform(t,i)},getStyleByName:(e,t)=>window.getComputedStyle(e,null)[t],setStyleByName(e,t,i){e&&(e.style[t]=i)},getCurrentTransform(e){let t;const i=this.getStyleByName(e,"transform");if("none"!==i)return t=i.split("(")[1].split(")")[0].split(","),{scaleX:t[0].trim(),skewY:t[1].trim(),translateX:t[4].trim(),translateY:t[5].trim()}},switchAction(e){let t=this.index;switch(e){case"prev":this.index+=this.index<=0?0:-1;break;case"next":let t=this.listLength-1;this.index+=this.index>=t?t-this.index:1;break;default:this.index=+e}this.judgeThumbnailListMove(t,this.index),setTimeout((()=>{try{const e=this.currentData;this.setStyleByName(this.image,"width",e.width),this.setStyleByName(this.image,"height",e.height),this.setStyleByName(this.image,"left",e.left),this.setStyleByName(this.image,"top",e.top),this.setTransform(this.image,e.transform)}catch(e){console.log("switchAction",e,this.currentData)}this.resetZoom(),this.resetPosition()}),100)},judgeThumbnailListMove(e,t){if(e==t)return;let i=0,o=0,n=34(t-e),r=(this.listLength,this.$refs.duoViewerImageThumbnailList);r&&(o=this.getCurrentTransform(r),o&&(i=Math.abs(+o.translateX)),this.setTransform(r,{scaleX:"1",skewY:"0",translateX:`-${i+n}px`,translateY:"0%",rotate:"0deg"}))},setTransform(e,t){let i="";i+=`translateX(${t.translateX}) `,i+=`translateY(${t.translateY}) `,t.rotate&&(i+=`rotate(${t.rotate}) `),this.setStyleByName(e,"transform",i)},zoom(e){let t=this.image,i=+this.getStyleByName(t,"width").split("px")[0],o=+this.getStyleByName(t,"height").split("px")[0];o<=20&&"out"===e\|\|("out"===e?(this.setStyleByName(t,"width",ithis._shrink+"px"),this.setStyleByName(t,"height",othis._shrink+"px")):(this.setStyleByName(t,"width",ithis._enlarge+"px"),this.setStyleByName(t,"height",othis._enlarge+"px")),this.currentData&&(this.currentData.width=this.getStyleByName(this.image,"width"),this.currentData.height=this.getStyleByName(this.image,"height")))},requestFullScreen(){let e=this.$refs.duoViewer,t=e.requestFullScreen\|\|e.webkitRequestFullScreen\|\|e.mozRequestFullScreen\|\|e.msRequestFullScreen;if(t)t.call(e);else if(void 0!==window.ActiveXObject){let e=new ActiveXObject("WScript.Shell");null!==e&&e.SendKeys("{F11}")}},keydown(){window.addEventListener("keydown",(e=>{(e=event\|\|window.event\|\|arguments.callee.caller.arguments[0])&&40==e.keyCode&&this.zoom("out"),e&&37==e.keyCode&&this.switchAction("prev"),e&&39==e.keyCode&&this.switchAction("next"),e&&38==e.keyCode&&this.zoom("in"),e&&27==e.keyCode&&this.handleClose()}))},initDrag(){let e,t,i,o,n,r,a,s,l=this.image;if(!l)return void console.error("初始化图片拖拽失败");const d=()=>(a=document.body.scrollLeft\|\|document.documentElement.scrollLeft,s=document.body.scrollTop\|\|document.documentElement.scrollTop,{scrollLeft:a,scrollTop:s}),h=e=>(n=e.pageX\|\|e.clientX+d().scrollLeft,r=e.pageY\|\|e.clientY+d().scrollTop,{pageX:n,pageY:r});l.onmousedown=n=>(n=n\|\|window.event,e=h(n).pageX-l.offsetLeft,t=h(n).pageY-l.offsetTop,document.onmousemove=n=>{n=n\|\|window.event,i=h(n).pageX-e,o=h(n).pageY-t,l.style.left=`${i}px`,l.style.top=`${o}px`},!1),document.onmouseup=()=>{document.onmousemove=null,this.listDataCache[this.index].left=`${i}px`,this.listDataCache[this.index].top=`${o}px`}},initMouseWheel(){const e=e=>{(e=e\|\|window.event).wheelDelta?(e.wheelDelta>0&&this.zoom("out"),e.wheelDelta<0&&this.zoom("in")):e.detail&&(e.detail>0&&this.zoom("out"),e.detail<0&&this.zoom("in"))};document.addEventListener&&document.addEventListener("DOMMouseScroll",e,!1),window.onmousewheel=document.onmousewheel=e},clickAgent(e){switch(e.target.getAttribute("data-viewer-action")){case"zoom-in":this.zoom("in");break;case"zoom-out":this.zoom("out");break;case"one-to-one":this.resetZoom(!1);break;case"prev":this.switchAction("prev");break;case"play":this.requestFullScreen();break;case"next":this.switchAction("next");break;case"reset":this.resetAll();break;case"select":this.switchAction(e.target.getAttribute("data-viewer-action-index"));break;case"rotate-left":this.rotate("left");break;case"rotate-right":this.rotate("right")}},handleClose(){this.$emit("update:show",!1)}}};var I=i(8103),Y={};Y.styleTagTransform=F(),Y.setAttributes=P(),Y.insert=L().bind(null,"head"),Y.domAPI=M(),Y.insertStyleElement=T(),C()(I.Z,Y),I.Z&&I.Z.locals&&I.Z.locals;const Z=(0,j.Z)(E,(function(){var e=this,t=e._self._c;return e.show?t("div",{ref:"duoViewer",staticClass:"duo-viewer",on:{click:e.clickAgent}},[t("div",{staticClass:"duo-viewer-mask"},[t("img",{ref:"duoViewerImage",staticClass:"duo-viewer-mask__image",attrs:{src:e.realSrc,alt:e.alt}})]),e._v(" "),t("div",{staticClass:"duo-viewer-footer"},[t("div",{staticClass:"duo-viewer-footer__title"},[e._v(e._s(e.realName))]),e._v(" "),e._m(0),e._v(" "),t("div",{staticClass:"duo-viewer-footer__navbar"},[t("div",{staticClass:"duo-viewer-footer__navbar-thumbnail-wrap"},[t("div",{ref:"duoViewerImageThumbnailList",staticClass:"duo-viewer-footer__navbar-thumbnail-list",style:{width:34e.listLength+"px"}},e._l(e.list,(function(i,o){return t("div",{key:i+o,class:o===e.index?"duo-viewer-footer__navbar-thumbnail-item viewer-current":"duo-viewer-footer__navbar-thumbnail-item"},[t("img",{staticClass:"duo-viewer-footer__navbar-thumbnail-image",attrs:{"data-viewer-action":"select","data-viewer-action-index":o,src:i,alt:e.alt}})])})),0)])])]),e._v(" "),t("div",{staticClass:"duo-viewer-close",on:{click:e.handleClose}},[t("div",{staticClass:"duo-viewer-close__off"})])]):e._e()}),[function(){var e=this,t=e._self._c;return t("div",{staticClass:"duo-viewer-footer__toolbar"},[t("ul",[t("li",{staticClass:"duo-viewer-footer__zoom-in",attrs:{"data-viewer-action":"zoom-in"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__zoom-out",attrs:{"data-viewer-action":"zoom-out"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__one-to-one",attrs:{"data-viewer-action":"one-to-one"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__prev",attrs:{"data-viewer-action":"prev"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__play",attrs:{"data-viewer-action":"play"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__next",attrs:{"data-viewer-action":"next"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__reset",attrs:{"data-viewer-action":"reset"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__rotate-left",attrs:{"data-viewer-action":"rotate-left"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__rotate-right",attrs:{"data-viewer-action":"rotate-right"}})])])}],!1,null,"3de58a40",null).exports,H={name:"ImageViewer",data:()=>({viewerSrc:"",image:null,listDataCache:[],index:0,imgUrl:"",isCreatePoster:!1}),props:{list:{type:Array,default:[]},show:{type:Boolean,default:!1},currentIndex:{type:Number,default:0},name:{type:[String,Array],default:null},width:{type:String,default:null},height:{type:String,default:null},imgList:{type:[String,Array],default:null},showThumbnail:{type:Boolean,default:!1}},computed:{listLength(){return this.list.length},realSrc(){return null===this.width&&null===this.height&&u.getVideoScale(this.list[this.index]).then((e=>{this.width=e[0],this.height=e[1]})),this.list[this.index]},realName(){return null==this.name?this.list[this.index]:"string"==typeof this.name?this.name:Array.isArray(this.name)?this.name[this.index]:"未命名"},currentData(){return this.listDataCache[this.index]}},watch:{show(e){if(e){null===this.imgList&&this.showThumbnail&&(this.imgList=new Array,this.isCreatePoster=!0);for(let e=0;e<this.list.length;e++)this.createVideoImg(this.list[e],e);this.$emit("open"),this.index=this.currentIndex,this.init()}else this.$emit("close")}},mounted(){},methods:{getVideoImg(e,t){return null!==this.imgList&&"string"==typeof this.imgList?this.imgList:null!==this.imgList&&Array.isArray(this.imgList)?this.imgList[t]:""},async createVideoImg(e,t){if(!this.isCreatePoster)return;const i=await u.getVideoBase64(e);this.imgList.push(i)},init(){this.keydown()},resetRotate(){let e=this.image,t=this.getCurrentTransform(e);t.rotate="0deg",this.setTransform(e,t)},resetZoom(){let e=this.image;const t=new Image;t.src=this.list[this.index];const{width:i,height:o}=t;this.setStyleByName(e,"width",`${i}px`),this.setStyleByName(e,"height",`${o}px`),this.listDataCache[this.index].width=`${i}px`,this.listDataCache[this.index].height=`${o}px`},resetAll(){this.resetZoom(),this.resetRotate(),this.resetPosition(),this.initListDataCache(this.index)},rotate(e){let t=this.image,i=this.getCurrentTransform(t),o=Math.round(Math.atan2(+i.skewY,+i.scaleX)(180/Math.PI))+("left"===e?-90:90);i.rotate=`${o}deg`,i.translateX=`${i.translateX}px`,i.translateY=`${i.translateY}px`,this.currentData.transform=i,this.setTransform(t,i)},getStyleByName:(e,t)=>window.getComputedStyle(e,null)[t],setStyleByName(e,t,i){e&&(e.style[t]=i)},getCurrentTransform(e){let t,i=this.getStyleByName(e,"transform");if("none"!==i)return t=i.split("(")[1].split(")")[0].split(","),{scaleX:t[0].trim(),skewY:t[1].trim(),translateX:t[4].trim(),translateY:t[5].trim()}},switchAction(e){let t=this.index;switch(e){case"prev":this.index+=this.index<=0?0:-1;break;case"next":let t=this.listLength-1;this.index+=this.index>=t?t-this.index:1;break;default:this.index=+e}this.judgeThumbnailListMove(t,this.index)},judgeThumbnailListMove(e,t){if(e==t)return;let i=0,o=0,n=34(t-e),r=(this.listLength,this.$refs.duoViewerImageThumbnailList);r&&(o=this.getCurrentTransform(r),o&&(i=Math.abs(+o.translateX)),this.setTransform(r,{scaleX:"1",skewY:"0",translateX:`-${i+n}px`,translateY:"0%",rotate:"0deg"}))},setTransform(e,t){let i="";i+=`translateX(${t.translateX}) `,i+=`translateY(${t.translateY}) `,t.rotate&&(i+=`rotate(${t.rotate}) `),this.setStyleByName(e,"transform",i)},requestFullScreen(){let e=this.$refs.duoViewer,t=e.requestFullScreen\|\|e.webkitRequestFullScreen\|\|e.mozRequestFullScreen\|\|e.msRequestFullScreen;if(t)t.call(e);else if(void 0!==window.ActiveXObject){let e=new ActiveXObject("WScript.Shell");null!==e&&e.SendKeys("{F11}")}},keydown(){window.addEventListener("keydown",(e=>{(e=event\|\|window.event\|\|arguments.callee.caller.arguments[0])&&40==e.keyCode&&this.zoom("out"),e&&37==e.keyCode&&this.switchAction("prev"),e&&39==e.keyCode&&this.switchAction("next"),e&&38==e.keyCode&&this.zoom("in"),e&&27==e.keyCode&&this.handleClose()}))},initMouseWheel(){const e=e=>{(e=e\|\|window.event).wheelDelta?(e.wheelDelta>0&&this.zoom("out"),e.wheelDelta<0&&this.zoom("in")):e.detail&&(e.detail>0&&this.zoom("out"),e.detail<0&&this.zoom("in"))};document.addEventListener&&document.addEventListener("DOMMouseScroll",e,!1),window.onmousewheel=document.onmousewheel=e},clickAgent(e){switch(e.target.getAttribute("data-viewer-action")){case"zoom-in":this.zoom("in");break;case"zoom-out":this.zoom("out");break;case"one-to-one":this.resetZoom();break;case"prev":this.switchAction("prev");break;case"play":this.requestFullScreen();break;case"next":this.switchAction("next");break;case"reset":this.resetAll();break;case"select":this.switchAction(e.target.getAttribute("data-viewer-action-index"));break;case"rotate-left":this.rotate("left");break;case"rotate-right":this.rotate("right")}},handleClose(){this.imgList=null,this.isCreatePoster=!1,this.$emit("update:show",!1)}}};var W=i(2659),U={};U.styleTagTransform=F(),U.setAttributes=P(),U.insert=L().bind(null,"head"),U.domAPI=M(),U.insertStyleElement=T(),C()(W.Z,U),W.Z&&W.Z.locals&&W.Z.locals;const V=(0,j.Z)(H,(function(){var e=this,t=e._self._c;return e.show?t("div",{ref:"duoViewer",staticClass:"duo-viewer",on:{click:e.clickAgent}},[t("div",{staticClass:"duo-viewer-mask"},[t("video",{staticClass:"duo-viewer-mask__image",attrs:{width:e.width,height:e.height,src:e.realSrc,type:"video/mp4",controls:"controls",autoplay:"autoplay",loop:"loop"}},[e._v("\n 您的浏览器不支持 HTML5 video 标签。\n ")])]),e._v(" "),e.showThumbnail?t("div",{staticClass:"duo-viewer-footer"},[t("div",{staticClass:"duo-viewer-footer__title"},[e._v(e._s(e.realName))]),e._v(" "),e._m(0),e._v(" "),t("div",{staticClass:"duo-viewer-footer__navbar"},[t("div",{staticClass:"duo-viewer-footer__navbar-thumbnail-wrap"},[t("div",{ref:"duoViewerImageThumbnailList",staticClass:"duo-viewer-footer__navbar-thumbnail-list",style:{width:34e.listLength+"px"}},e._l(e.list,(function(i,o){return t("div",{key:i+o,class:o===e.index?"duo-viewer-footer__navbar-thumbnail-item viewer-current":"duo-viewer-footer__navbar-thumbnail-item"},[t("img",{staticClass:"duo-viewer-footer__navbar-thumbnail-image",attrs:{"data-viewer-action":"select","data-viewer-action-index":o,src:e.getVideoImg(i,o),alt:e.alt}})])})),0)])])]):e._e(),e._v(" "),t("div",{staticClass:"duo-viewer-close",on:{click:e.handleClose}},[t("div",{staticClass:"duo-viewer-close__off"})])]):e._e()}),[function(){var e=this,t=e._self._c;return t("div",{staticClass:"duo-viewer-footer__toolbar"},[t("ul",[t("li",{staticClass:"duo-viewer-footer__zoom-in",attrs:{"data-viewer-action":"zoom-in"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__zoom-out",attrs:{"data-viewer-action":"zoom-out"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__one-to-one",attrs:{"data-viewer-action":"one-to-one"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__prev",attrs:{"data-viewer-action":"prev"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__play",attrs:{"data-viewer-action":"play"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__next",attrs:{"data-viewer-action":"next"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__reset",attrs:{"data-viewer-action":"reset"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__rotate-left",attrs:{"data-viewer-action":"rotate-left"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__rotate-right",attrs:{"data-viewer-action":"rotate-right"}})])])}],!1,null,"6299c6cd",null).exports;var q=i(9477),G=(i(9365),i(7011)),K=(i(1217),i(6023)),$=(i(3922),i(5394),i(1764),i(4720));const Q={name:"ModelViewer",data:()=>({viewerSrc:"",image:null,listDataCache:[],index:0,imgUrl:"",isCreatePoster:!1,loading:!0,gl:{scene:null,renderer:null,camera:null,ambient:null,pointLight:null,controls:null,materials:null,geometry:null,isRotate:!1,isMove:!1,startEvent:null,WebGLoutput:null,animationFrame:null,wireframe:!1,boxHelper:null,axisHelper:null,axialDirection:"z",moveRate:6}}),props:{list:{type:Array,default:()=>[]},alt:{type:String,default:"预览图缺失"},show:{type:Boolean,default:!1},currentIndex:{type:Number,default:0},width:{type:String,default:"80%"},height:{type:String,default:"80%"},showThumbnail:{type:Boolean,default:!1},background:{type:Number,default:12178431},transparency:{type:Number,default:.6}},computed:{listLength(){return this.list.length},realName(){return this.list[this.index].name},currentData(){return this.listDataCache[this.index]},currentModel(){return this.list[this.index]}},watch:{show(e){e?(this.loading=!0,this.$emit("open"),this.index=this.currentIndex,this.loadModel(this.currentModel)):this.$emit("close")}},mounted(){},methods:{computeScale(e){e.computeBoundingBox();let t=e.boundingBox.max.x,i=e.boundingBox.min.x,o=e.boundingBox.max.y,n=e.boundingBox.min.y,r=e.boundingBox.max.z,a=e.boundingBox.min.z;return 1/(Math.sqrt((t-i)(t-i)+(o-n)(o-n)+(r-a)(r-a))/2)},viewerStyle(){return`width:${this.width};height:${this.height};`},getModelImg(e){},init(){this.keydown()},catiaWireframe(e,t){const i=this.gl.scene,o=this;e&&(this.gl.catiaLine\|\|(e.traverse((e=>{if(this.gl.catiaLine=new q.ZAu,e.isMesh){let t=o.fetchEdgePoint(e);if(t){let i=e.geometry.attributes.position,o=new Array;for(let e=0;e<t.length;e+=2){let n=t[e],r=t[e+1];o.push(new q.Pa4(i.getX(n),i.getY(n),i.getZ(n))),o.push(new q.Pa4(i.getX(r),i.getY(r),i.getZ(r)))}if(o.length>0){const e=(new q.u9r).setFromPoints(o);this.gl.catiaLine.add(new q.ejS(e,new q.nls({color:4227327})))}}}})),i.add(this.gl.catiaLine)),e.visible=!t,this.gl.catiaLine.visible=t)},fetchEdgePoint(e){let t=e.geometry.index;if(t){let e=new Map,i=t.array;for(let t=0;t<i.length;t+=3){let o,n=i[t],r=i[t+1],a=i[t+2];n>r&&(o=r,r=n,n=o),n>a&&(o=n,n=a,a=o),r>a&&(o=r,r=a,a=o);let s=e.get(n);s\|\|(s=new Map,e.set(n,s));let l=s.get(r);s.set(r,l?l+1:1),l=s.get(a),s.set(a,l?l+1:1),s=e.get(r),s\|\|(s=new Map,e.set(r,s)),l=s.get(a),s.set(a,l?l+1:1)}let o=new Array;for(let[t,i]of e.entries())for(let[e,n]of i.entries())1==n&&(o.push(t),o.push(e));return o}if(e.geometry.position.array){let e=new Map,i=t.array;for(let t=0;t<i.length;t+=3){let o,n=i[t],r=i[t+1],a=i[t+2];n>r&&(o=r,r=n,n=o),n>a&&(o=n,n=a,a=o),r>a&&(o=r,r=a,a=o);let s=e.get(n);s\|\|(s=new Map,e.set(n,s));let l=s.get(r);s.set(r,l?l+1:1),l=s.get(a),s.set(a,l?l+1:1),s=e.get(r),s\|\|(s=new Map,e.set(r,s)),l=s.get(a),s.set(a,l?l+1:1)}let o=new Array;for(let[t,i]of e.entries())for(let[e,n]of i.entries())1==n&&(o.push(t),o.push(e));return o}return null},edgeGeometryWireframe(e,t){const i=this.gl.scene;var o=new q.nls({color:16711680}),n=new q.TOt(e,1);n.lineWidth=1;let r=new q.ejS(n,o);i.add(r),e.visible=!t},getCenterPosition:(e,t)=>null==e.z\|\|null==t.z?{x:(e.x+t.x)/2,y:(e.y+t.y)/2}:{x:(e.x+t.x)/2,y:(e.y+t.y)/2,z:(e.z+t.z)/2},setObject(){const e=this.gl.materials,t=this.gl.geometry,i=(this.gl.camera,this.gl.scene),o=(this.gl.renderer,Object.keys(e.materials));for(let t=0;t<o.length;t++)e.materials[o[t]].opacity=1-e.materials[o[t]].opacity,e.materials[o[t]].wireframe=!1;t.position.set(0,0,0);let n=(new q.ZzF).setFromObject(t),r=(n.getCenter(t.position),n.getSize(new q.Pa4));const a=Math.abs(200/r.x);t.scale.set(a,a,a);const s=new q.fQA(t);this.gl.boxHelper=s,s.geometry.computeBoundingBox();let l=this.getCenterPosition(s.geometry.boundingBox.min,s.geometry.boundingBox.max),d=new q.Tme;d.add(t),t.position.z+=-l.z,t.position.x+=-l.x,t.position.y+=-l.y,i.add(d),this.loading=!1;const h=new KeyboardEvent("keydown",{bubbles:!0,cancelable:!0,keyCode:90});document.dispatchEvent(h)},loadModel(e){const t=()=>{let t=new K.v,i=new G.L;const o=e.mtl,n=e.obj;t.load(o,(e=>{e.preload(),i.setMaterials(e),this.gl.materials=e,i.load(n,(e=>{this.gl.geometry=e,this.setObject()}),(e=>{}),(e=>{(0,$.Message)({message:n+"加载出错",type:"error",duration:0,showClose:!0}),setTimeout((()=>{this.show=!1}),1e3)}))}),(e=>{}),(e=>{(0,$.Message)({message:o+"加载出错",type:"error",duration:0,showClose:!0}),setTimeout((()=>{this.show=!1}),1e3)}))},i=()=>{this.gl.scene=new q.xsS;let e=new q.Iis(20);this.gl.scene.add(e);let t=new q.cek(16777215,.5);this.gl.pointLight=t,t.position.set(200,300,10),this.gl.scene.add(t),this.gl.scene.background=null;let i=new q.Mig(4473924,1);this.gl.ambient=i,i.position.set(200,300,10),this.gl.scene.add(i);let o=.85window.innerWidth,n=.85window.innerHeight,r=o/n,a=300;this.gl.camera=new q.iKG(-ar,ar,a,-a,-300,1e3),this.gl.camera.position.set(0,0,500),this.gl.camera.lookAt(new q.Pa4(0,0,0)),this.gl.renderer=new q.CP7({alpha:!0,antialias:!0}),this.gl.renderer.setSize(o,n),this.gl.renderer.setClearColor(this.background,this.transparency),this.gl.WebGLoutput.innerHTML="",this.gl.renderer.domElement.style.width="100%",this.gl.renderer.domElement.style.height="100%",this.gl.WebGLoutput.appendChild(this.gl.renderer.domElement),this.gl.renderer.domElement.addEventListener("click",(e=>{})),this.gl.renderer.domElement.addEventListener("dblclick",(e=>{const t=this.gl;t.wireframe=!t.wireframe,t.scene,function(e,t){e&&e.traverse((e=>{e.isMesh&&(e.material.wireframe=t)}))}(t.geometry,t.wireframe)})),document.addEventListener("keydown",(e=>{if(""==e.key){const e=this.gl,t=0!==e.camera.position.z?-e.camera.position.z:-d;e.camera.position.set(0,0,t),e.camera.lookAt(new q.Pa4(0,0,0)),e.ambient.position.set(0,0,t),e.pointLight.position.set(0,0,t),e.axialDirection=t>0?"z":"-z"}})),document.addEventListener("keyup",(e=>{const t=200,i=this.gl;if("x"==e.key){const e=0!==i.camera.position.x?-i.camera.position.x:t;i.camera.position.set(e,0,0),i.camera.lookAt(new q.Pa4(0,0,0)),i.ambient.position.set(e,0,0),i.pointLight.position.set(e,0,0),i.axialDirection=e>0?"x":"-x"}if("y"==e.key){const e=0!==i.camera.position.y?-i.camera.position.y:t;i.camera.position.set(0,e,0),i.camera.lookAt(new q.Pa4(0,0,0)),i.ambient.position.set(0,e,0),i.pointLight.position.set(0,e,0),i.axialDirection=e>0?"y":"-y"}if("z"==e.key){const e=0!==i.camera.position.z?-i.camera.position.z:-t;i.camera.position.set(0,0,e),i.camera.lookAt(new q.Pa4(0,0,0)),i.ambient.position.set(0,0,e),i.pointLight.position.set(0,0,e),i.axialDirection=e>0?"z":"-z"}"="==e.key&&(i.pointLight.intensity+=.2),"-"==e.key&&(i.pointLight.intensity-=.2),"]"==e.key&&(i.ambient.intensity+=.2),"["==e.key&&(i.ambient.intensity-=.2),"o"==e.key&&(i.camera.position.set(t,t,t),i.camera.lookAt(new q.Pa4(0,0,0)),i.axialDirection="o")})),document.addEventListener("mousedown",(e=>{1===e.which&&(this.gl.isRotate=!0,this.gl.startEvent=e),3===e.which&&(this.gl.isMove=!0,this.gl.startEvent=e)})),document.addEventListener("mouseup",(e=>{this.gl.isRotate=!1,this.gl.isMove=!1})),document.addEventListener("contextmenu",(e=>{e.preventDefault()})),document.addEventListener("mousewheel",(e=>{e.preventDefault();let t=.1;e.wheelDelta>0?(t=1-t,this.gl.geometry.scale.set(this.gl.geometry.scale.xt,this.gl.geometry.scale.yt,this.gl.geometry.scale.zt)):(t=1+t,this.gl.geometry.scale.set(this.gl.geometry.scale.xt,this.gl.geometry.scale.yt,this.gl.geometry.scale.zt))}),{passive:!1}),document.addEventListener("mousemove",(e=>{const t=this.gl;if(t.isRotate){const i=-(t.startEvent.offsetX-e.offsetX),o=-(t.startEvent.offsetY-e.offsetY);"x"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.rotateOnWorldAxis(new q.Pa4(0,1,0),.001i):t.geometry.rotateOnWorldAxis(new q.Pa4(0,0,1),.001-o)),"-x"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.rotateOnWorldAxis(new q.Pa4(0,1,0),.001i):t.geometry.rotateOnWorldAxis(new q.Pa4(0,0,1),.001o)),"y"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.rotateOnWorldAxis(new q.Pa4(0,0,1),.001-i):t.geometry.rotateOnWorldAxis(new q.Pa4(1,0,0),.001o)),"-y"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.rotateOnWorldAxis(new q.Pa4(0,0,1),.001i):t.geometry.rotateOnWorldAxis(new q.Pa4(1,0,0),.001o)),"z"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.rotateOnWorldAxis(new q.Pa4(0,1,0),.001i):t.geometry.rotateOnWorldAxis(new q.Pa4(1,0,0),.001o)),"-z"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.rotateOnWorldAxis(new q.Pa4(0,1,0),.001i):t.geometry.rotateOnWorldAxis(new q.Pa4(1,0,0),.001-o)),"o"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.rotateOnWorldAxis(new q.Pa4(1,1,1),.001i):t.geometry.rotateOnWorldAxis(new q.Pa4(1,1,1),.001o))}if(t.isMove){const i=.02-(t.startEvent.offsetX-e.offsetX)t.moveRate,o=.02(t.startEvent.offsetY-e.offsetY)t.moveRate;"x"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.position.set(t.geometry.position.x,t.geometry.position.y,t.geometry.position.z+-i):t.geometry.position.set(t.geometry.position.x,t.geometry.position.y+o,t.geometry.position.z)),"-x"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.position.set(t.geometry.position.x,t.geometry.position.y,t.geometry.position.z+i):t.geometry.position.set(t.geometry.position.x,t.geometry.position.y+o,t.geometry.position.z)),"y"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.position.set(t.geometry.position.x+i,t.geometry.position.y,t.geometry.position.z):t.geometry.position.set(t.geometry.position.x,t.geometry.position.y,t.geometry.position.z+-o)),"-y"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.position.set(t.geometry.position.x+i,t.geometry.position.y,t.geometry.position.z):t.geometry.position.set(t.geometry.position.x,t.geometry.position.y+o,t.geometry.position.z+o)),"z"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.position.set(t.geometry.position.x+i,t.geometry.position.y,t.geometry.position.z):t.geometry.position.set(t.geometry.position.x,t.geometry.position.y+o,t.geometry.position.z)),"-z"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.position.set(t.geometry.position.x+-i,t.geometry.position.y,t.geometry.position.z):t.geometry.position.set(t.geometry.position.x,t.geometry.position.y+o,t.geometry.position.z+o)),"o"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.position.set(t.geometry.position.x+i,t.geometry.position.y+i,t.geometry.position.z+i):t.geometry.position.set(t.geometry.position.x+o,t.geometry.position.y+o,t.geometry.position.z+o))}}))},o=()=>{this.gl.renderer.render(this.gl.scene,this.gl.camera),this.gl.animationFrame=requestAnimationFrame(o)};this.$nextTick((()=>{this.gl.WebGLoutput=document.querySelector("#WebGL-output"),i(),o(),t()}))},switchAction(e){let t=this.index;switch(e){case"prev":this.index+=this.index<=0?0:-1;break;case"next":{let e=this.listLength-1;this.index+=this.index>=e?e-this.index:1}break;default:this.index=+e}this.judgeThumbnailListMove(t,this.index)},judgeThumbnailListMove(e,t){if(e==t)return;let i=0,o=0,n=34(t-e),r=(this.listLength,this.$refs.duoViewerImageThumbnailList);r&&(o=this.getCurrentTransform(r),o&&(i=Math.abs(+o.translateX)),this.setTransform(r,{scaleX:"1",skewY:"0",translateX:`-${i+n}px`,translateY:"0%",rotate:"0deg"}))},requestFullScreen(){let e=this.$refs.duoViewer,t=e.requestFullScreen\|\|e.webkitRequestFullScreen\|\|e.mozRequestFullScreen\|\|e.msRequestFullScreen;t&&t.call(e)},keydown(){window.addEventListener("keydown",(e=>{(e=event\|\|window.event)&&40==e.keyCode&&this.zoom("out"),e&&37==e.keyCode&&this.switchAction("prev"),e&&39==e.keyCode&&this.switchAction("next"),e&&38==e.keyCode&&this.zoom("in"),e&&27==e.keyCode&&this.handleClose()}))},initMouseWheel(){const e=e=>{(e=e\|\|window.event).wheelDelta?(e.wheelDelta>0&&this.zoom("out"),e.wheelDelta<0&&this.zoom("in")):e.detail&&(e.detail>0&&this.zoom("out"),e.detail<0&&this.zoom("in"))};document.addEventListener&&document.addEventListener("DOMMouseScroll",e,!1),window.onmousewheel=document.onmousewheel=e},clickAgent(e){switch(e.target.getAttribute("data-viewer-action")){case"zoom-in":this.zoom("in");break;case"zoom-out":this.zoom("out");break;case"one-to-one":this.resetZoom();break;case"prev":this.switchAction("prev");break;case"play":this.requestFullScreen();break;case"next":this.switchAction("next");break;case"reset":this.resetAll();break;case"select":this.switchAction(e.target.getAttribute("data-viewer-action-index"));break;case"rotate-left":this.rotate("left");break;case"rotate-right":this.rotate("right")}},handleClose(){cancelAnimationFrame(this.gl.animationFrame);const e=Object.keys(this.gl);for(let t=0;t<e.length;t++)this.gl[e[t]]=null;this.$emit("update:show",!1)}}};var J=i(7056),ee={};ee.styleTagTransform=F(),ee.setAttributes=P(),ee.insert=L().bind(null,"head"),ee.domAPI=M(),ee.insertStyleElement=T(),C()(J.Z,ee),J.Z&&J.Z.locals&&J.Z.locals;const te=(0,j.Z)(Q,(function(){var e=this,t=e._self._c;return e.show?t("div",{ref:"duoViewer",staticClass:"duo-viewer",on:{click:e.clickAgent}},[t("div",{staticClass:"duo-viewer-mask"},[t("div",{directives:[{name:"loading",rawName:"v-loading",value:e.loading,expression:"loading"}],staticClass:"duo-viewer-mask__image",style:e.viewerStyle(),attrs:{id:"WebGL-output","element-loading-text":"模型加载中","element-loading-spinner":"el-icon-loading","element-loading-background":"rgba(0, 0, 0, 0.0)"}})]),e._v(" "),e.showThumbnail?t("div",{staticClass:"duo-viewer-footer"},[t("div",{staticClass:"duo-viewer-footer__title"},[e._v(e._s(e.realName))]),e._v(" "),e._m(0),e._v(" "),t("div",{staticClass:"duo-viewer-footer__navbar"},[t("div",{staticClass:"duo-viewer-footer__navbar-thumbnail-wrap"},[t("div",{ref:"duoViewerImageThumbnailList",staticClass:"duo-viewer-footer__navbar-thumbnail-list",style:{width:34e.listLength+"px"}},e._l(e.list,(function(i,o){return t("div",{key:i+o,class:o===e.index?"duo-viewer-footer__navbar-thumbnail-item viewer-current":"duo-viewer-footer__navbar-thumbnail-item"},[t("img",{staticClass:"duo-viewer-footer__navbar-thumbnail-image",attrs:{"data-viewer-action":"select","data-viewer-action-index":o,src:e.getModelImg(i,o),alt:e.alt}})])})),0)])])]):e._e(),e._v(" "),t("div",{staticClass:"duo-viewer-close",on:{click:e.handleClose}},[t("div",{staticClass:"duo-viewer-close__off"})])]):e._e()}),[function(){var e=this,t=e._self._c;return t("div",{staticClass:"duo-viewer-footer__toolbar"},[t("ul",[t("li",{staticClass:"duo-viewer-footer__zoom-in",attrs:{"data-viewer-action":"zoom-in"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__zoom-out",attrs:{"data-viewer-action":"zoom-out"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__one-to-one",attrs:{"data-viewer-action":"one-to-one"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__prev",attrs:{"data-viewer-action":"prev"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__play",attrs:{"data-viewer-action":"play"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__next",attrs:{"data-viewer-action":"next"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__reset",attrs:{"data-viewer-action":"reset"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__rotate-left",attrs:{"data-viewer-action":"rotate-left"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__rotate-right",attrs:{"data-viewer-action":"rotate-right"}})])])}],!1,null,"1d524e94",null).exports,ie={name:"ModelViewer",data:()=>({viewerSrc:"",image:null,index:0,imgUrl:"",isCreatePoster:!1,gl:{scene:null,renderer:null,camera:null,controls:null,geometry:null,isRotate:!1,isMove:!1,startEvent:null,WebGLoutput:null,animationFrame:null}}),props:{list:{type:[Array,String],default:()=>[]},show:{type:Boolean,default:!1},currentIndex:{type:Number,default:0},width:{type:String,default:"80%"},height:{type:String,default:"80%"},showThumbnail:{type:Boolean,default:!1}},computed:{listLength(){return this.list.length},realName(){return this.list[this.index].name},currentWebsite(){return"string"==typeof this.list?this.list:this.list[this.index].src}},watch:{show(e){e?(this.$emit("open"),this.index=this.currentIndex,this.init()):this.$emit("close")}},mounted(){},methods:{viewerStyle(){return`width:${this.width};height:${this.height};`},getModelImg(e){},onload(){console.log("加载完毕...")},init(){console.log("你好"),this.keydown()},switchAction(e){let t=this.index;switch(e){case"prev":this.index+=this.index<=0?0:-1;break;case"next":{let e=this.listLength-1;this.index+=this.index>=e?e-this.index:1}break;default:this.index=+e}this.judgeThumbnailListMove(t,this.index)},judgeThumbnailListMove(e,t){if(e==t)return;let i=0,o=0,n=34(t-e),r=(this.listLength,this.$refs.duoViewerImageThumbnailList);r&&(o=this.getCurrentTransform(r),o&&(i=Math.abs(+o.translateX)),this.setTransform(r,{scaleX:"1",skewY:"0",translateX:`-${i+n}px`,translateY:"0%",rotate:"0deg"}))},requestFullScreen(){if(document.fullscreenElement)document.exitFullscreen?document.exitFullscreen():document.msExitFullscreen?document.msExitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitCancelFullScreen&&document.webkitCancelFullScreen();else{let e=this.$refs.duoViewer,t=e.requestFullScreen\|\|e.webkitRequestFullScreen\|\|e.mozRequestFullScreen\|\|e.msRequestFullScreen;t&&t.call(e)}window.getSelection?window.getSelection().removeAllRanges():document.selection.empty()},keydown(){window.addEventListener("keydown",(e=>{(e=event\|\|window.event)&&40==e.keyCode&&this.zoom("out"),e&&37==e.keyCode&&this.switchAction("prev"),e&&39==e.keyCode&&this.switchAction("next"),e&&38==e.keyCode&&this.zoom("in"),e&&27==e.keyCode&&this.handleClose()}))},initMouseWheel(){const e=e=>{(e=e\|\|window.event).wheelDelta?(e.wheelDelta>0&&this.zoom("out"),e.wheelDelta<0&&this.zoom("in")):e.detail&&(e.detail>0&&this.zoom("out"),e.detail<0&&this.zoom("in"))};document.addEventListener&&document.addEventListener("DOMMouseScroll",e,!1),window.onmousewheel=document.onmousewheel=e},clickAgent(e){switch(e.target.getAttribute("data-viewer-action")){case"zoom-in":this.zoom("in");break;case"zoom-out":this.zoom("out");break;case"one-to-one":this.resetZoom();break;case"prev":this.switchAction("prev");break;case"play":this.requestFullScreen();break;case"next":this.switchAction("next");break;case"reset":this.resetAll();break;case"select":this.switchAction(e.target.getAttribute("data-viewer-action-index"));break;case"rotate-left":this.rotate("left");break;case"rotate-right":this.rotate("right")}},handleClose(){cancelAnimationFrame(this.gl.animationFrame);const e=Object.keys(this.gl);for(let t=0;t<e.length;t++)this.gl[e[t]]=null;this.$emit("update:show",!1)}}};var oe=i(4167),ne={};ne.styleTagTransform=F(),ne.setAttributes=P(),ne.insert=L().bind(null,"head"),ne.domAPI=M(),ne.insertStyleElement=T(),C()(oe.Z,ne),oe.Z&&oe.Z.locals&&oe.Z.locals;const re=(0,j.Z)(ie,(function(){var e=this,t=e._self._c;return e.show?t("div",{ref:"duoViewer",staticClass:"duo-viewer",on:{click:e.clickAgent}},[t("div",{staticClass:"duo-viewer-mask"},[t("div",{staticClass:"duo-viewer-mask__image",style:e.viewerStyle(),attrs:{id:"viewer"}},[t("iframe",{ref:"microApp",attrs:{onload:e.onload(),src:e.currentWebsite,id:"micro-app",height:"100%",width:"100%",frameborder:"no",border:"0",marginwidth:"0",marginheight:"0",scrolling:"yes",allowtransparency:"yes",seamless:"",allowfullscreen:"true",webkitallowfullscreen:"true",mozallowfullscreen:"true"}})])]),e._v(" "),e.showThumbnail?t("div",{staticClass:"duo-viewer-footer"},[t("div",{staticClass:"duo-viewer-footer__title"},[e._v(e._s(e.realName))]),e._v(" "),e._m(0),e._v(" "),t("div",{staticClass:"duo-viewer-footer__navbar"},[t("div",{staticClass:"duo-viewer-footer__navbar-thumbnail-wrap"},[t("div",{ref:"duoViewerImageThumbnailList",staticClass:"duo-viewer-footer__navbar-thumbnail-list",style:{width:34e.listLength+"px"}},e._l(e.list,(function(i,o){return t("div",{key:i+o,class:o===e.index?"duo-viewer-footer__navbar-thumbnail-item viewer-current":"duo-viewer-footer__navbar-thumbnail-item"},[t("img",{staticClass:"duo-viewer-footer__navbar-thumbnail-image",attrs:{"data-viewer-action":"select","data-viewer-action-index":o,src:e.getModelImg(i,o),alt:e.alt}})])})),0)])])]):e._e(),e._v(" "),t("div",{staticClass:"duo-viewer-close",on:{click:e.handleClose}},[t("div",{staticClass:"duo-viewer-close__off"})])]):e._e()}),[function(){var e=this,t=e._self._c;return t("div",{staticClass:"duo-viewer-footer__toolbar"},[t("ul",[t("li",{staticClass:"duo-viewer-footer__zoom-in",attrs:{"data-viewer-action":"zoom-in"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__zoom-out",attrs:{"data-viewer-action":"zoom-out"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__one-to-one",attrs:{"data-viewer-action":"one-to-one"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__prev",attrs:{"data-viewer-action":"prev"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__play",attrs:{"data-viewer-action":"play"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__next",attrs:{"data-viewer-action":"next"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__reset",attrs:{"data-viewer-action":"reset"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__rotate-left",attrs:{"data-viewer-action":"rotate-left"}}),e._v(" "),t("li",{staticClass:"duo-viewer-footer__rotate-right",attrs:{"data-viewer-action":"rotate-right"}})])])}],!1,null,"1abd6170",null).exports;var ae=function(e,t,i,o){var n,r=arguments.length,a=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))\|\|a);return r>3&&a&&Object.defineProperty(t,i,a),a};const se={t:"top",m:"marginTop",b:"bottom"},le={l:"left",m:"marginLeft",r:"right"};let de=class extends y.w3{constructor(){super(...arguments),Object.defineProperty(this,"name",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"stickSize",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"parentScaleX",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"parentScaleY",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"isActive",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"preventActiveBehavior",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"isDraggable",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"isResizable",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"aspectRatio",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"parentLimitation",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"snapToGrid",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"gridX",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"gridY",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"parentW",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"parentH",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"w",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"h",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"minw",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"minh",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"x",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"y",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"z",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"dragHandle",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"dragCancel",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"sticks",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"axis",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"contentClass",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"isStorage",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"emits",{enumerable:!0,configurable:!0,writable:!0,value:["clicked","dragging","dragstop","resizing","resizestop","activated","deactivated"]}),Object.defineProperty(this,"fixAspectRatio",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"active",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"zIndex",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"parentWidth",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"parentHeight",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"left",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"top",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"right",{enumerable:!0,configurable:!0,writable:!0,value:50}),Object.defineProperty(this,"bottom",{enumerable:!0,configurable:!0,writable:!0,value:50}),Object.defineProperty(this,"minHeight",{enumerable:!0,configurable:!0,writable:!0,value:10}),Object.defineProperty(this,"stickDrag",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"bodyDrag",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"dimensionsBeforeMove",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"limits",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"currentStick",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"aspectFactor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"domEvents",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"parentElement",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"_uid",{enumerable:!0,configurable:!0,writable:!0,value:void 0})}beforeCreate(){this.stickDrag=!1,this.bodyDrag=!1,this.dimensionsBeforeMove={pointerX:0,pointerY:0,x:0,y:0,w:0,h:0},this.limits={left:{min:null,max:null},right:{min:null,max:null},top:{min:null,max:null},bottom:{min:null,max:null}},this.currentStick=null}mounted(){if(this.parentElement=this.$el.parentNode,this.parentWidth=this.parentW?this.parentW:this.parentElement.clientWidth,this.parentHeight=this.parentH?this.parentH:this.parentElement.clientHeight,this.left=this.x,this.top=this.y,this.right=this.parentWidth-("auto"===this.w?this.$refs.container.scrollWidth:this.w)-this.left,this.bottom=this.parentHeight-("auto"===this.h?this.$refs.container.scrollHeight:this.h)-this.top,this.domEvents=new Map([["mousemove",this.move],["mouseup",this.up],["mouseleave",this.up],["mousedown",this.deselect],["touchmove",this.move],["touchend",this.up],["touchcancel",this.up],["touchstart",this.up],["keydown",this.keydown]]),this.domEvents.forEach(((e,t)=>{document.documentElement.addEventListener(t,e)})),this.dragHandle&&[...this.$el.querySelectorAll(this.dragHandle)].forEach((e=>{e.setAttribute("data-drag-handle",this._uid)})),this.dragCancel&&[...this.$el.querySelectorAll(this.dragCancel)].forEach((e=>{e.setAttribute("data-drag-cancel",this._uid)})),""!==this.name.trim()&&this.isStorage){let e=JSON.parse(localStorage.getItem("DragResizeView_Rect_"+this.name));null!==e&&null!==e.left&&null!==e.top&&null!==e.right&&null!==e.bottom?(this.left=e.left,this.top=e.top,this.right=e.right,this.bottom=e.bottom):localStorage.removeItem("DragResizeView_Rect_"+this.name)}}beforeDestroy(){this.domEvents.forEach(((e,t)=>{document.documentElement.removeEventListener(t,e)}))}deselect(){this.preventActiveBehavior\|\|(this.active=!1)}move(e){if(!this.stickDrag&&!this.bodyDrag)return;e.stopPropagation();const t=void 0!==e.pageX?e.pageX:e.touches[0].pageX,i=void 0!==e.pageY?e.pageY:e.touches[0].pageY,{dimensionsBeforeMove:o}=this,n={x:(o.pointerX-t)/this.parentScaleX,y:(o.pointerY-i)/this.parentScaleY};if(this.stickDrag&&this.stickMove(n),this.bodyDrag){if("x"===this.axis)n.y=0;else if("y"===this.axis)n.x=0;else if("none"===this.axis)return;this.bodyMove(n)}}up(e){this.stickDrag?this.stickUp():this.bodyDrag&&this.bodyUp()}keydown(e){if(!this.stickDrag&&!this.bodyDrag)return;e.stopPropagation();const{dimensionsBeforeMove:t}=this;let i=0,o=0;if("a"===e.key\|\|"ArrowLeft"===e.key)i=t.pointerX-1,o=t.pointerY;else if("d"===e.key\|\|"ArrowRight"===e.key)i=t.pointerX+1,o=t.pointerY;else if("w"===e.key\|\|"ArrowUp"===e.key)i=t.pointerX,o=t.pointerY-1;else{if("s"!==e.key&&"ArrowDown"!==e.key)return;i=t.pointerX,o=t.pointerY+1}const n={x:(t.pointerX-i)/this.parentScaleX,y:(t.pointerY-o)/this.parentScaleY};if(this.stickDrag&&this.stickMove(n),"x"===this.axis)n.y=0;else if("y"===this.axis)n.x=0;else if("none"===this.axis)return;this.bodyMove(n),this.saveDimensionsBeforeMove(n.x,n.y)}bodyDown(e){const{target:t,button:i}=e;if(this.preventActiveBehavior\|\|(this.active=!0),i&&0!==i)return;if(this.$emit("clicked",e),!this.active)return;if(this.dragHandle&&t.getAttribute("data-drag-handle")!==this._uid.toString())return;if(this.dragCancel&&t.getAttribute("data-drag-cancel")===this._uid.toString())return;void 0!==e.stopPropagation&&e.stopPropagation(),void 0!==e.preventDefault&&e.preventDefault(),this.isDraggable&&(this.bodyDrag=!0);const o=void 0!==e.pageX?e.pageX:e.touches[0].pageX,n=void 0!==e.pageY?e.pageY:e.touches[0].pageY;this.saveDimensionsBeforeMove(o,n),this.parentLimitation&&(this.limits=this.calcDragLimitation())}bodyMove(e){const{dimensionsBeforeMove:t,parentWidth:i,parentHeight:o,gridX:n,gridY:r,width:a,height:s}=this;let l=t.top-e.y,d=t.bottom+e.y,h=t.left-e.x,c=t.right+e.x;if(this.snapToGrid){let e=!0,t=!0,u=l-Math.floor(l/r)r,m=o-d-Math.floor((o-d)/r)r,p=h-Math.floor(h/n)n,f=i-c-Math.floor((i-c)/n)n;u>r/2&&(u-=r),m>r/2&&(m-=r),p>n/2&&(p-=n),f>n/2&&(f-=n),Math.abs(m)<Math.abs(u)&&(e=!1),Math.abs(f)<Math.abs(p)&&(t=!1),l-=e?u:m,d=o-s-l,h-=t?p:f,c=i-a-h}({newLeft:this.left,newRight:this.right,newTop:this.top,newBottom:this.bottom}=this.rectCorrectionByLimit({newLeft:h,newRight:c,newTop:l,newBottom:d})),this.$emit("dragging",this.rect),this.storageElementInfo()}bodyUp(){this.bodyDrag=!1,this.$emit("dragging",this.rect),this.$emit("dragstop",this.rect),this.dimensionsBeforeMove={pointerX:0,pointerY:0,x:0,y:0,w:0,h:0},this.limits={left:{min:null,max:null},right:{min:null,max:null},top:{min:null,max:null},bottom:{min:null,max:null}}}stickDown(e,t,i=!1){if(!(this.isResizable&&this.active\|\|i))return;this.stickDrag=!0;const o=void 0!==t.pageX?t.pageX:t.touches[0].pageX,n=void 0!==t.pageY?t.pageY:t.touches[0].pageY;this.saveDimensionsBeforeMove(o,n),this.currentStick=e,this.limits=this.calcResizeLimits()}saveDimensionsBeforeMove(e,t){this.dimensionsBeforeMove.pointerX=e,this.dimensionsBeforeMove.pointerY=t,this.dimensionsBeforeMove.left=this.left,this.dimensionsBeforeMove.right=this.right,this.dimensionsBeforeMove.top=this.top,this.dimensionsBeforeMove.bottom=this.bottom,this.dimensionsBeforeMove.width=this.width,this.dimensionsBeforeMove.height=this.height,this.aspectFactor=this.width/this.height}stickMove(e){const{currentStick:t,dimensionsBeforeMove:i,gridY:o,gridX:n,snapToGrid:r,parentHeight:a,parentWidth:s}=this;let l=i.top,d=i.bottom,h=i.left,c=i.right;switch(t[0]){case"b":d=i.bottom+e.y,r&&(d=a-Math.round((a-d)/o)o);break;case"t":l=i.top-e.y,r&&(l=Math.round(l/o)o)}switch(t[1]){case"r":c=i.right+e.x,r&&(c=s-Math.round((s-c)/n)n);break;case"l":h=i.left-e.x,r&&(h=Math.round(h/n)n)}({newLeft:h,newRight:c,newTop:l,newBottom:d}=this.rectCorrectionByLimit({newLeft:h,newRight:c,newTop:l,newBottom:d})),this.aspectRatio&&({newLeft:h,newRight:c,newTop:l,newBottom:d}=this.rectCorrectionByAspectRatio({newLeft:h,newRight:c,newTop:l,newBottom:d})),this.left=h,this.right=c,this.top=l,this.bottom=d,this.$emit("resizing",this.rect),this.storageElementInfo()}stickUp(){this.stickDrag=!1,this.dimensionsBeforeMove={pointerX:0,pointerY:0,x:0,y:0,w:0,h:0},this.limits={left:{min:null,max:null},right:{min:null,max:null},top:{min:null,max:null},bottom:{min:null,max:null}},this.$emit("resizing",this.rect),this.$emit("resizestop",this.rect)}calcDragLimitation(){const{parentWidth:e,parentHeight:t}=this;return{left:{min:0,max:e-this.width},right:{min:0,max:e-this.width},top:{min:0,max:t-this.height},bottom:{min:0,max:t-this.height}}}calcResizeLimits(){const{aspectFactor:e,width:t,height:i,bottom:o,top:n,left:r,right:a}=this;let{minh:s,minw:l}=this;const d=this.parentLimitation?0:null;this.aspectRatio&&(l/s>e?s=l/e:l=es);const h={left:{min:d,max:r+(t-l)},right:{min:d,max:a+(t-l)},top:{min:d,max:n+(i-s)},bottom:{min:d,max:o+(i-s)}};if(this.aspectRatio){const d={left:{min:r-Math.min(n,o)e2,max:r+(i-s)/2e2},right:{min:a-Math.min(n,o)e2,max:a+(i-s)/2e2},top:{min:n-Math.min(r,a)/e2,max:n+(t-l)/2/e2},bottom:{min:o-Math.min(r,a)/e2,max:o+(t-l)/2/e2}};"m"===this.currentStick[0]?(h.left={min:Math.max(h.left.min,d.left.min),max:Math.min(h.left.max,d.left.max)},h.right={min:Math.max(h.right.min,d.right.min),max:Math.min(h.right.max,d.right.max)}):"m"===this.currentStick[1]&&(h.top={min:Math.max(h.top.min,d.top.min),max:Math.min(h.top.max,d.top.max)},h.bottom={min:Math.max(h.bottom.min,d.bottom.min),max:Math.min(h.bottom.max,d.bottom.max)})}return h}sideCorrectionByLimit(e,t){let i=t;return null!==e.min&&t<e.min?i=e.min:null!==e.max&&e.max<t&&(i=e.max),i}rectCorrectionByLimit(e){const{limits:t}=this;let{newRight:i,newLeft:o,newBottom:n,newTop:r}=e;return o=this.sideCorrectionByLimit(t.left,o),i=this.sideCorrectionByLimit(t.right,i),r=this.sideCorrectionByLimit(t.top,r),n=this.sideCorrectionByLimit(t.bottom,n),{newLeft:o,newRight:i,newTop:r,newBottom:n}}rectCorrectionByAspectRatio(e){let{newLeft:t,newRight:i,newTop:o,newBottom:n}=e;const{parentWidth:r,parentHeight:a,currentStick:s,aspectFactor:l,dimensionsBeforeMove:d}=this;let h=r-t-i,c=a-o-n;if("m"===s[1]){const e=c-d.height;t-=el/2,i-=el/2}else if("m"===s[0]){const e=h-d.width;o-=e/l/2,n-=e/l/2}else h/c>l?(h=l*c,"l"===s[1]?t=r-i-h:i=r-t-h):(c=h/l,"t"===s[0]?o=a-n-c:n=a-o-c);return{newLeft:t,newRight:i,newTop:o,newBottom:n}}storageElementInfo(){if(!this.isStorage)return;if(""===this.name.trim())throw"unspecified name";if(null===this.rect.left\|\|null===this.rect.top\|\|null===this.right\|\|null===this.bottom)return;const e={left:this.rect.left,top:this.rect.top,right:this.right,bottom:this.bottom};localStorage.setItem("DragResizeView_Rect_"+this.name,JSON.stringify(e))}get positionStyle(){return{top:this.top+"px",left:this.left+"px",zIndex:this.zIndex}}get sizeStyle(){return{width:"auto"==this.w?"auto":this.width+"px",height:"auto"==this.h?"auto":this.height+"px"}}get vdrStick(){return e=>{const t={width:this.stickSize/this.parentScaleX+"px",height:this.stickSize/this.parentScaleY+"px"};return t[se[e[0]]]=this.stickSize/this.parentScaleX/-2+"px",t[le[e[1]]]=this.stickSize/this.parentScaleX/-2+"px",t}}get width(){return this.parentWidth-this.left-this.right}get height(){return this.parentHeight-this.top-this.bottom}get rect(){return{left:Math.round(this.left),top:Math.round(this.top),width:Math.round(this.width),height:Math.round(this.height)}}onActive(e){e?this.$emit("activated"):this.$emit("deactivated")}onIsActive(e){this.active=e}onZ(e){(e>=0\|\|"auto"===e)&&(this.zIndex=e)}onX(e,t){if(this.stickDrag\|\|this.bodyDrag\|\|e===this.left)return;const i=t-e;this.bodyDown({pageX:this.left,pageY:this.top}),this.bodyMove({x:i,y:0}),this.$nextTick((()=>{this.bodyUp()}))}onY(e,t){if(this.stickDrag\|\|this.bodyDrag\|\|e===this.top)return;const i=t-e;this.bodyDown({pageX:this.left,pageY:this.top}),this.bodyMove({x:0,y:i}),this.$nextTick((()=>{this.bodyUp()}))}onW(e,t){if(this.stickDrag\|\|this.bodyDrag\|\|e===this.width)return;const i=t-e;this.stickDown("mr",{pageX:this.right,pageY:this.top+this.height/2},!0),this.stickMove({x:i,y:0}),this.$nextTick((()=>{this.stickUp()}))}onH(e,t){if(this.stickDrag\|\|this.bodyDrag\|\|e===this.height)return;const i=t-e;this.stickDown("bm",{pageX:this.left+this.width/2,pageY:this.bottom},!0),this.stickMove({x:0,y:i}),this.$nextTick((()=>{this.stickUp()}))}onParentW(e){this.right=e-this.width-this.left,this.parentWidth=e}onParentH(e){this.bottom=e-this.height-this.top,this.parentHeight=e}};ae([(0,y.fI)({type:String,required:!1,default:""})],de.prototype,"name",void 0),ae([(0,y.fI)({type:Number,default:8})],de.prototype,"stickSize",void 0),ae([(0,y.fI)({type:Number,default:1})],de.prototype,"parentScaleX",void 0),ae([(0,y.fI)({type:Number,default:1})],de.prototype,"parentScaleY",void 0),ae([(0,y.fI)({type:Boolean,default:!1})],de.prototype,"isActive",void 0),ae([(0,y.fI)({type:Boolean,default:!1})],de.prototype,"preventActiveBehavior",void 0),ae([(0,y.fI)({type:Boolean,default:!0})],de.prototype,"isDraggable",void 0),ae([(0,y.fI)({type:Boolean,default:!0})],de.prototype,"isResizable",void 0),ae([(0,y.fI)({type:Boolean,default:!1})],de.prototype,"aspectRatio",void 0),ae([(0,y.fI)({type:Boolean,default:!1})],de.prototype,"parentLimitation",void 0),ae([(0,y.fI)({type:Boolean,default:!1})],de.prototype,"snapToGrid",void 0),ae([(0,y.fI)({type:Number,default:50,validator:e=>e>=0})],de.prototype,"gridX",void 0),ae([(0,y.fI)({type:Number,default:50,validator:e=>e>=0})],de.prototype,"gridY",void 0),ae([(0,y.fI)({type:Number,default:0,validator:e=>e>=0})],de.prototype,"parentW",void 0),ae([(0,y.fI)({type:Number,default:0,validator:e=>e>=0})],de.prototype,"parentH",void 0),ae([(0,y.fI)({type:[String,Number],default:200,validator:e=>"string"==typeof e?"auto"===e:e>=0})],de.prototype,"w",void 0),ae([(0,y.fI)({type:[String,Number],default:200,validator:e=>"string"==typeof e?"auto"===e:e>=0})],de.prototype,"h",void 0),ae([(0,y.fI)({type:Number,default:50,validator:e=>e>=0})],de.prototype,"minw",void 0),ae([(0,y.fI)({type:Number,default:50,validator:e=>e>=0})],de.prototype,"minh",void 0),ae([(0,y.fI)({type:Number,default:0,validator:e=>"number"==typeof e})],de.prototype,"x",void 0),ae([(0,y.fI)({type:Number,default:0,validator:e=>"number"==typeof e})],de.prototype,"y",void 0),ae([(0,y.fI)({type:[String,Number],default:"auto",validator:e=>"string"==typeof e?"auto"===e:e>=0})],de.prototype,"z",void 0),ae([(0,y.fI)({type:String,default:null})],de.prototype,"dragHandle",void 0),ae([(0,y.fI)({type:String,default:null})],de.prototype,"dragCancel",void 0),ae([(0,y.fI)({type:Array,default:()=>["tl","tm","tr","mr","br","bm","bl","ml"]})],de.prototype,"sticks",void 0),ae([(0,y.fI)({type:String,default:"both",validator:e=>-1!==["x","y","both","none"].indexOf(e)})],de.prototype,"axis",void 0),ae([(0,y.fI)({type:String,required:!1,default:""})],de.prototype,"contentClass",void 0),ae([(0,y.fI)({type:Boolean,required:!1,default:!1})],de.prototype,"isStorage",void 0),ae([(0,y.RL)("active",{immediate:!1,deep:!1})],de.prototype,"onActive",null),ae([(0,y.RL)("isActive",{immediate:!0,deep:!1})],de.prototype,"onIsActive",null),ae([(0,y.RL)("z",{immediate:!0,deep:!1})],de.prototype,"onZ",null),ae([(0,y.RL)("x",{immediate:!1,deep:!1})],de.prototype,"onX",null),ae([(0,y.RL)("y",{immediate:!1,deep:!1})],de.prototype,"onY",null),ae([(0,y.RL)("w",{immediate:!1,deep:!1})],de.prototype,"onW",null),ae([(0,y.RL)("h",{immediate:!1,deep:!1})],de.prototype,"onH",null),ae([(0,y.RL)("parentW",{immediate:!1,deep:!1})],de.prototype,"onParentW",null),ae([(0,y.RL)("parentH",{immediate:!1,deep:!1})],de.prototype,"onParentH",null),de=ae([(0,y.wA)({name:"DragResizeView"})],de);const he=de;var ce=i(3386),ue={};ue.styleTagTransform=F(),ue.setAttributes=P(),ue.insert=L().bind(null,"head"),ue.domAPI=M(),ue.insertStyleElement=T(),C()(ce.Z,ue),ce.Z&&ce.Z.locals&&ce.Z.locals;const me=(0,j.Z)(he,(function(){var e=this,t=e._self._c;return e._self._setupProxy,t("div",{staticClass:"vdr",class:`${e.active\|\|e.isActive?"active":"inactive"} ${e.contentClass?e.contentClass:""}`,style:e.positionStyle,on:{mousedown:function(t){return e.bodyDown(t)},touchstart:function(t){return e.bodyDown(t)},touchend:function(t){return e.up(t)}}},[t("div",{ref:"container",staticClass:"content-container",style:e.sizeStyle},[e._t("default")],2),e._v(" "),e._l(e.sticks,(function(i){return t("div",{staticClass:"vdr-stick",class:["vdr-stick-"+i,e.isResizable?"":"not-resizable"],style:e.vdrStick(i),on:{mousedown:function(t){return t.stopPropagation(),t.preventDefault(),e.stickDown(i,t)},touchstart:function(t){return t.stopPropagation(),t.preventDefault(),e.stickDown(i,t)}}})}))],2)}),[],!1,null,"ce7f7432",null).exports,pe=[O,Z,V,me,te,re],fe=e=>{fe.installed\|\|(fe.installed=!0,pe.map((t=>{e.component(t.name,t)})))};"undefined"!=typeof window&&window.Vue&&fe(window.Vue);const ge={}},2671:e=>{e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC"},3554:e=>{e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC"},1348:e=>{e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC"},5058:e=>{e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC"}},i={};function o(e){var n=i[e];if(void 0!==n)return n.exports;var r=i[e]={id:e,loaded:!1,exports:{}};return t[e].call(r.exports,r,r.exports,o),r.loaded=!0,r.exports}o.m=t,o.amdO={},e=[],o.O=(t,i,n,r)=>{if(!i){var a=1/0;for(h=0;h<e.length;h++){for(var[i,n,r]=e[h],s=!0,l=0;l<i.length;l++)(!1&r\|\|a>=r)&&Object.keys(o.O).every((e=>o.O[e](i[l])))?i.splice(l--,1):(s=!1,r<a&&(a=r));if(s){e.splice(h--,1);var d=n();void 0!==d&&(t=d)}}return t}r=r\|\|0;for(var h=e.length;h>0&&e[h-1][2]>r;h--)e[h]=e[h-1];e[h]=[i,n,r]},o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var i in t)o.o(t,i)&&!o.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.nmd=e=>(e.paths=[],e.children\|\|(e.children=[]),e),(()=>{o.b=document.baseURI\|\|self.location.href;var e={179:0};o.O.j=t=>0===e[t];var t=(t,i)=>{var n,r,[a,s,l]=i,d=0;if(a.some((t=>0!==e[t]))){for(n in s)o.o(s,n)&&(o.m[n]=s[n]);if(l)var h=l(o)}for(t&&t(i);d<a.length;d++)r=a[d],o.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return o.O(h)},i=self.webpackChunkemacroh5lib=self.webpackChunkemacroh5lib\|\|[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})(),o.nc=void 0;var n=o.O(void 0,[12],(()=>o(6509))),r=(n=o.O(n)).Ip,a=n.Ud,s=n.$p,l=n.Ko,h=n.OO,c=n.OM,u=n.Oh,m=n.Rf,p=n.ZP;export{r as DragResizeView,a as EMacro,s as FileViewer,l as HtmlViewer,h as ImageViewer,c as ModelViewer,u as TaskScheduler,m as VideoViewer,p as default};

package/package.json CHANGED Viewed

@@ -1,10 +1,11 @@
 {
   "name": "emacroh5lib",
-  "version": "1.0.91",
+  "version": "1.0.95",
   "description": "EMacro前端组件库",
   "main": "dist/emacroh5lib.min.main.js",
   "scripts": {
     "build": "webpack --mode=production --node-env=production",
+    "b": "webpack --mode=production --node-env=production",
     "build:dev": "webpack --mode=development",
     "build:prod": "webpack --mode=production --node-env=production",
     "test:unit": "vue-cli-service test:unit",
@@ -23,9 +24,12 @@
   "author": "wing99.cn",
   "license": "MIT",
   "devDependencies": {
+    "@babel/cli": "^7.21.0",
+    "@babel/core": "^7.21.3",
+    "@babel/preset-env": "^7.20.2",
     "@nuxtjs/composition-api": "^0.32.0",
     "@types/echarts": "^4.9.14",
-    "@types/jest": "^27.4.1",
+    "@types/jest": "^27.5.2",
     "@types/jquery": "^3.5.14",
     "@types/mocha": "^9.1.1",
     "@types/three": "^0.139.0",
@@ -73,9 +77,12 @@
     "webpack-dev-server": "^4.8.1"
   },
   "dependencies": {
+    "@babel/preset-react": "^7.22.15",
+    "@babel/preset-typescript": "^7.22.15",
     "@tweenjs/tween.js": "^18.6.4",
     "@types/file-saver": "^2.0.5",
     "@types/js-cookie": "^3.0.1",
+    "@types/node": "^20.6.0",
     "@vue/cli-plugin-typescript": "^5.0.4",
     "axios": "^0.26.1",
     "blueimp-md5": "^2.19.0",