| 1 |
- import{c as e}from"./mobile.2d7e7a90.js";import{_ as i}from"./index.ccbbeb9f.js";import{m as s,a as t,r as a,e as l,j as n,k as o,g as r,o as c,F as m,i as b,t as d,l as v}from"./vendor.9cc7b6f2.js";const{createDemo:p}=e("popover"),u=p({setup(){const e=s({showIcon:!1,placement:!1,darkTheme:!1,lightTheme:!1,Customized:!1,disableAction:!1,topLocation:!1,rightLocation:!1,leftLocation:!1});return{iconItemList:t([{name:"选项一"},{name:"选项二"},{name:"选项三"}]),itemList:t([{name:"选项一",icon:"my2"},{name:"选项二",icon:"cart2"},{name:"选项三",icon:"location2"}]),visible:e,itemListDisabled:t([{name:"选项一",disabled:!0},{name:"选项二",disabled:!0},{name:"选项三"}]),selfContent:t([{name:"service",desc:"选项一"},{name:"notice",desc:"选项二"},{name:"location",desc:"选项三"},{name:"category",desc:"选项四"},{name:"scan2",desc:"选项五"},{name:"message",desc:"选项六"}])}}}),h={class:"demo"},f=r("h2",null,"基础用法",-1),y=v("明朗风格"),L=v("暗黑风格"),_=r("h2",null,"选项配置",-1),g=v("展示图标"),k=v("禁用选项"),I=r("h2",null,"自定义内容",-1),q=v("自定义内容"),U={class:"self-content"},T={class:"self-content-desc"},C=r("h2",null,"位置自定义",-1),j=v("向上弹出"),z=r("h2",null,null,-1),w=v("向右弹出"),A=v("向左弹出");var D=i(u,[["render",function(e,i,s,t,v,p){const u=a("nut-button"),D=a("nut-popover"),x=a("nut-icon");return c(),l("div",h,[f,n(D,{visible:e.visible.lightTheme,"onUpdate:visible":i[0]||(i[0]=i=>e.visible.lightTheme=i),lists:e.iconItemList},{reference:o((()=>[n(u,{type:"primary",shape:"square"},{default:o((()=>[y])),_:1})])),_:1},8,["visible","lists"]),n(D,{visible:e.visible.darkTheme,"onUpdate:visible":i[1]||(i[1]=i=>e.visible.darkTheme=i),theme:"dark",lists:e.iconItemList},{reference:o((()=>[n(u,{type:"primary",shape:"square"},{default:o((()=>[L])),_:1})])),_:1},8,["visible","lists"]),_,n(D,{visible:e.visible.showIcon,"onUpdate:visible":i[2]||(i[2]=i=>e.visible.showIcon=i),theme:"dark",lists:e.itemList},{reference:o((()=>[n(u,{type:"primary",shape:"square"},{default:o((()=>[g])),_:1})])),_:1},8,["visible","lists"]),n(D,{visible:e.visible.disableAction,"onUpdate:visible":i[3]||(i[3]=i=>e.visible.disableAction=i),lists:e.itemListDisabled},{reference:o((()=>[n(u,{type:"primary",shape:"square"},{default:o((()=>[k])),_:1})])),_:1},8,["visible","lists"]),I,n(D,{visible:e.visible.Customized,"onUpdate:visible":i[4]||(i[4]=i=>e.visible.Customized=i)},{reference:o((()=>[n(u,{type:"primary",shape:"square"},{default:o((()=>[q])),_:1})])),content:o((()=>[r("div",U,[(c(!0),l(m,null,b(e.selfContent,((e,i)=>(c(),l("div",{class:"self-content-item",key:i},[n(x,{name:e.name,size:"15"},null,8,["name"]),r("div",T,d(e.desc),1)])))),128))])])),_:1},8,["visible"]),C,n(D,{visible:e.visible.topLocation,"onUpdate:visible":i[5]||(i[5]=i=>e.visible.topLocation=i),location:"top",theme:"dark",lists:e.iconItemList},{reference:o((()=>[n(u,{type:"primary",shape:"square"},{default:o((()=>[j])),_:1})])),_:1},8,["visible","lists"]),z,n(D,{visible:e.visible.rightLocation,"onUpdate:visible":i[6]||(i[6]=i=>e.visible.rightLocation=i),location:"right",theme:"dark",lists:e.iconItemList},{reference:o((()=>[n(u,{type:"primary",shape:"square"},{default:o((()=>[w])),_:1})])),_:1},8,["visible","lists"]),n(D,{visible:e.visible.leftLocation,"onUpdate:visible":i[7]||(i[7]=i=>e.visible.leftLocation=i),location:"left",theme:"dark",lists:e.iconItemList},{reference:o((()=>[n(u,{type:"primary",shape:"square"},{default:o((()=>[A])),_:1})])),_:1},8,["visible","lists"])])}]]);export{D as default};
|
