| 1 |
- import{c as e}from"./mobile.3062a9dc.js";import{a as s,A as i,B as n,r as t,o as l,c as a,f as o,z as c}from"./index.d870aa4d.js";const{createDemo:m}=e("actionsheet");var u=m({props:{},setup(){const e=s({isVisible1:!1,isVisible2:!1,isVisible3:!1,isVisible4:!1,isVisible5:!1,val1:"",val2:"",val3:"",val4:"",desc:"这是一段描述信息",chooseTagValue:"着色选项"});return{state:e,menuItemsOne:[{name:"选项一"},{name:"选项二"},{name:"选项三"}],menuItemsTwo:[{name:"选项一"},{name:"选项二"},{name:"选项三",subname:"描述信息"}],menuItemsThree:[{name:"着色选项"},{name:"禁用选项",disable:!0}],chooseItem:s=>{console.log(s,"itemParams"),e.val1=s.name},chooseItemTwo:function(s){e.val2=s.name},chooseItemThree:function(s){e.val3=s.name},switchActionSheet:s=>{e[s]=!e[s]}}}});const b=c();i("data-v-13e0cf28");const h={class:"demo-list demo"},d=o("h2",null,"基本用法",-1),v=o("span",null,[o("label",null,"基础用法")],-1),r=o("span",null,[o("label",null,"展示取消按钮")],-1),p=o("span",null,[o("label",null,"展示描述信息")],-1),V=o("h2",null,"选项状态",-1),T=o("span",null,[o("label",null,"选项状态")],-1);n();const I=b(((e,s,i,n,c,m)=>{const u=t("nut-cell"),I=t("nut-actionsheet");return l(),a("div",h,[d,o(u,{"show-icon":!0,isLink:!0,onClick:s[1]||(s[1]=s=>e.switchActionSheet("isVisible1"))},{default:b((()=>[v,o("div",{class:"selected-option",innerHTML:e.state.val1},null,8,["innerHTML"])])),_:1}),o(u,{showIcon:!0,isLink:!0,onClick:s[2]||(s[2]=s=>e.switchActionSheet("isVisible2"))},{default:b((()=>[r,o("div",{class:"selected-option",innerHTML:e.state.val2},null,8,["innerHTML"])])),_:1}),o(u,{isLink:!0,onClick:s[3]||(s[3]=s=>e.switchActionSheet("isVisible3"))},{default:b((()=>[p,o("div",{class:"selected-option",innerHTML:e.state.val3},null,8,["innerHTML"])])),_:1}),V,o(u,{isLink:!0,onClick:s[4]||(s[4]=s=>e.switchActionSheet("isVisible4"))},{default:b((()=>[T])),_:1}),o(I,{visible:e.state.isVisible1,"onUpdate:visible":s[5]||(s[5]=s=>e.state.isVisible1=s),"menu-items":e.menuItemsOne,onChoose:e.chooseItem},null,8,["visible","menu-items","onChoose"]),o(I,{visible:e.state.isVisible2,"onUpdate:visible":s[6]||(s[6]=s=>e.state.isVisible2=s),"cancel-txt":"取消","menu-items":e.menuItemsOne,onChoose:e.chooseItemTwo},null,8,["visible","menu-items","onChoose"]),o(I,{visible:e.state.isVisible3,"onUpdate:visible":s[7]||(s[7]=s=>e.state.isVisible3=s),description:e.state.desc,"menu-items":e.menuItemsTwo,onChoose:e.chooseItemThree,"cancel-txt":"取消"},null,8,["visible","description","menu-items","onChoose"]),o(I,{visible:e.state.isVisible4,"onUpdate:visible":s[8]||(s[8]=s=>e.state.isVisible4=s),"cancel-txt":"取消","menu-items":e.menuItemsThree,"choose-tag-value":e.state.chooseTagValue},null,8,["visible","menu-items","choose-tag-value"])])}));u.render=I,u.__scopeId="data-v-13e0cf28";export default u;
|