| 12 |
- import"./index-DF0Gm8tW.js";/* empty css */import{_ as e}from"./index-BvzwYHw2.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import{k as a,r as l,P as t,D as d,x as s,G as o,bi as r,u as n,i as m,F as u,$ as p,X as i,R as _,bA as c,aN as f,aV as h,a8 as b,W as g}from"./vendor-CgKklJ4r.js";import{l as j}from"./vue-draggable-plus-BO-RaEED.js";import{_ as v}from"./_plugin-vue_export-helper-BCo6x5W8.js";/* empty css */import"./formEnum-BLgiZVxV.js";import"./index-B_-K9rXC.js";const V={class:"page-content"},x=v(a({__name:"index",setup(a){const v=l([{name:"孙悟空",role:"斗战胜佛"},{name:"猪八戒",role:"净坛使者"},{name:"沙僧",role:"金身罗汉"},{name:"唐僧",role:"旃檀功德佛"}]);return(a,l)=>{const x=r,w=f,y=h,k=e,U=b;return d(),t("div",V,[s(w,null,{default:o((()=>[s(x,{shadow:"never",style:{width:"300px","margin-right":"20px"}},{header:o((()=>l[4]||(l[4]=[_("span",{class:"card-header"},"基础示例",-1)]))),default:o((()=>[s(n(j),{ref:"el",modelValue:n(v),"onUpdate:modelValue":l[0]||(l[0]=e=>m(v)?v.value=e:null)},{default:o((()=>[(d(!0),t(u,null,p(n(v),(e=>(d(),t("div",{class:"demo1-item",key:e.name},i(e.name),1)))),128))])),_:1},8,["modelValue"])])),_:1}),s(x,{shadow:"never",style:{width:"300px"}},{header:o((()=>l[5]||(l[5]=[_("span",{class:"card-header"},"过渡动画",-1)]))),default:o((()=>[s(n(j),{modelValue:n(v),"onUpdate:modelValue":l[1]||(l[1]=e=>m(v)?v.value=e:null),target:".sort-target",scroll:!0},{default:o((()=>[s(c,{type:"transition",tag:"ul",name:"fade",class:"sort-target"},{default:o((()=>[(d(!0),t(u,null,p(n(v),(e=>(d(),t("li",{key:e.name,class:"demo1-item"},i(e.name),1)))),128))])),_:1})])),_:1},8,["modelValue"])])),_:1})])),_:1}),s(x,{shadow:"never"},{header:o((()=>l[6]||(l[6]=[_("span",{class:"card-header"},"表格拖拽排序",-1)]))),default:o((()=>[s(n(j),{target:"tbody",modelValue:n(v),"onUpdate:modelValue":l[2]||(l[2]=e=>m(v)?v.value=e:null),animation:150},{default:o((()=>[s(k,{data:n(v)},{default:o((()=>[s(y,{label:"姓名",prop:"name"}),s(y,{label:"角色",prop:"role"})])),_:1},8,["data"])])),_:1},8,["modelValue"])])),_:1}),s(x,{shadow:"never"},{header:o((()=>l[7]||(l[7]=[_("span",{class:"card-header"},"指定元素拖拽排序",-1)]))),default:o((()=>[s(n(j),{target:"tbody",handle:".handle",modelValue:n(v),"onUpdate:modelValue":l[3]||(l[3]=e=>m(v)?v.value=e:null),animation:150},{default:o((()=>[s(k,{data:n(v)},{default:o((()=>[s(y,{label:"姓名",prop:"name"}),s(y,{label:"角色",prop:"role"}),s(y,{label:"操作",width:"100"},{default:o((()=>[s(U,{size:"default",class:"handle"},{default:o((()=>l[8]||(l[8]=[g(" 移动 ")]))),_:1,__:[8]})])),_:1})])),_:1},8,["data"])])),_:1},8,["modelValue"])])),_:1})])}}}),[["__scopeId","data-v-79e9b21d"]]);export{x as default};
|
