web-plus-ui
Version:
vue3+vite+ts+element-plus 组件库
2 lines (1 loc) • 5.01 kB
JavaScript
import{_ as g}from"./index.17927878.js";import{l as d,r as y,E as m,a as r,o as h,f as _,w as a,e as n,c as b,b as x,R as p}from"./vendor.184a8d03.js";const f={name:"Checkbox",setup(){const t=d([]);return{listQuery:y({CheckboxValue:t}),formItem:[{type:"es-checkbox",label:"checkbox",key:"CheckboxValue",col:24,width:"100px",options:[{label:"\u9009\u98791",value:1},{label:"\u9009\u98792",value:2},{label:"\u9009\u98793",value:3}],listeners:{change:e=>{m({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+e,type:"success"})}}}],rules:{CheckboxValue:[{required:!0,message:"\u8BF7\u9009\u62E9",trigger:"change"}]}}}};function k(t,o,c,e,i,l){const s=r("EsForm"),u=r("EsContainer");return h(),_(u,{title:"Checkbox\u7EC4\u4EF6"},{default:a(()=>[n(s,{ref:"EsForm","list-query":e.listQuery,"form-item":e.formItem,rules:e.rules},null,8,["list-query","form-item","rules"])]),_:1})}var C=g(f,[["render",k]]);const E={name:"Checkbox",setup(){const t=d([]);return{listQuery:y({CheckboxValue:t}),formItem:[{type:"es-checkbox",label:"checkbox",key:"CheckboxValue",col:24,width:"100px",tagAttrs:{disabled:!0},options:[{label:"\u9009\u98791",value:1}],listeners:{change:e=>{m({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+e,type:"success"})}}}],rules:{CheckboxValue:[{required:!0,message:"\u8BF7\u9009\u62E9",trigger:"change"}]}}}};function F(t,o,c,e,i,l){const s=r("EsForm"),u=r("EsContainer");return h(),_(u,{title:"Checkbox disabled\u5C5E\u6027"},{default:a(()=>[n(s,{ref:"EsForm","list-query":e.listQuery,"form-item":e.formItem,rules:e.rules},null,8,["list-query","form-item","rules"])]),_:1})}var v=g(E,[["render",F]]);const V={name:"Checkbox",setup(){const t=d([]);return{listQuery:y({CheckboxValue:t}),formItem:[{type:"es-checkbox",label:"checkbox",key:"CheckboxValue",col:24,width:"100px",tagAttrs:{isIndeterminate:d},options:[{label:"\u5168\u9009",value:0}],listeners:{change:s=>{m({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+s,type:"success"})}}},{type:"es-checkbox",label:"checkbox",key:"CheckboxValue",col:24,width:"100px",tagAttrs:{},options:[{label:"\u9009\u98791",value:1},{label:"\u9009\u98792",value:2},{label:"\u9009\u98793",value:3},{label:"\u9009\u98794",value:4}],listeners:{change:s=>{m({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+s,type:"success"})}}}],rules:{CheckboxValue:[{required:!0,message:"\u8BF7\u9009\u62E9",trigger:"change"}]}}}};function w(t,o,c,e,i,l){const s=r("EsForm"),u=r("EsContainer");return h(),_(u,{title:"Checkbox "},{default:a(()=>[n(s,{ref:"EsForm","list-query":e.listQuery,"form-item":e.formItem,rules:e.rules},null,8,["list-query","form-item","rules"])]),_:1})}var B=g(V,[["render",w]]);const q={class:"markdown-body"},$=x("h1",null,"CheckBox\u7EC4\u4EF6",-1),D=x("h3",null,"\u793A\u4F8B",-1),I=x("h3",null,"\u7981\u7528\u72B6\u6001",-1),A=x("h3",null,"\u4E2D\u95F4\u72B6\u6001",-1),Q=p('<h3>\u5C5E\u6027</h3><table><thead><tr><th style="text-align:center;">\u53C2\u6570</th><th style="text-align:center;">\u8BF4\u660E</th><th style="text-align:center;">\u7C7B\u578B</th><th style="text-align:center;">\u53EF\u9009\u503C</th><th style="text-align:center;">\u9ED8\u8BA4\u503C</th><th style="text-align:center;">\u662F\u5426\u5FC5\u586B</th></tr></thead><tbody><tr><td style="text-align:center;"><code>arg1</code></td><td style="text-align:center;">\u7B2C\u4E00\u4E2A\u53C2\u6570</td><td style="text-align:center;">string</td><td style="text-align:center;">-</td><td style="text-align:center;"><code>default</code></td><td style="text-align:center;">\u5426</td></tr><tr><td style="text-align:center;"><code>arg2</code></td><td style="text-align:center;">\u7B2C\u4E8C\u4E2A\u53C2\u6570</td><td style="text-align:center;">string</td><td style="text-align:center;">-</td><td style="text-align:center;"><code>default</code></td><td style="text-align:center;">\u5426</td></tr></tbody></table><h3>\u4E8B\u4EF6</h3><table><thead><tr><th style="text-align:center;">\u4E8B\u4EF6\u540D</th><th style="text-align:center;">\u8BF4\u660E</th><th style="text-align:center;">\u53C2\u6570\u5217\u8868</th><th style="text-align:center;">\u53C2\u6570\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:center;"><code>click</code></td><td style="text-align:center;">\u70B9\u51FB\u4E8B\u4EF6</td><td style="text-align:center;">$event</td><td style="text-align:center;">\u539F\u751F\u7684 dom event</td></tr><tr><td style="text-align:center;"><code>customEvent</code></td><td style="text-align:center;">\u81EA\u5B9A\u4E49\u4E8B\u4EF6</td><td style="text-align:center;">[a, b, c]</td><td style="text-align:center;">a\uFF1A\u53C2\u6570\u4E00\uFF1Bb\uFF1A\u53C2\u6570\u4E8C\uFF1Bc\uFF1A\u53C2\u6570\u4E09</td></tr></tbody></table>',4),P={setup(t,{expose:o}){return o({frontmatter:{}}),(e,i)=>{const l=r("Preview");return h(),b("div",q,[$,D,n(l,{"comp-name":"CheckBox","demo-name":"demo"},{default:a(()=>[n(C)]),_:1}),I,n(l,{"comp-name":"CheckBox","demo-name":"demo2"},{default:a(()=>[n(v)]),_:1}),A,n(l,{"comp-name":"CheckBox","demo-name":"demo3"},{default:a(()=>[n(B)]),_:1}),Q])}}};export{P as default};