| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-725787b4"],{"02b4":function(e,t,o){},"0b1d":function(e,t,o){},"1aea":function(e,t,o){"use strict";var s=o("02b4"),i=o.n(s);i.a},"441e":function(e,t,o){},5320:function(e,t,o){"use strict";var s=o("441e"),i=o.n(s);i.a},"5d62":function(e,t,o){"use strict";var s=o("fa8d"),i=o.n(s);i.a},"8dbf":function(e,t,o){"use strict";var s=o("0b1d"),i=o.n(s);i.a},aec5:function(e,t,o){"use strict";o.r(t);var s=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"app-layout",class:{disable:e.$config.isMobile&&e.disable&&e.isVideo}},[o("div",{staticClass:"app-player"},[o("Player")],1),o("div",{staticClass:"app-iframe",class:{full:e.isFull}},[o("iframe",{attrs:{id:"kankan-embedded-frame",src:"spc.html?m="+e.m+"&appname=decor",frameborder:"0"}}),o("i",{staticClass:"iconfont",class:[e.isFull?"":"iconshow_full_Screen"],on:{click:function(t){e.isFull=!e.isFull}}}),e.$config.isMobile&&e.isVideo?o("div",{staticClass:"video"},[o("video",{staticStyle:{"object-fit":"cover"},attrs:{preload:"auto","webkit-playsinline":"true",playsinline:"true",muted:"",autobuffer:"","x5-video-player-type":"h5",src:"https://4d-tjw.oss-cn-shenzhen.aliyuncs.com/domain/eHome/furniture/video/"+e.m+"/start.mp4?"+e.t,poster:"https://4dkankan.oss-cn-shenzhen.aliyuncs.com/images/images"+e.m+"/tiles/startJPG/start.jpg?"+e.t},domProps:{muted:!0},on:{error:e.onVideoEnd,ended:e.onVideoEnd}})]):e._e()]),o("Loading"),e.show?[e.showNavigations.map?o("Map"):e._e(),o("Header",{attrs:{"is-full":e.isFull},on:{back:function(t){e.isFull=!1}}})]:e._e()],2)},i=[],a=(o("8e6e"),o("ac6a"),o("456d"),o("7514"),o("28a5"),o("ade3")),n=o("2f62"),c=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("player",{ref:"player"})},r=[],l=o("b31b"),d=o("c7b2"),p=(o("6860"),{components:{Player:l["a"]},mounted:function(){this.$refs.player.start()},methods:{init:function(){}}}),u=p,h=o("2877"),f=Object(h["a"])(u,c,r,!1,null,null,null),m=f.exports,w=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"map",class:{app:e.isApp,collapse:e.isCollapse||0==e.player.showMap,full:"pano"!=e.mode,disable:e.status.isPlaying},on:{touchmove:function(e){e.preventDefault()}}},[o("div",{directives:[{name:"show",rawName:"v-show",value:"pano"!=e.mode,expression:"mode != 'pano'"}],staticClass:"tab-layer"},[o("div",{staticClass:"tabs",class:{disable:!e.disable||e.status.isPlaying}},[o("span",{class:{active:"2d"===e.mode},on:{click:function(t){return e.changeMode("2d")}}},["zh"==e.$config.lang?o("i",{staticClass:"iconfont",class:["2d"==e.mode?"iconshow_plane_selected":"iconshow_plane_normal"]}):e._e(),e._v("\n "+e._s(e.$t("show.switch_2d"))+"\n ")]),o("span",{class:{active:"3d"===e.mode},on:{click:function(t){return e.changeMode("3d")}}},["zh"==e.$config.lang?o("i",{staticClass:"iconfont",class:["3d"==e.mode?"iconshow_3d_selected":"iconshow_3d_normal"]}):e._e(),e._v("\n "+e._s(e.$t("show.switch_3d"))+"\n ")]),o("div",{ref:"background",staticClass:"background"})])]),o("div",{directives:[{name:"show",rawName:"v-show",value:"pano"==e.mode,expression:"mode == 'pano'"}],staticClass:"map-layer",on:{click:function(t){return e.changeMode("2d")}}},[o("div",{ref:"cad",staticClass:"cad"}),o("p",{staticClass:"change",on:{click:function(t){return t.stopPropagation(),e.changeMode("3d")}}},[o("i",{staticClass:"iconfont iconscene_map_3d"}),e._v("\n "+e._s(e.$t("show.map_3d"))+"\n ")])]),o("span",{directives:[{name:"show",rawName:"v-show",value:"pano"==e.mode,expression:"mode == 'pano'"}],staticClass:"btn-side",on:{click:function(t){t.stopPropagation(),e.isCollapse=!e.isCollapse}}},[o("i",{staticClass:"iconfont iconshow_map_collect"})])])},b=[],v=o("26d4"),y=o("f708");function g(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,s)}return o}function O(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?g(Object(o),!0).forEach((function(t){Object(a["a"])(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):g(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var _={data:function(){return{show:!1,isApp:y["a"],isLock:!1,isPickup:!1,isCollapse:!1}},computed:O({},Object(n["b"])({mode:"mode",player:"player",floor:"scene/houstFloor",status:"guide/status",disable:"modeCanSwitch",showNavigations:"showNavigations"})),methods:{changeMode:function(e){(this.showNavigations.m2d||this.showNavigations.m3d)&&("2d"!=e||this.showNavigations.m2d||(e="3d"),Object(d["flyToNewMode"])(e),this.$store.commit("SetPlayerOptions",{showDescription:!1,showMore:!1,showMap:!0,showToolbar:!0}))},hideMap:function(){this.isCollapse=!0}},watch:{mode:function(){var e=this;!this.$refs.background||"2d"!=this.mode&&"3d"!=this.mode||this.$nextTick((function(){var t=$(e.$el).find(".tabs .active");e.$refs.background.style.width=t[0].getBoundingClientRect().width+"px",e.$refs.background.style.left=t.position().left+"px"}))},floor:function(){this.showNavigations.map&&(this.cad.adapt(),this.cad.loadData(this.floor),this.cad.toCanvas(),this.show=!0,this.cad.setSign({x:app.firstView.position.x,y:app.firstView.position.z},app.cameraControls.controls.panorama.lon),this.$bus.emit("sign/Set/angle",this.cad.processing.data.dire))}},mounted:function(){var e=this;this.showNavigations.map&&(this.cad=Object(v["a"])({data:this.floor,layer:this.$refs.cad,edit:!1,padding:1,isCanvas:!0}),this.cad.hideDire(),this.cad.setDefaultPointStyle({fillColor:"rgba(0,0,0,0)",storkeColor:"rgba(0,0,0,0)"}),this.cad.toCanvas(),this.listen=function(t){var o=t.x,s=t.y,i=t.lon;return e.cad.setSign({x:o,y:s},i)},this.$bus.on("player/position/change",this.listen),this.$bus.on("show/map/vis",this.listen))},beforeDestroy:function(){this.cad.destroy(),this.$bus.off("player/position/change",this.listen)}},C=_,k=(o("8dbf"),Object(h["a"])(C,w,b,!1,null,"975180e0",null)),S=k.exports,j=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"header",class:{app:e.isApp,disable:e.status.isPlaying},on:{touchmove:function(e){e.preventDefault()}}},[o("div",{staticClass:"left",class:{show:e.player.showVR&&!e.isApp||e.isFull}},[o("div",{directives:[{name:"show",rawName:"v-show",value:"pano"!=e.mode&&!e.isApp||e.isFull,expression:"(mode != 'pano' && !isApp) || isFull"}],staticClass:"back-pano",on:{click:e.onChangeMode}},[o("i",{staticClass:"iconfont iconshow_back"})]),o("div",{directives:[{name:"show",rawName:"v-show",value:"pano"==e.mode&&!e.isFull,expression:"mode == 'pano' && !isFull"}],staticClass:"back",on:{click:e.onBack}},[o("i",{staticClass:"iconfont icon_back"})])]),o("div",{staticClass:"title"},[o("div",[o("span",[e._v("\n "+e._s(e.title)+"\n ")])])]),o("div",{staticClass:"right",class:{more:e.player.showMore},style:{visibility:e.$config.isMobile?"visible":"hidden"},on:{click:function(t){return e.onMenuClick("share")}}},[o("i",{staticClass:"iconfont iconshow_share"})]),o("transition",{attrs:{appear:"",name:"custom-classes-transition","enter-active-class":"animated fadeInUp short faster","leave-active-class":"animated fadeOutDown short faster"}},[e.player.showDescription?o("div",{staticClass:"content",class:{drak:"pano"!=e.mode},on:{click:e.onShowDescription}},[o("div",[o("div",{domProps:{innerHTML:e._s(e.description)}})])]):e._e()]),e.isApp?[o("transition",{attrs:{appear:"",name:"custom-classes-transition","enter-active-class":"animated slideInUp faster","leave-active-class":"animated slideOutDown faster"}},[e.showShare?o("div",{staticClass:"app-share"},[o("ul",[o("li",{on:{click:function(t){return e.onShare("weixin")}}},[o("i",{staticClass:"iconfont icon_wechat"}),o("div",[e._v(e._s(e.$t("modules.base.wechat")))])]),o("li",{on:{click:function(t){return e.onShare("weixinFriend")}}},[o("i",{staticClass:"iconfont icon_friend"}),o("div",[e._v(e._s(e.$t("modules.base.friend_circle")))])]),o("li",{on:{click:function(t){return e.onShare("qq")}}},[o("i",{staticClass:"iconfont icon_qq"}),o("div",[e._v("QQ")])]),o("li",{on:{click:function(t){return e.onShare("copy")}}},[o("i",{staticClass:"iconfont iconlink"}),o("div",[e._v(e._s(e.$t("modules.base.scene_link_copy")))])])]),o("div",{on:{click:function(t){e.showShare=!1}}},[e._v(e._s(e.$t("common.cancel")))])]):e._e()])]:e._e(),o("div",{directives:[{name:"show",rawName:"v-show",value:e.showCopy,expression:"showCopy"}],staticClass:"url-share"},[o("div",[o("div",{staticClass:"tips"},[o("h4",[e._v(e._s(e.$t("modules.base.share_link")))]),o("i",{staticClass:"iconfont iconshow_cancel",on:{click:function(t){e.showCopy=!1}}})]),o("div",{staticClass:"url"},[e._v(e._s(e.shareURL))]),o("div",{staticClass:"btns"},[o("button",{staticClass:"ui-button cancel",on:{click:function(t){e.showCopy=!1}}},[e._v("\n "+e._s(e.$t("common.cancel"))+"\n ")]),o("button",{staticClass:"ui-button submit btn-share-copy",attrs:{"data-clipboard-text":e.shareURL}},[e._v("\n "+e._s(e.$t("modules.base.shortcut_copy"))+"\n ")])])])])],2)},P=[],M=o("617a"),D=o("7f46"),x=o("ff11");function N(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,s)}return o}function T(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?N(Object(o),!0).forEach((function(t){Object(a["a"])(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):N(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var F=M["a"].urlQueryValue("share_url");F=F?decodeURIComponent(F):location.href.split("#")[0];var E={props:{isFull:Boolean},data:function(){return{isApp:y["a"],showCopy:!1,showShare:!1,isMusicPlaying:!1,shareURL:F}},watch:{showCopy:function(){this.$store.commit("SetPlayerOptions",{showMap:!this.showCopy,showToolbar:!this.showCopy})},showShare:function(){this.$store.commit("SetPlayerOptions",{showMap:!this.showShare,showToolbar:!this.showShare})}},computed:T(T({},Object(n["b"])({mode:"mode",player:"player",music:"scene/music",tempdata:"scene/tempdata",metadata:"scene/metadata",status:"guide/status",showNavigations:"showNavigations"})),{},{title:function(){var e="";return this.tempdata.title?e=this.tempdata.title:this.metadata.sceneName&&(e=this.metadata.sceneName),document.title=e,e},description:function(){var e="";return this.tempdata.description?e=this.tempdata.description:this.metadata.sceneDec&&(e=this.tempdata.sceneDec),Object(D["c"])(e)?e:""}}),created:function(){var e=this;window.Back=function(){e.onBack()},x["a"].on("play",(function(){e.isMusicPlaying=!0})),x["a"].on("off",(function(){e.isMusicPlaying=!1})),y["a"]&&this.$bus.on("orientation",(function(){y["d"]&&(e.$el.style.top=y["d"]+"px");var t=e.$el.querySelector(".back").getBoundingClientRect(),o={BackBtnInfo:{left:t.left,top:t.top,radius:t.width/2}};M["a"].detectAndroid()?Object(y["c"])(JSON.stringify(o)):Object(y["c"])(o)}))},mounted:function(){var e=this;this.$nextTick((function(){if(document.querySelector("#player").addEventListener("touchstart",(function(){e.player.showMore?e.$store.commit("SetPlayerOptions",{showMore:!1,showMap:!0,showToolbar:!0}):e.player.showDescription&&e.$store.commit("SetPlayerOptions",{showDescription:!1,showMap:!0,showToolbar:!0})})),document.querySelector("#player-b").addEventListener("touchstart",(function(){e.player.showMore&&e.$store.commit("SetPlayerOptions",{showDescription:!1,showMap:!0,showToolbar:!0})})),new ClipboardJS(e.$el.querySelector(".btn-share-copy")).on("success",(function(t){e.showCopy=!1,e.$tips({content:e.$t("modules.base.scene_link_copy_tips")}),t.clearSelection()})),y["a"]){y["d"]&&(e.$el.style.top=y["d"]+"px");var t=e.$el.querySelector(".back").getBoundingClientRect(),o={BackBtnInfo:{left:t.left,top:t.top,radius:t.width/2}};M["a"].detectAndroid()?Object(y["c"])(JSON.stringify(o)):Object(y["c"])(o)}}))},methods:{onBack:function(){this.player.showVR&&(Object(y["c"])("VRMode0"),this.$store.commit("SetVR",!1))},onShowMore:function(){var e=!this.player.showMore;this.$store.commit("SetPlayerOptions",{showMore:e,showMap:0==e,showToolbar:0==e,showDescription:!1})},onShowDescription:function(){var e=!this.player.showDescription;this.$store.commit("SetPlayerOptions",{showMore:!1,showMap:0==e,showToolbar:0==e,showDescription:e})},onMenuClick:function(e){var t=this;this.$store.commit("SetPlayerOptions",{showMore:!1,showDescription:!1,showMap:!0,showToolbar:!0}),this.$nextTick((function(){"music"==e?t.isMusicPlaying?x["a"].pause():x["a"].play():"share"==e?t.isApp?t.showShare=!0:t.showCopy=!0:"measure"===e?t.$bus.emit("measure/Handle","start"):"vr"==e&&(Object(y["c"])("VRMode1"),t.$store.commit("SetVR",!0))}))},onShare:function(e){var t=this;"copy"==e?(this.showShare=!1,this.$nextTick((function(){t.showCopy=!0}))):(Object(y["c"])("Share-".concat(e)),this.showCopy=!1,this.showShare=!1)},onChangeMode:function(){this.isFull?this.$emit("back"):Object(d["flyToNewMode"])("pano")}}},L=E,V=(o("d1cd"),o("1aea"),Object(h["a"])(L,j,P,!1,null,"acf2fb90",null)),B=V.exports,R=o("49c7");function q(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,s)}return o}function A(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?q(Object(o),!0).forEach((function(t){Object(a["a"])(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):q(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function J(e){if(M["a"].detectWeixin()){var t=function(){"undefined"!==typeof parent.WeixinJSBridge&&parent.WeixinJSBridge.invoke("getNetworkType",{},(function(t){e()}),!1)};"undefined"!==typeof parent.WeixinJSBridge?t():parent.document.addEventListener("WeixinJSBridgeReady",t)}else e()}var U={name:"app-decor",components:{Player:m,Loading:R["a"],Map:S,Header:B},computed:A({},Object(n["b"])({mode:"mode",player:"player",showNavigations:"showNavigations"})),data:function(){return{m:M["a"].urlQueryValue("m2"),t:Date.now(),show:!1,isFull:!1,isVideo:"4dkankan"!=M["a"].urlQueryValue("from"),disable:!0}},watch:{mode:function(){"pano"!=this.mode&&(document.querySelector("#kankan-embedded-frame").contentDocument.querySelector("#compass").style.visibility="hidden")},isFull:function(){document.querySelector("#kankan-embedded-frame").contentDocument.querySelector("#compass").style.visibility=this.isFull?"visible":"hidden","2d"==this.mode&&setTimeout((function(){"floorplan"==app.player.modeTran.split("-")[1]&&app.player.FlyToMode("floorplan",(function(){__api.screen.switchFollow(),app.player.switchCameraMode("floorplan"),app.player.update(),app.player.VR_Rotate(!0)}))}),1)}},created:function(){var e=this;this.$store.commit("scene/SetLogoEdit",!0),window.addEventListener("message",(function(t){var o=t.data.cmd;o&&"loaded"==o&&(t.data.isParent?e._appLoaded=!0:e._frmLoaded=!0,e.hideLoading())}))},methods:{hideLoading:function(){var e=this;if(this._appLoaded&&this._frmLoaded){setTimeout((function(){e.show=!0,e.$store.commit("scene/SetLogoEdit",!1)}),200);var t=$(this.$el).find(".app-iframe .video");t.length&&J((function(){t.find("video")[0].play()}))}},onVideoEnd:function(){this.disable=!1,$(this.$el).find(".app-iframe .video").remove()}}},z=U,H=(o("cb0c"),o("5320"),o("5d62"),Object(h["a"])(z,s,i,!1,null,"6e7cb3fe",null));t["default"]=H.exports},af8e:function(e,t,o){},d1cd:function(e,t,o){"use strict";var s=o("af8e"),i=o.n(s);i.a},fa8d:function(e,t,o){}}]);
|
