cione-comp-lib/lib/packages/co-model-viewer/index2.js

`$ yarn add cione-comp-lib` 或者 `$ npm i cione-comp-lib -S`

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue"),t=require("../../node_modules/_@google_model-viewer@3.0.2@@google/model-viewer/lib/model-viewer.js"),o=require("./props.js");require("./index3.js");var n=require("../../_virtual/plugin-vue_export-helper.js");const a=e.defineComponent({name:"CoModelViewer",props:o.default,components:{ModelViewerElement:t.ModelViewerElement},setup(t){const o=e.ref(),n=e.reactive({});const a=e.computed((()=>({"background-color":t.mainContainerStyle.backgroundColor,"--width":`${t.mainContainerStyle.width}%`,"--height":`${t.mainContainerStyle.height}%`}))),l=e.computed((()=>({"--size":`${t.btnStyle.size}px`,"--bgColor":t.btnStyle.backgroundColor}))),i=e.computed((()=>({"--width":`${t.containerStyle.width}px`,"--bgColor":t.containerStyle.backgroundColor,"--color":t.containerStyle.color,"--fontSize":`${t.containerStyle.fontSize}px`,"--fontWeight":t.containerStyle.fontWeight,"--fontFamily":t.containerStyle.fontFamily})));return e.onMounted((function(){const e=o.value;t.initData.orbit&&(e.cameraOrbit=t.initData.orbit),t.initData.target&&(e.initTarget=t.initData.target)})),e.watch((()=>t.data),(function(){const e=o.value,n=t.data;for(let t=0;t<n.length;t++){const o=n[t];e.updateHotspot({name:o.slot,position:o.position,normal:o.normal})}})),{element:o,state:n,clickFn:function(){},hotspotBtnFn:function(e){if("none"!==e.actionType){if("show"===e.actionType)return e.elementShow=!e.elementShow;if("scale"===e.actionType){const t=o.value;t.cameraTarget=e.dataTarget,t.cameraOrbit=e.dataOrbit,t.fieldOfVIew=e.fieldOfView,t.zoom(e.zoom)}}},mainContainerStyle_c:a,btnStyle_c:l,containerStyle_c:i,...e.toRefs(t)}}}),l=["slot","data-surface","data-position","data-normal","data-orbit","data-target","onClick"],i=["textContent"],r=["src"],c=["src"];var s=n.default(a,[["render",function(t,o,n,a,s,d){const m=e.resolveComponent("model-viewer");return e.openBlock(),e.createElementBlock("div",{class:"co-model-viewer-main-container",style:e.normalizeStyle({...t.mainContainerStyle_c})},[e.createVNode(m,{ref:"element",style:e.normalizeStyle([{width:"var(--width)",height:"var(--height)"},{...t.mainContainerStyle_c}]),src:t.url,"environment-image":t.envImage,"camera-controls":"",onClick:t.clickFn},{default:e.withCtx((()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data,(o=>(e.openBlock(),e.createElementBlock("button",{class:"hotspot",style:e.normalizeStyle({...t.btnStyle_c}),slot:o.slot,"data-surface":o.surface,"data-position":o.position,"data-normal":o.normal,"data-orbit":o.dataOrbit,"data-target":o.dataTarget,"data-visibility-attribute":"visible",onClick:e=>t.hotspotBtnFn(o)},["text"===o.type&&o.data?(e.openBlock(),e.createElementBlock("div",{key:0,class:"hotspot-annotation-text",style:e.normalizeStyle({...t.containerStyle_c,display:o.elementShow?"block":"none"}),textContent:e.toDisplayString(o.data)},null,12,i)):e.createCommentVNode("",!0),"img"===o.type?(e.openBlock(),e.createElementBlock("div",{key:1,class:"hotspot-annotation-img",style:e.normalizeStyle({...t.containerStyle_c,display:o.elementShow?"block":"none"})},[o.data?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.data},null,8,r)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),"video"===o.type?(e.openBlock(),e.createElementBlock("div",{key:2,class:"hotspot-annotation-video",style:e.normalizeStyle({...t.containerStyle_c,display:o.elementShow?"block":"none"})},[o.data?(e.openBlock(),e.createElementBlock("video",{key:0,src:o.data,controls:""},null,8,c)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],12,l)))),256))])),_:1},8,["style","src","environment-image","onClick"])],4)}]]);exports.default=s;