| 1 |
- var __vite_style__=document.createElement("style");__vite_style__.innerHTML="view-block[data-v-7de0c5ea]{display:block}@keyframes nutFadeIn-7de0c5ea{from{opacity:0}to{opacity:1}}@keyframes nutFadeOut-7de0c5ea{from{opacity:1}to{opacity:0}}.nutFade-enter-active[data-v-7de0c5ea],.nutFade-leave-active[data-v-7de0c5ea],.nutFadeIn[data-v-7de0c5ea],.nutFadeOut[data-v-7de0c5ea]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutFade-enter-active[data-v-7de0c5ea],.nutFadeIn[data-v-7de0c5ea]{animation-name:nutFadeIn-7de0c5ea}.nutFade-leave-active[data-v-7de0c5ea],.nutFadeOut[data-v-7de0c5ea]{animation-name:nutFadeOut-7de0c5ea}@keyframes nutZoomIn-7de0c5ea{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes nutZoomOut-7de0c5ea{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.nutZoom-enter-active[data-v-7de0c5ea],.nutZoom-leave-active[data-v-7de0c5ea],.nutZoomIn[data-v-7de0c5ea],.nutZoomOut[data-v-7de0c5ea]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutZoom-enter-active[data-v-7de0c5ea],.nutZoomIn[data-v-7de0c5ea]{animation-name:nutZoomIn-7de0c5ea}.nutZoom-leave-active[data-v-7de0c5ea],.nutZoomOut[data-v-7de0c5ea]{animation-name:nutZoomOut-7de0c5ea}@keyframes nutEaseIn-7de0c5ea{0%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}@keyframes nutEaseOut-7de0c5ea{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.9)}}.nutEase-enter-active[data-v-7de0c5ea],.nutEase-leave-active[data-v-7de0c5ea],.nutEaseIn[data-v-7de0c5ea],.nutEaseOut[data-v-7de0c5ea]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutEase-enter-active[data-v-7de0c5ea],.nutEaseIn[data-v-7de0c5ea]{animation-name:nutEaseIn-7de0c5ea}.nutEase-leave-active[data-v-7de0c5ea],.nutEaseOut[data-v-7de0c5ea]{animation-name:nutEaseOut-7de0c5ea}@keyframes nutDropIn-7de0c5ea{0%{opacity:0;transform:scaleY(.8)}100%{opacity:1;transform:scaleY(1)}}@keyframes nutDropOut-7de0c5ea{0%{opacity:1;transform:scaleY(1)}100%{opacity:0;transform:scaleY(.8)}}.nutDrop-enter-active[data-v-7de0c5ea],.nutDrop-leave-active[data-v-7de0c5ea],.nutDropIn[data-v-7de0c5ea],.nutDropOut[data-v-7de0c5ea]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutDrop-enter-active[data-v-7de0c5ea],.nutDropIn[data-v-7de0c5ea]{animation-name:nutDropIn-7de0c5ea}.nutDrop-leave-active[data-v-7de0c5ea],.nutDropOut[data-v-7de0c5ea]{animation-name:nutDropOut-7de0c5ea}@keyframes rotation-7de0c5ea{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}.nutRotate-enter-active[data-v-7de0c5ea],.nutRotate-leave-active[data-v-7de0c5ea],.nutRotateIn[data-v-7de0c5ea],.nutRotateOut[data-v-7de0c5ea]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutRotate-enter-active[data-v-7de0c5ea],.nutRotateIn[data-v-7de0c5ea]{animation-name:nutRotateIn}.nutRotate-leave-active[data-v-7de0c5ea],.nutRotateOut[data-v-7de0c5ea]{animation-name:nutRotateOut}.drag-boundary[data-v-7de0c5ea]{position:absolute;top:360px;left:8px;width:300px;height:200px;border:1px solid red}",document.head.appendChild(__vite_style__),System.register(["./mobile-legacy.3700831f.js","./index-legacy.579cfc3c.js"],(function(a){"use strict";var t,e,n,o,i,d,c,u,r;return{setters:[function(a){t=a.c},function(a){e=a.A,n=a.B,o=a.r,i=a.o,d=a.c,c=a.f,u=a.z,r=a.j}],execute:function(){const{createDemo:m}=t("drag");var s=a("default",m({setup:()=>({right:function(){return document.documentElement.clientWidth-300-9},bottom:function(){return document.documentElement.clientHeight-559}})}));const v=u();e("data-v-7de0c5ea");const l={class:"demo full"},p=c("h2",null,"基础用法",-1),f=r("触摸移动"),y=c("h2",{style:{top:"30px",position:"relative"}},"限制拖拽方向",-1),b=r("只能X轴拖拽"),_=r("只能Y轴拖拽"),x=c("h2",{style:{top:"60px",position:"relative"}},"自动吸边",-1),h=r("拖动我"),I=c("h2",{style:{top:"90px",position:"relative"}},"限制拖动边界",-1),g=c("div",{class:"drag-boundary"},null,-1),O=r("限制拖拽边界");n();const E=v(((a,t,e,n,u,r)=>{const m=o("nut-button"),s=o("nut-drag");return i(),d("div",l,[p,c(s,{style:{top:"120px",left:"8px"}},{default:v((()=>[c(m,{type:"primary"},{default:v((()=>[f])),_:1})])),_:1}),y,c(s,{direction:"x",style:{top:"200px",left:"8px"}},{default:v((()=>[c(m,{type:"primary"},{default:v((()=>[b])),_:1})])),_:1}),c(s,{direction:"y",style:{top:"200px",right:"50px"}},{default:v((()=>[c(m,{type:"primary"},{default:v((()=>[_])),_:1})])),_:1}),x,c(s,{direction:"x",attract:!0,style:{top:"275px",left:"8px"}},{default:v((()=>[c(m,{type:"primary"},{default:v((()=>[h])),_:1})])),_:1}),I,g,c(s,{boundary:{top:361,left:9,bottom:a.bottom(),right:a.right()},style:{top:"400px",left:"50px"}},{default:v((()=>[c(m,{type:"primary"},{default:v((()=>[O])),_:1})])),_:1},8,["boundary"])])}));s.render=E,s.__scopeId="data-v-7de0c5ea"}}}));
|
