| 1 |
- import{c as t}from"./mobile.1385342d.js";import{_ as e}from"./index.ccbbeb9f.js";import{r as o,e as a,j as r,k as l,B as p,C as i,g as n,o as d,l as s}from"./vendor.9cc7b6f2.js";const{createDemo:u}=t("drag"),c=u({setup:()=>({right:function(){return document.documentElement.clientWidth-300-9},bottom:function(){return document.documentElement.clientHeight-559}})}),f=t=>(p("data-v-725c58ea"),t=t(),i(),t),m={class:"demo full"},y=f((()=>n("h2",null,"基础用法",-1))),x=s("触摸移动"),_=f((()=>n("h2",{style:{top:"30px",position:"relative"}},"限制拖拽方向",-1))),b=s("只能X轴拖拽"),h=s("只能Y轴拖拽"),g=f((()=>n("h2",{style:{top:"60px",position:"relative"}},"自动吸边",-1))),v=s("拖动我"),j=f((()=>n("h2",{style:{top:"90px",position:"relative"}},"限制拖动边界",-1))),E=f((()=>n("div",{class:"drag-boundary"},null,-1))),k=s("限制拖拽边界");var B=e(c,[["render",function(t,e,p,i,n,s){const u=o("nut-button"),c=o("nut-drag");return d(),a("div",m,[y,r(c,{style:{top:"120px",left:"8px"}},{default:l((()=>[r(u,{type:"primary"},{default:l((()=>[x])),_:1})])),_:1}),_,r(c,{direction:"x",style:{top:"200px",left:"8px"}},{default:l((()=>[r(u,{type:"primary"},{default:l((()=>[b])),_:1})])),_:1}),r(c,{direction:"y",style:{top:"200px",right:"50px"}},{default:l((()=>[r(u,{type:"primary"},{default:l((()=>[h])),_:1})])),_:1}),g,r(c,{direction:"x",attract:!0,style:{top:"275px",left:"8px"}},{default:l((()=>[r(u,{type:"primary"},{default:l((()=>[v])),_:1})])),_:1}),j,E,r(c,{boundary:{top:361,left:9,bottom:t.bottom(),right:t.right()},style:{top:"400px",left:"50px"}},{default:l((()=>[r(u,{type:"primary"},{default:l((()=>[k])),_:1})])),_:1},8,["boundary"])])}],["__scopeId","data-v-725c58ea"]]);export{B as default};
|
