cione-comp-lib/lib/packages/co-mix-rotate/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("./props.js"),o=require("./level-view.js");require("./index3.js");var n=require("../tools.js"),l=require("../../_virtual/plugin-vue_export-helper.js");const i=e.defineComponent({name:"CoMixRotate",props:t.default,components:{LevelView:o.default},setup(t){const o=e.ref(0),l=e.ref(0),i=e.ref(!1);return e.onMounted((()=>{})),e.onUnmounted((()=>{})),{mouseEnter:function(e){i.value=!0,o.value=e.clientX},mouseOver:function(e){i.value&&(l.value=e.clientX-o.value)},mouseLeave:function(){i.value=!1,o.value=0,l.value=0},touchStart:function(e){const[t]=e.touches;i.value=!0,o.value=t.clientX},touchMove:function(e){const[t]=e.touches;i.value&&(l.value=t.clientX-o.value)},touchEnd:function(){i.value=!1,o.value=0,l.value=0},imgClick:function(e){n.handlePushEvent({key:"CoMixRotate",elementId:t.dataKey,event:"click",data:e})},itemClick:function(e){n.handlePushEvent({key:"CoMixRotate",elementId:t.dataKey,event:"click",data:e})},isStop:i,diff:l,...e.toRefs(t)}}}),r={class:"co-mix-rotate3d"};var a=l.default(i,[["render",function(t,o,n,l,i,a){const s=e.resolveComponent("level-view");return e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("div",{class:"co-mix-zepto-body",style:e.normalizeStyle({transform:`translateY(${t.transformY}%)`})},[e.createElementVNode("div",{class:"co-mix-zepto-wrapper",style:e.normalizeStyle({"--rotateX":`${t.angle}%`})},[e.createElementVNode("div",{class:"co-mix-zepto-main",style:e.normalizeStyle({transform:"rotateX(0deg)"}),onMousedown:o[0]||(o[0]=(...e)=>t.mouseEnter&&t.mouseEnter(...e)),onMousemove:o[1]||(o[1]=e.withModifiers(((...e)=>t.mouseOver&&t.mouseOver(...e)),["prevent"])),onMouseup:o[2]||(o[2]=(...e)=>t.mouseLeave&&t.mouseLeave(...e)),onTouchstart:o[3]||(o[3]=(...e)=>t.touchStart&&t.touchStart(...e)),onTouchmove:o[4]||(o[4]=(...e)=>t.touchMove&&t.touchMove(...e)),onTouchend:o[5]||(o[5]=(...e)=>t.touchEnd&&t.touchEnd(...e))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.list,((o,n)=>(e.openBlock(),e.createBlock(s,{list:o.list,"text-data":o.textData,"special-speed":o.speed,"special-deg":o.deg,"show-image":0===n,level:n,"transform-y":t.containerY,"image-props":t.imageStyle,"container-props":t.containerStyle,"title-props":t.titleStyle,"text-props":t.textStyle,"perspective-percenter":t.perspectivePercenter,"line-props":t.lineStyle,"point-props":t.pointStyle,distance:t.startDistance+t.interval*n,"is-stop":t.isStop,diff:t.diff,onImgClick:t.imgClick,onItemClick:t.itemClick},null,8,["list","text-data","special-speed","special-deg","show-image","level","transform-y","image-props","container-props","title-props","text-props","perspective-percenter","line-props","point-props","distance","is-stop","diff","onImgClick","onItemClick"])))),256))],36)],4)],4)])}]]);exports.default=a;