st-common-ui-vue3
Version:
小尾巴通用 Vue3 UI 组件库
2 lines (1 loc) • 1.88 kB
JavaScript
"use strict";const t=require("vue"),l=require("../../node_modules/.pnpm/st-common-ui-utils@0.1.1/node_modules/st-common-ui-utils/es/utils/el-size-util.js"),o=require("../../node_modules/.pnpm/vanilla-tilt@1.8.1/node_modules/vanilla-tilt/lib/vanilla-tilt.es2015.js"),s=t.defineComponent({name:"St3DTiltContainer",__name:"St3DTiltContainer",props:{width:{default:"100%"},height:{default:"100%"},max:{default:35},startX:{default:0},startY:{default:0},perspective:{default:1e3},scale:{default:1},speed:{default:300},transition:{type:Boolean,default:!0},axis:{default:null},reset:{type:Boolean,default:!0},resetToStart:{type:Boolean,default:!0},easing:{default:"cubic-bezier(.03,.98,.52,.99)"},glare:{type:Boolean,default:!1},maxGlare:{default:1},gyroscope:{type:Boolean,default:!0},gyroscopeMinAngleX:{default:-45},gyroscopeMaxAngleX:{default:45},gyroscopeMinAngleY:{default:-45},gyroscopeMaxAngleY:{default:45},fullPageListening:{type:Boolean,default:!1}},setup(n){const e=n,r=t.ref(null);return t.onMounted(()=>{o.init(r.value,{max:e.max,startX:e.startX,startY:e.startY,perspective:e.perspective,scale:e.scale,speed:e.speed,transition:e.transition,axis:e.axis,reset:e.reset,"reset-to-start":e.resetToStart,easing:e.easing,glare:e.glare,"max-glare":e.maxGlare,gyroscope:e.gyroscope,gyroscopeMinAngleX:e.gyroscopeMinAngleX,gyroscopeMaxAngleX:e.gyroscopeMaxAngleX,gyroscopeMinAngleY:e.gyroscopeMinAngleY,gyroscopeMaxAngleY:e.gyroscopeMaxAngleY,"full-page-listening":e.fullPageListening})}),t.onBeforeUnmount(()=>{r.value.destroy()}),(a,i)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"st3DContainerRef",ref:r,class:"st-3d-container",style:t.normalizeStyle({width:t.unref(l).elSizePreHandler(a.width),height:t.unref(l).elSizePreHandler(a.height),perspective:t.unref(l).elSizePreHandler(a.perspective)})},[t.renderSlot(a.$slots,"default",{},void 0,!0)],4))}});module.exports=s;