emacroh5lib 1.0.91 → 1.0.94

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 (5) hide show
  1. package/babel.config.js +12 -1
  2. package/dist/emacroh5lib.min.main.js +1 -1
  3. package/package.json +2 -1
  4. package/tsconfig.json +4 -8
  5. package/webpack.config.js +12 -2
package/babel.config.js CHANGED
@@ -1,5 +1,16 @@
1
1
  module.exports = {
2
2
  presets: [
3
- '@vue/cli-plugin-babel/preset'
3
+ '@vue/cli-plugin-babel/preset',
4
+ [
5
+ '@babel/preset-env',
6
+ {
7
+ modules: false, // preset-env在转码的时候会把es6模块化的语法转成其它模块化的语法，但在项目中我们希望保留es6模块化的语法，所以 配置modules: false,，告诉babel不需要转成其它模块化的语法
8
+ targets: {
9
+ chrome: '49', // 需要兼容的浏览器最低版本
10
+ },
11
+ },
12
+ ],
13
+ '@babel/preset-react',
14
+ '@babel/preset-typescript',
4
15
  ]
5
16
  }
package/dist/emacroh5lib.min.main.js CHANGED
@@ -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=i*t,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",i*this._shrink+"px"),this.setStyleByName(t,"height",o*this._shrink+"px")):(this.setStyleByName(t,"width",i*this._enlarge+"px"),this.setStyleByName(t,"height",o*this._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:34*e.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:34*e.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=.85*window.innerWidth,n=.85*window.innerHeight,r=o/n,a=300;this.gl.camera=new q.iKG(-a*r,a*r,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.x*t,this.gl.geometry.scale.y*t,this.gl.geometry.scale.z*t)):(t=1+t,this.gl.geometry.scale.set(this.gl.geometry.scale.x*t,this.gl.geometry.scale.y*t,this.gl.geometry.scale.z*t))}),{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),.001*i):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),.001*i):t.geometry.rotateOnWorldAxis(new q.Pa4(0,0,1),.001*o)),"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),.001*o)),"-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),.001*o)),"z"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.rotateOnWorldAxis(new q.Pa4(0,1,0),.001*i):t.geometry.rotateOnWorldAxis(new q.Pa4(1,0,0),.001*o)),"-z"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.rotateOnWorldAxis(new q.Pa4(0,1,0),.001*i):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),.001*i):t.geometry.rotateOnWorldAxis(new q.Pa4(1,1,1),.001*o))}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:34*e.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:34*e.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=e*s);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)*e*2,max:r+(i-s)/2*e*2},right:{min:a-Math.min(n,o)*e*2,max:a+(i-s)/2*e*2},top:{min:n-Math.min(r,a)/e*2,max:n+(t-l)/2/e*2},bottom:{min:o-Math.min(r,a)/e*2,max:o+(t-l)/2/e*2}};"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-=e*l/2,i-=e*l/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={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:()=>u});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 u=l},8103:(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(2145),l=a()(n());l.i(s.Z),l.push([e.id,"\n",""]);const u=l},7056:(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(3487),l=a()(n());l.i(s.Z),l.push([e.id,'/* @import "./style/css/index.less"; */\n',""]);const u=l},2659:(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(2638),l=a()(n());l.i(s.Z),l.push([e.id,"\n",""]);const u=l},5039:(e,t,i)=>{i.d(t,{Z:()=>h});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r),s=i(1667),l=i.n(s),u=new URL(i(2671),i.b),d=a()(n()),c=l()(u);d.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 h=d},2145:(e,t,i)=>{i.d(t,{Z:()=>h});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r),s=i(1667),l=i.n(s),u=new URL(i(3554),i.b),d=a()(n()),c=l()(u);d.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 h=d},3487:(e,t,i)=>{i.d(t,{Z:()=>h});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r),s=i(1667),l=i.n(s),u=new URL(i(1348),i.b),d=a()(n()),c=l()(u);d.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 h=d},2638:(e,t,i)=>{i.d(t,{Z:()=>h});var o=i(8081),n=i.n(o),r=i(3645),a=i.n(r),s=i(1667),l=i.n(s),u=new URL(i(5058),i.b),d=a()(n()),c=l()(u);d.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 h=d},4168:(e,t,i)=>{i.d(t,{Ip:()=>be,Ud:()=>p,$p:()=>I,Ko:()=>se,OO:()=>W,OM:()=>oe,Oh:()=>y,Rf:()=>G,ZP:()=>we});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())}))},l=function(e,t){var i,o,n,r,a={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]};return r={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(r[Symbol.iterator]=function(){return this}),r;function s(s){return function(l){return function(s){if(i)throw new TypeError("Generator is already executing.");for(;r&&(r=0,s[0]&&(a=0)),a;)try{if(i=1,o&&(n=2&s[0]?o.return:s[0]?o.throw||((n=o.return)&&n.call(o),0):o.next)&&!(n=n.call(o,s[1])).done)return n;switch(o=0,n&&(s=[2&s[0],n.value]),s[0]){case 0:case 1:n=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,o=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((n=(n=a.trys).length>0&&n[n.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!n||s[1]>n[0]&&s[1]<n[3])){a.label=s[1];break}if(6===s[0]&&a.label<n[1]){a.label=n[1],n=s;break}if(n&&a.label<n[2]){a.label=n[2],a.ops.push(s);break}n[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],o=0}finally{i=n=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}},u=function(){function e(){}return Object.defineProperty(e,"getFileMD5",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return new Promise((function(t,i){var o=new FileReader;o.readAsBinaryString(e),o.onload=function(o){(new(r())).md5(e,(function(e,o){null!==e?t(e):i(o)}),(function(e){console.log("getFileMD5 progress number:",e)}))}}))}}),Object.defineProperty(e,"getBase64",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return new Promise((function(t,i){var o=new FileReader;o.readAsDataURL(e),o.onload=function(){return t(o.result)},o.onerror=function(e){return i(e)}}))}}),Object.defineProperty(e,"getFileChunks",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){void 0===t&&(t=1048576);var i=e.size,o=Math.ceil(i/t),n=new Array;if(i>t)for(var r=0;r<o;r++){var a=r*t,s=(r+1)*t,l=e.slice(a,s);n.push(l)}else n.push(e);return{fileChunks:n,sliceSize:t,chunksLength:n.length}}}),Object.defineProperty(e,"uploadFiles",{enumerable:!1,configurable:!0,writable:!0,value:function(t,i,o,n,r){return void 0===o&&(o=function(e){}),void 0===n&&(n=function(e){}),void 0===r&&(r=1048576),s(this,void 0,void 0,(function(){var a,s,u,d,c,h,p,f,m,b,g,v,w,y,x,_,k;return l(this,(function(l){switch(l.label){case 0:if(""==t[0].fileName||""==t[0].fileSize||0==t[0].fileSize)throw new Error("文件异常");a=0,l.label=1;case 1:return a<t.length?(s=t[a],[4,e.getFileMD5(s)]):[3,9];case 2:for(v in u=l.sent(),d=e.getFileChunks(s,r),c=d.fileChunks,h=d.sliceSize,p=d.chunksLength,f="",null!=t[a].webkitRelativePath&&""!=t[a].webkitRelativePath.trim()&&(-1==(m=t[a].webkitRelativePath.lastIndexOf("\\"))&&(m=t[a].webkitRelativePath.lastIndexOf("/")),-1!=m&&(f=t[a].webkitRelativePath.substring(0,m))),g=[],b=c)g.push(v);w=0,l.label=3;case 3:return w<g.length?(v=g[w])in b?(y=v,x=c[Number(y)],[4,e.getBase64(x)]):[3,6]:[3,7];case 4:return _=l.sent(),k={chunkIndex:Number(y),chunksLength:p,sliceSize:h,chunkSize:x.size,fileSize:s.size,fileName:s.name,lastModifiedDate:s.lastModifiedDate,md5:u,index:a,dataType:"base64",directoryName:f,total:t.length,data:_.split(";base64,")[1]},[4,i(k)];case 5:l.sent(),l.label=6;case 6:return w++,[3,3];case 7:o(s),l.label=8;case 8:return a++,[3,1];case 9:return n(t),[2]}}))}))}}),Object.defineProperty(e,"selectFile",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){return void 0===e&&(e={multiple:!0,accept:"*/*"}),void 0===t&&(t=!1),new Promise((function(i,o){var n=document.createElement("input");n.type="file",n.accept=e.accept,n.webkitdirectory=t,n.multiple=e.multiple,n.addEventListener("change",(function(e){try{n.files?i(n.files):o(new Error("无法读取文件"))}catch(e){o(e)}})),n.click()}))}}),Object.defineProperty(e,"readLocalExcel",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){void 0===t&&(t={multiple:!0,accept:"*/*"}),this.selectFile(t).then((function(t){if(null!==t)for(var i=function(i){var n=t[i],r=new FileReader;r.readAsArrayBuffer(n),r.onloadend=function(t){return s(this,void 0,void 0,(function(){var i;return l(this,(function(r){return i=o.ij(t.target.result,{type:"binary"}),e(n,i),[2]}))}))}},n=0;n<t.length;n++)i(n)})).catch((function(e){throw e}))}}),Object.defineProperty(e,"toExcel",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){return o.ij(e,{type:t})}}),Object.defineProperty(e,"downloadExcel",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){var i=o.cW(e,{bookType:"xls",bookSST:!1,type:"binary",cellStyles:!0});(0,a.saveAs)(new Blob([function(e){for(var t=new ArrayBuffer(e.length),i=new Uint8Array(t),o=0;o!=e.length;++o)i[o]=255&e.charCodeAt(o);return t}(i)],{type:"application/octet-stream"}),t)}}),e}();function c(e,t){var i,o;e>t?(i=e,o=t):(i=t,o=e);var n=i%o;return 0===n?o:c(o,n)}var h=function(e){return s(void 0,void 0,void 0,(function(){var t,i;return l(this,(function(o){switch(o.label){case 0:return(t=document.createElement("video")).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),[4,new Promise((function(e,i){t.addEventListener("canplay",(function(t){var i=c(t.target.videoWidth,t.target.videoHeight);e([t.target.videoWidth/i,t.target.videoHeight/i])}))}))];case 1:return i=o.sent(),document.body.removeChild(t),[2,i]}}))}))},p={version:"1.73",File:u,fullScreen:function(e){void 0===e&&(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:c,getVideoScale:h,getVideoBase64:function(e,t,i){return void 0===t&&(t=-1),void 0===i&&(i=2e3),s(void 0,void 0,void 0,(function(){var o,n,r;return l(this,(function(a){switch(a.label){case 0:return[4,h(e)];case 1:return o=a.sent(),n=o[0]+"",r=o[1]+"",[4,new Promise((function(o){var 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((function(){var 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)}))}))];case 2:return[2,a.sent()]}}))}))},getType:function(e){return Object.prototype.toString.call(e).replace(/\[(\S+) (\S+)\]/,"$2")},extensionToLowerCase:function(e){var t=e.lastIndexOf("."),i=e.substring(t).toLowerCase();return e.substring(0,t)+i},isURL:function(e){return!!/^\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())}},f=i(9560),m=i.n(f);class b{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=m()(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=b.NotReady,this.timerIdList=[]}execute(){return new Promise(((e,t)=>{try{return this.state!=b.Ready?t(this):(this.state=b.Running,this.callback(),this.executions++,this.state=b.Ready,e(this))}catch(e){return this.state=b.Ready,this.error=e,t(this)}}))}ready(){this.state!=b.Ready?this.state=b.Ready:console.warn("task already running",this)}stop(){this.state!=b.NotReady?this.state=b.NotReady:console.warn("task is stopped",this)}clearTimer(){for(;this.timerIdList.length>0;)clearTimeout(this.timerIdList.splice(-1,1))}}class w{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 w.taskMap.set(i.name,i),i}static runAllTask(){for(const e of w.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!==b.Ready&&t.ready();const i=t.interval;t.immediate&&(t.interval=0),setTimeout((()=>{w.runTask(t),t.interval=i}),t.interval)}}static stopAllTask(){for(const e of w.taskMap)e[0],e[1].stop()}static runTask(e){if(e.state!=b.Ready)return e.onStop&&e.onStop(),e.state==b.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((()=>w.runTask(e)),e.interval))})).catch((e=>{e.state=b.Error,e.onError&&e.onError(),e.clearTimer(),e.stop(),console.error("task scheduling exception",e)}))}static stopTask(e){const t=w.taskMap.get(e);t?t.stop():console.warn("not found task: "+e)}static deleteTask(e){const t=w.taskMap.get(e);return t?(t.state=b.Deleted,w.taskMap.delete(e)):(console.warn("not found task: "+e),!1)}}const y=w;var x,_=i(6762),k=(x=function(e,t){return x=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])},x(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function i(){this.constructor=e}x(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}),A=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 C=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"msg",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"name",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"currentTime",{enumerable:!0,configurable:!0,writable:!0,value:""}),Object.defineProperty(t,"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%"}]}}),t}return k(t,e),Object.defineProperty(t.prototype,"reversedMessage",{get:function(){return this.currentTime},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"test2",{enumerable:!1,configurable:!0,writable:!0,value:function(e){alert("你好"),console.log("event",e)}}),Object.defineProperty(t.prototype,"test1",{enumerable:!1,configurable:!0,writable:!0,value:function(){}}),Object.defineProperty(t.prototype,"created",{enumerable:!1,configurable:!0,writable:!0,value:function(){}}),Object.defineProperty(t.prototype,"mounted",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.$nextTick((function(){}))}}),Object.defineProperty(t.prototype,"updated",{enumerable:!1,configurable:!0,writable:!0,value:function(){}}),Object.defineProperty(t.prototype,"destroyed",{enumerable:!1,configurable:!0,writable:!0,value:function(){}}),Object.defineProperty(t,"entryName",{enumerable:!0,configurable:!0,writable:!0,value:"FileViewer"}),A([(0,_.fI)(Number)],t.prototype,"msg",void 0),A([(0,_.fI)()],t.prototype,"name",void 0),A([(0,_.wA)({components:{}}),(0,_.wA)({name:"FileViewer"})],t)}(_.w3);var z=i(3379),P=i.n(z),M=i(7795),S=i.n(M),L=i(569),B=i.n(L),O=i(3565),D=i.n(O),j=i(9216),T=i.n(j),X=i(4589),F=i.n(X),R=i(2406),N={};N.styleTagTransform=F(),N.setAttributes=D(),N.insert=B().bind(null,"head"),N.domAPI=S(),N.insertStyleElement=T(),P()(R.Z,N),R.Z&&R.Z.locals&&R.Z.locals;var E=i(1900);const I=(0,E.Z)(C,(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,Y={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",i*this._shrink+"px"),this.setStyleByName(t,"height",o*this._shrink+"px")):(this.setStyleByName(t,"width",i*this._enlarge+"px"),this.setStyleByName(t,"height",o*this._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 u=()=>(a=document.body.scrollLeft||document.documentElement.scrollLeft,s=document.body.scrollTop||document.documentElement.scrollTop,{scrollLeft:a,scrollTop:s}),d=e=>(n=e.pageX||e.clientX+u().scrollLeft,r=e.pageY||e.clientY+u().scrollTop,{pageX:n,pageY:r});l.onmousedown=n=>(n=n||window.event,e=d(n).pageX-l.offsetLeft,t=d(n).pageY-l.offsetTop,document.onmousemove=n=>{n=n||window.event,i=d(n).pageX-e,o=d(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 Z=i(8103),H={};H.styleTagTransform=F(),H.setAttributes=D(),H.insert=B().bind(null,"head"),H.domAPI=S(),H.insertStyleElement=T(),P()(Z.Z,H),Z.Z&&Z.Z.locals&&Z.Z.locals;const W=(0,E.Z)(Y,(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:34*e.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,U={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&&p.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 p.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 V=i(2659),q={};q.styleTagTransform=F(),q.setAttributes=D(),q.insert=B().bind(null,"head"),q.domAPI=S(),q.insertStyleElement=T(),P()(V.Z,q),V.Z&&V.Z.locals&&V.Z.locals;const G=(0,E.Z)(U,(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:34*e.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 K=i(9477),$=(i(9365),i(7011)),Q=(i(1217),i(6023)),J=(i(3922),i(5394),i(1764),i(4720));const ee={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 K.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 K.Pa4(i.getX(n),i.getY(n),i.getZ(n))),o.push(new K.Pa4(i.getX(r),i.getY(r),i.getZ(r)))}if(o.length>0){const e=(new K.u9r).setFromPoints(o);this.gl.catiaLine.add(new K.ejS(e,new K.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 K.nls({color:16711680}),n=new K.TOt(e,1);n.lineWidth=1;let r=new K.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 K.ZzF).setFromObject(t),r=(n.getCenter(t.position),n.getSize(new K.Pa4));const a=Math.abs(200/r.x);t.scale.set(a,a,a);const s=new K.fQA(t);this.gl.boxHelper=s,s.geometry.computeBoundingBox();let l=this.getCenterPosition(s.geometry.boundingBox.min,s.geometry.boundingBox.max),u=new K.Tme;u.add(t),t.position.z+=-l.z,t.position.x+=-l.x,t.position.y+=-l.y,i.add(u),this.loading=!1;const d=new KeyboardEvent("keydown",{bubbles:!0,cancelable:!0,keyCode:90});document.dispatchEvent(d)},loadModel(e){const t=()=>{let t=new Q.v,i=new $.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,J.Message)({message:n+"加载出错",type:"error",duration:0,showClose:!0}),setTimeout((()=>{this.show=!1}),1e3)}))}),(e=>{}),(e=>{(0,J.Message)({message:o+"加载出错",type:"error",duration:0,showClose:!0}),setTimeout((()=>{this.show=!1}),1e3)}))},i=()=>{this.gl.scene=new K.xsS;let e=new K.Iis(20);this.gl.scene.add(e);let t=new K.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 K.Mig(4473924,1);this.gl.ambient=i,i.position.set(200,300,10),this.gl.scene.add(i);let o=.85*window.innerWidth,n=.85*window.innerHeight,r=o/n,a=300;this.gl.camera=new K.iKG(-a*r,a*r,a,-a,-300,1e3),this.gl.camera.position.set(0,0,500),this.gl.camera.lookAt(new K.Pa4(0,0,0)),this.gl.renderer=new K.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 K.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 K.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 K.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 K.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 K.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.x*t,this.gl.geometry.scale.y*t,this.gl.geometry.scale.z*t)):(t=1+t,this.gl.geometry.scale.set(this.gl.geometry.scale.x*t,this.gl.geometry.scale.y*t,this.gl.geometry.scale.z*t))}),{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 K.Pa4(0,1,0),.001*i):t.geometry.rotateOnWorldAxis(new K.Pa4(0,0,1),.001*-o)),"-x"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.rotateOnWorldAxis(new K.Pa4(0,1,0),.001*i):t.geometry.rotateOnWorldAxis(new K.Pa4(0,0,1),.001*o)),"y"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.rotateOnWorldAxis(new K.Pa4(0,0,1),.001*-i):t.geometry.rotateOnWorldAxis(new K.Pa4(1,0,0),.001*o)),"-y"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.rotateOnWorldAxis(new K.Pa4(0,0,1),.001*i):t.geometry.rotateOnWorldAxis(new K.Pa4(1,0,0),.001*o)),"z"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.rotateOnWorldAxis(new K.Pa4(0,1,0),.001*i):t.geometry.rotateOnWorldAxis(new K.Pa4(1,0,0),.001*o)),"-z"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.rotateOnWorldAxis(new K.Pa4(0,1,0),.001*i):t.geometry.rotateOnWorldAxis(new K.Pa4(1,0,0),.001*-o)),"o"==t.axialDirection&&(Math.abs(i)>Math.abs(o)?t.geometry.rotateOnWorldAxis(new K.Pa4(1,1,1),.001*i):t.geometry.rotateOnWorldAxis(new K.Pa4(1,1,1),.001*o))}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 te=i(7056),ie={};ie.styleTagTransform=F(),ie.setAttributes=D(),ie.insert=B().bind(null,"head"),ie.domAPI=S(),ie.insertStyleElement=T(),P()(te.Z,ie),te.Z&&te.Z.locals&&te.Z.locals;const oe=(0,E.Z)(ee,(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:34*e.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,ne={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 re=i(4167),ae={};ae.styleTagTransform=F(),ae.setAttributes=D(),ae.insert=B().bind(null,"head"),ae.domAPI=S(),ae.insertStyleElement=T(),P()(re.Z,ae),re.Z&&re.Z.locals&&re.Z.locals;const se=(0,E.Z)(ne,(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:34*e.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 le=function(){var e=function(t,i){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])},e(t,i)};return function(t,i){if("function"!=typeof i&&null!==i)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");function o(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),ue=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},de=function(e,t,i){if(i||2===arguments.length)for(var o,n=0,r=t.length;n<r;n++)!o&&n in t||(o||(o=Array.prototype.slice.call(t,0,n)),o[n]=t[n]);return e.concat(o||Array.prototype.slice.call(t))},ce={t:"top",m:"marginTop",b:"bottom"},he={l:"left",m:"marginLeft",r:"right"};const pe=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"name",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"stickSize",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"parentScaleX",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"parentScaleY",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"isActive",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"preventActiveBehavior",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"isDraggable",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"isResizable",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"aspectRatio",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"parentLimitation",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"snapToGrid",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"gridX",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"gridY",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"parentW",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"parentH",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"w",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"h",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"minw",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"minh",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"x",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"y",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"z",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"dragHandle",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"dragCancel",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"sticks",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"axis",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"contentClass",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"isStorage",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"emits",{enumerable:!0,configurable:!0,writable:!0,value:["clicked","dragging","dragstop","resizing","resizestop","activated","deactivated"]}),Object.defineProperty(t,"fixAspectRatio",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(t,"active",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(t,"zIndex",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(t,"parentWidth",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(t,"parentHeight",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(t,"left",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(t,"top",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(t,"right",{enumerable:!0,configurable:!0,writable:!0,value:50}),Object.defineProperty(t,"bottom",{enumerable:!0,configurable:!0,writable:!0,value:50}),Object.defineProperty(t,"minHeight",{enumerable:!0,configurable:!0,writable:!0,value:10}),Object.defineProperty(t,"stickDrag",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(t,"bodyDrag",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(t,"dimensionsBeforeMove",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"limits",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"currentStick",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"aspectFactor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"domEvents",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"parentElement",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"_uid",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),t}return le(t,e),Object.defineProperty(t.prototype,"beforeCreate",{enumerable:!1,configurable:!0,writable:!0,value:function(){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}}),Object.defineProperty(t.prototype,"mounted",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;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((function(e,t){document.documentElement.addEventListener(t,e)})),this.dragHandle&&de([],this.$el.querySelectorAll(this.dragHandle),!0).forEach((function(t){t.setAttribute("data-drag-handle",e._uid)})),this.dragCancel&&de([],this.$el.querySelectorAll(this.dragCancel),!0).forEach((function(t){t.setAttribute("data-drag-cancel",e._uid)})),""!==this.name.trim()&&this.isStorage){var t=JSON.parse(localStorage.getItem("DragResizeView_Rect_"+this.name));null!==t&&null!==t.left&&null!==t.top&&null!==t.right&&null!==t.bottom?(this.left=t.left,this.top=t.top,this.right=t.right,this.bottom=t.bottom):localStorage.removeItem("DragResizeView_Rect_"+this.name)}}}),Object.defineProperty(t.prototype,"beforeDestroy",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.domEvents.forEach((function(e,t){document.documentElement.removeEventListener(t,e)}))}}),Object.defineProperty(t.prototype,"deselect",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.preventActiveBehavior||(this.active=!1)}}),Object.defineProperty(t.prototype,"move",{enumerable:!1,configurable:!0,writable:!0,value:function(e){if(this.stickDrag||this.bodyDrag){e.stopPropagation();var t=void 0!==e.pageX?e.pageX:e.touches[0].pageX,i=void 0!==e.pageY?e.pageY:e.touches[0].pageY,o=this.dimensionsBeforeMove,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)}}}}),Object.defineProperty(t.prototype,"up",{enumerable:!1,configurable:!0,writable:!0,value:function(e){this.stickDrag?this.stickUp():this.bodyDrag&&this.bodyUp()}}),Object.defineProperty(t.prototype,"keydown",{enumerable:!1,configurable:!0,writable:!0,value:function(e){if(this.stickDrag||this.bodyDrag){e.stopPropagation();var t=this.dimensionsBeforeMove,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}var 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)}}}),Object.defineProperty(t.prototype,"bodyDown",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.target,i=e.button;if(this.preventActiveBehavior||(this.active=!0),(!i||0===i)&&(this.$emit("clicked",e),this.active&&!(this.dragHandle&&t.getAttribute("data-drag-handle")!==this._uid.toString()||this.dragCancel&&t.getAttribute("data-drag-cancel")===this._uid.toString()))){void 0!==e.stopPropagation&&e.stopPropagation(),void 0!==e.preventDefault&&e.preventDefault(),this.isDraggable&&(this.bodyDrag=!0);var 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())}}}),Object.defineProperty(t.prototype,"bodyMove",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t,i=this,o=i.dimensionsBeforeMove,n=i.parentWidth,r=i.parentHeight,a=i.gridX,s=i.gridY,l=i.width,u=i.height,d=o.top-e.y,c=o.bottom+e.y,h=o.left-e.x,p=o.right+e.x;if(this.snapToGrid){var f=!0,m=!0,b=d-Math.floor(d/s)*s,g=r-c-Math.floor((r-c)/s)*s,v=h-Math.floor(h/a)*a,w=n-p-Math.floor((n-p)/a)*a;b>s/2&&(b-=s),g>s/2&&(g-=s),v>a/2&&(v-=a),w>a/2&&(w-=a),Math.abs(g)<Math.abs(b)&&(f=!1),Math.abs(w)<Math.abs(v)&&(m=!1),c=r-u-(d-=f?b:g),p=n-l-(h-=m?v:w)}t=this.rectCorrectionByLimit({newLeft:h,newRight:p,newTop:d,newBottom:c}),this.left=t.newLeft,this.right=t.newRight,this.top=t.newTop,this.bottom=t.newBottom,this.$emit("dragging",this.rect),this.storageElementInfo()}}),Object.defineProperty(t.prototype,"bodyUp",{enumerable:!1,configurable:!0,writable:!0,value:function(){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}}}}),Object.defineProperty(t.prototype,"stickDown",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t,i){if(void 0===i&&(i=!1),this.isResizable&&this.active||i){this.stickDrag=!0;var 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()}}}),Object.defineProperty(t.prototype,"saveDimensionsBeforeMove",{enumerable:!1,configurable:!0,writable:!0,value:function(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}}),Object.defineProperty(t.prototype,"stickMove",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t,i,o=this,n=o.currentStick,r=o.dimensionsBeforeMove,a=o.gridY,s=o.gridX,l=o.snapToGrid,u=o.parentHeight,d=o.parentWidth,c=r.top,h=r.bottom,p=r.left,f=r.right;switch(n[0]){case"b":h=r.bottom+e.y,l&&(h=u-Math.round((u-h)/a)*a);break;case"t":c=r.top-e.y,l&&(c=Math.round(c/a)*a)}switch(n[1]){case"r":f=r.right+e.x,l&&(f=d-Math.round((d-f)/s)*s);break;case"l":p=r.left-e.x,l&&(p=Math.round(p/s)*s)}p=(t=this.rectCorrectionByLimit({newLeft:p,newRight:f,newTop:c,newBottom:h})).newLeft,f=t.newRight,c=t.newTop,h=t.newBottom,this.aspectRatio&&(p=(i=this.rectCorrectionByAspectRatio({newLeft:p,newRight:f,newTop:c,newBottom:h})).newLeft,f=i.newRight,c=i.newTop,h=i.newBottom),this.left=p,this.right=f,this.top=c,this.bottom=h,this.$emit("resizing",this.rect),this.storageElementInfo()}}),Object.defineProperty(t.prototype,"stickUp",{enumerable:!1,configurable:!0,writable:!0,value:function(){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)}}),Object.defineProperty(t.prototype,"calcDragLimitation",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.parentWidth,t=this.parentHeight;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}}}}),Object.defineProperty(t.prototype,"calcResizeLimits",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=e.aspectFactor,i=e.width,o=e.height,n=e.bottom,r=e.top,a=e.left,s=e.right,l=this.minh,u=this.minw,d=this.parentLimitation?0:null;this.aspectRatio&&(u/l>t?l=u/t:u=t*l);var c={left:{min:d,max:a+(i-u)},right:{min:d,max:s+(i-u)},top:{min:d,max:r+(o-l)},bottom:{min:d,max:n+(o-l)}};if(this.aspectRatio){var h={left:{min:a-Math.min(r,n)*t*2,max:a+(o-l)/2*t*2},right:{min:s-Math.min(r,n)*t*2,max:s+(o-l)/2*t*2},top:{min:r-Math.min(a,s)/t*2,max:r+(i-u)/2/t*2},bottom:{min:n-Math.min(a,s)/t*2,max:n+(i-u)/2/t*2}};"m"===this.currentStick[0]?(c.left={min:Math.max(c.left.min,h.left.min),max:Math.min(c.left.max,h.left.max)},c.right={min:Math.max(c.right.min,h.right.min),max:Math.min(c.right.max,h.right.max)}):"m"===this.currentStick[1]&&(c.top={min:Math.max(c.top.min,h.top.min),max:Math.min(c.top.max,h.top.max)},c.bottom={min:Math.max(c.bottom.min,h.bottom.min),max:Math.min(c.bottom.max,h.bottom.max)})}return c}}),Object.defineProperty(t.prototype,"sideCorrectionByLimit",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){var i=t;return null!==e.min&&t<e.min?i=e.min:null!==e.max&&e.max<t&&(i=e.max),i}}),Object.defineProperty(t.prototype,"rectCorrectionByLimit",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this.limits,i=e.newRight,o=e.newLeft,n=e.newBottom,r=e.newTop;return{newLeft:o=this.sideCorrectionByLimit(t.left,o),newRight:i=this.sideCorrectionByLimit(t.right,i),newTop:r=this.sideCorrectionByLimit(t.top,r),newBottom:n=this.sideCorrectionByLimit(t.bottom,n)}}}),Object.defineProperty(t.prototype,"rectCorrectionByAspectRatio",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.newLeft,i=e.newRight,o=e.newTop,n=e.newBottom,r=this,a=r.parentWidth,s=r.parentHeight,l=r.currentStick,u=r.aspectFactor,d=r.dimensionsBeforeMove,c=a-t-i,h=s-o-n;if("m"===l[1]){var p=h-d.height;t-=p*u/2,i-=p*u/2}else if("m"===l[0]){var f=c-d.width;o-=f/u/2,n-=f/u/2}else c/h>u?(c=u*h,"l"===l[1]?t=a-i-c:i=a-t-c):(h=c/u,"t"===l[0]?o=s-n-h:n=s-o-h);return{newLeft:t,newRight:i,newTop:o,newBottom:n}}}),Object.defineProperty(t.prototype,"storageElementInfo",{enumerable:!1,configurable:!0,writable:!0,value:function(){if(this.isStorage){if(""===this.name.trim())throw"unspecified name";if(null!==this.rect.left&&null!==this.rect.top&&null!==this.right&&null!==this.bottom){var e={left:this.rect.left,top:this.rect.top,right:this.right,bottom:this.bottom};localStorage.setItem("DragResizeView_Rect_"+this.name,JSON.stringify(e))}}}}),Object.defineProperty(t.prototype,"positionStyle",{get:function(){return{top:this.top+"px",left:this.left+"px",zIndex:this.zIndex}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"sizeStyle",{get:function(){return{width:"auto"==this.w?"auto":this.width+"px",height:"auto"==this.h?"auto":this.height+"px"}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"vdrStick",{get:function(){var e=this;return function(t){var i={width:"".concat(e.stickSize/e.parentScaleX,"px"),height:"".concat(e.stickSize/e.parentScaleY,"px")};return i[ce[t[0]]]="".concat(e.stickSize/e.parentScaleX/-2,"px"),i[he[t[1]]]="".concat(e.stickSize/e.parentScaleX/-2,"px"),i}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"width",{get:function(){return this.parentWidth-this.left-this.right},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"height",{get:function(){return this.parentHeight-this.top-this.bottom},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"rect",{get:function(){return{left:Math.round(this.left),top:Math.round(this.top),width:Math.round(this.width),height:Math.round(this.height)}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"onActive",{enumerable:!1,configurable:!0,writable:!0,value:function(e){e?this.$emit("activated"):this.$emit("deactivated")}}),Object.defineProperty(t.prototype,"onIsActive",{enumerable:!1,configurable:!0,writable:!0,value:function(e){this.active=e}}),Object.defineProperty(t.prototype,"onZ",{enumerable:!1,configurable:!0,writable:!0,value:function(e){(e>=0||"auto"===e)&&(this.zIndex=e)}}),Object.defineProperty(t.prototype,"onX",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){var i=this;if(!this.stickDrag&&!this.bodyDrag&&e!==this.left){var o=t-e;this.bodyDown({pageX:this.left,pageY:this.top}),this.bodyMove({x:o,y:0}),this.$nextTick((function(){i.bodyUp()}))}}}),Object.defineProperty(t.prototype,"onY",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){var i=this;if(!this.stickDrag&&!this.bodyDrag&&e!==this.top){var o=t-e;this.bodyDown({pageX:this.left,pageY:this.top}),this.bodyMove({x:0,y:o}),this.$nextTick((function(){i.bodyUp()}))}}}),Object.defineProperty(t.prototype,"onW",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){var i=this;if(!this.stickDrag&&!this.bodyDrag&&e!==this.width){var o=t-e;this.stickDown("mr",{pageX:this.right,pageY:this.top+this.height/2},!0),this.stickMove({x:o,y:0}),this.$nextTick((function(){i.stickUp()}))}}}),Object.defineProperty(t.prototype,"onH",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){var i=this;if(!this.stickDrag&&!this.bodyDrag&&e!==this.height){var o=t-e;this.stickDown("bm",{pageX:this.left+this.width/2,pageY:this.bottom},!0),this.stickMove({x:0,y:o}),this.$nextTick((function(){i.stickUp()}))}}}),Object.defineProperty(t.prototype,"onParentW",{enumerable:!1,configurable:!0,writable:!0,value:function(e){this.right=e-this.width-this.left,this.parentWidth=e}}),Object.defineProperty(t.prototype,"onParentH",{enumerable:!1,configurable:!0,writable:!0,value:function(e){this.bottom=e-this.height-this.top,this.parentHeight=e}}),ue([(0,_.fI)({type:String,required:!1,default:""})],t.prototype,"name",void 0),ue([(0,_.fI)({type:Number,default:8})],t.prototype,"stickSize",void 0),ue([(0,_.fI)({type:Number,default:1})],t.prototype,"parentScaleX",void 0),ue([(0,_.fI)({type:Number,default:1})],t.prototype,"parentScaleY",void 0),ue([(0,_.fI)({type:Boolean,default:!1})],t.prototype,"isActive",void 0),ue([(0,_.fI)({type:Boolean,default:!1})],t.prototype,"preventActiveBehavior",void 0),ue([(0,_.fI)({type:Boolean,default:!0})],t.prototype,"isDraggable",void 0),ue([(0,_.fI)({type:Boolean,default:!0})],t.prototype,"isResizable",void 0),ue([(0,_.fI)({type:Boolean,default:!1})],t.prototype,"aspectRatio",void 0),ue([(0,_.fI)({type:Boolean,default:!1})],t.prototype,"parentLimitation",void 0),ue([(0,_.fI)({type:Boolean,default:!1})],t.prototype,"snapToGrid",void 0),ue([(0,_.fI)({type:Number,default:50,validator:function(e){return e>=0}})],t.prototype,"gridX",void 0),ue([(0,_.fI)({type:Number,default:50,validator:function(e){return e>=0}})],t.prototype,"gridY",void 0),ue([(0,_.fI)({type:Number,default:0,validator:function(e){return e>=0}})],t.prototype,"parentW",void 0),ue([(0,_.fI)({type:Number,default:0,validator:function(e){return e>=0}})],t.prototype,"parentH",void 0),ue([(0,_.fI)({type:[String,Number],default:200,validator:function(e){return"string"==typeof e?"auto"===e:e>=0}})],t.prototype,"w",void 0),ue([(0,_.fI)({type:[String,Number],default:200,validator:function(e){return"string"==typeof e?"auto"===e:e>=0}})],t.prototype,"h",void 0),ue([(0,_.fI)({type:Number,default:50,validator:function(e){return e>=0}})],t.prototype,"minw",void 0),ue([(0,_.fI)({type:Number,default:50,validator:function(e){return e>=0}})],t.prototype,"minh",void 0),ue([(0,_.fI)({type:Number,default:0,validator:function(e){return"number"==typeof e}})],t.prototype,"x",void 0),ue([(0,_.fI)({type:Number,default:0,validator:function(e){return"number"==typeof e}})],t.prototype,"y",void 0),ue([(0,_.fI)({type:[String,Number],default:"auto",validator:function(e){return"string"==typeof e?"auto"===e:e>=0}})],t.prototype,"z",void 0),ue([(0,_.fI)({type:String,default:null})],t.prototype,"dragHandle",void 0),ue([(0,_.fI)({type:String,default:null})],t.prototype,"dragCancel",void 0),ue([(0,_.fI)({type:Array,default:function(){return["tl","tm","tr","mr","br","bm","bl","ml"]}})],t.prototype,"sticks",void 0),ue([(0,_.fI)({type:String,default:"both",validator:function(e){return-1!==["x","y","both","none"].indexOf(e)}})],t.prototype,"axis",void 0),ue([(0,_.fI)({type:String,required:!1,default:""})],t.prototype,"contentClass",void 0),ue([(0,_.fI)({type:Boolean,required:!1,default:!1})],t.prototype,"isStorage",void 0),ue([(0,_.RL)("active",{immediate:!1,deep:!1})],t.prototype,"onActive",null),ue([(0,_.RL)("isActive",{immediate:!0,deep:!1})],t.prototype,"onIsActive",null),ue([(0,_.RL)("z",{immediate:!0,deep:!1})],t.prototype,"onZ",null),ue([(0,_.RL)("x",{immediate:!1,deep:!1})],t.prototype,"onX",null),ue([(0,_.RL)("y",{immediate:!1,deep:!1})],t.prototype,"onY",null),ue([(0,_.RL)("w",{immediate:!1,deep:!1})],t.prototype,"onW",null),ue([(0,_.RL)("h",{immediate:!1,deep:!1})],t.prototype,"onH",null),ue([(0,_.RL)("parentW",{immediate:!1,deep:!1})],t.prototype,"onParentW",null),ue([(0,_.RL)("parentH",{immediate:!1,deep:!1})],t.prototype,"onParentH",null),ue([(0,_.wA)({name:"DragResizeView"})],t)}(_.w3);var fe=i(4525),me={};me.styleTagTransform=F(),me.setAttributes=D(),me.insert=B().bind(null,"head"),me.domAPI=S(),me.insertStyleElement=T(),P()(fe.Z,me),fe.Z&&fe.Z.locals&&fe.Z.locals;const be=(0,E.Z)(pe,(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;var ge=[I,W,G,be,oe,se],ve=function(e){ve.installed||(ve.installed=!0,ge.map((function(t){e.component(t.name,t)})))};"undefined"!=typeof window&&window.Vue&&ve(window.Vue);const we={}},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(d=0;d<e.length;d++){for(var[i,n,r]=e[d],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(d--,1);var u=n();void 0!==u&&(t=u)}}return t}r=r||0;for(var d=e.length;d>0&&e[d-1][2]>r;d--)e[d]=e[d-1];e[d]=[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,u=0;if(a.some((t=>0!==e[t]))){for(n in s)o.o(s,n)&&(o.m[n]=s[n]);if(l)var d=l(o)}for(t&&t(i);u<a.length;u++)r=a[u],o.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return o.O(d)},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,u=n.OO,c=n.OM,h=n.Oh,p=n.Rf,f=n.ZP;export{r as DragResizeView,a as EMacro,s as FileViewer,l as HtmlViewer,u as ImageViewer,c as ModelViewer,h as TaskScheduler,p as VideoViewer,f as default};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "emacroh5lib",
3
- "version": "1.0.91",
3
+ "version": "1.0.94",
4
4
  "description": "EMacro前端组件库",
5
5
  "main": "dist/emacroh5lib.min.main.js",
6
6
  "scripts": {
@@ -78,6 +78,7 @@
78
78
  "@types/js-cookie": "^3.0.1",
79
79
  "@vue/cli-plugin-typescript": "^5.0.4",
80
80
  "axios": "^0.26.1",
81
+ "babel-polyfill": "^6.26.0",
81
82
  "blueimp-md5": "^2.19.0",
82
83
  "browser-md5-file": "^1.1.1",
83
84
  "core-js": "^3.22.2",
package/tsconfig.json CHANGED
@@ -10,8 +10,8 @@
10
10
  "declarationDir": "./dist/types/", // 声明文件打包的位置
11
11
  "declarationMap": false, // 是否生成声明文件map文件（便于调试）
12
12
  "moduleResolution": "node",
13
- "module": "esnext",
14
- "target": "es6", // 转化成的目标语言
13
+ "module": "es6",
14
+ "target": "es5", // 转化成的目标语言
15
15
  "baseUrl": "./",
16
16
  "strict": true,
17
17
  "jsx": "react",
@@ -33,13 +33,9 @@
33
33
  "./node_modules/@types"
34
34
  ],
35
35
  "lib": [
36
- "dom",
37
- "es2015",
38
- "esnext",
39
- "dom.iterable",
40
- "scripthost"
36
+ "es6"
41
37
  ],
42
- "allowJs": false
38
+ "allowJs": true
43
39
  },
44
40
  "include": [
45
41
  "src/**/*.ts",
package/webpack.config.js CHANGED
@@ -88,7 +88,7 @@ const config = {
88
88
  ]
89
89
  },
90
90
  {
91
- test: /\.(ts|tsx)$/i,
91
+ test: /\.(ts)$/i,
92
92
  loader: "ts-loader",
93
93
  options: {
94
94
  appendTsSuffixTo: [/\.(vue)$/],
@@ -96,6 +96,16 @@ const config = {
96
96
  },
97
97
  exclude: ["/node_modules/"],
98
98
  },
99
+ {
100
+ test: /\.(tsx|jsx)$/i,
101
+ exclude: { and: [/node_modules/] },
102
+ loader: require.resolve('babel-loader'),
103
+ options: { // babel中的配置
104
+ presets: ['@babel/preset-env'], // ...babelConfig.presets,
105
+ plugins: [], // ...babelConfig.plugins,
106
+ // ... babelConfig.others
107
+ }
108
+ },
99
109
  {
100
110
  test: /\.less$/i,
101
111
  use: ['style-loader', 'css-loader', 'less-loader'],
@@ -138,7 +148,7 @@ module.exports = () => {
138
148
  }
139
149
 
140
150
  // 打包文件大小配置
141
- config.performance = {
151
+ config.performance = {
142
152
  maxEntrypointSize: 1024 * 1024,
143
153
  maxAssetSize: 1024 * 1024 * 1
144
154
  }