web-plus-ui/docs/assets/README.29527a93.js

vue3+vite+ts+element-plus 组件库

import{_ as y,a as p}from"./index.17927878.js";import{l as E,r as x,E as r,a as d,o as g,f as h,w as i,e as l,c as b,b as c,R as F}from"./vendor.184a8d03.js";const _={name:"radio",setup(){const a=E(2);return{listQuery:x({RadioValue:a}),formItem:[{type:"es-radio",label:"Radio",key:"RadioValue",col:24,width:"100px",attrs:{disabled:!0},options:[{label:"\u9009\u62E91",value:1},{label:"\u9009\u62E92",value:2}],listeners:{change:s=>{r({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+s,type:"success"})}}}],rules:{RadioValue:[{required:!0,message:"\u8BF7\u9009\u62E9",trigger:"change"}]}}}};function f(a,t,s,e,m,n){const o=d("EsForm"),u=d("EsContainer");return g(),h(u,{title:"Radio\u7EC4\u4EF6 Disabled\u5C5E\u6027"},{default:i(()=>[l(o,{ref:"EsForm","list-query":e.listQuery,"form-item":e.formItem,rules:e.rules},null,8,["list-query","form-item","rules"])]),_:1})}var R=y(_,[["render",f]]);const v={name:"radio",setup(){const a=x({RadioValue:1,RadioValue2:1,RadioValue3:1,RadioValue4:1}),t=[{label:"\u9009\u62E91",value:1},{label:"\u9009\u62E92",value:2},{label:"\u9009\u62E93",value:3,disabled:!0},{label:"\u9009\u62E94",value:4}],s=[{label:"\u9009\u62E91",value:1},{label:"\u9009\u62E92",value:2},{label:"\u9009\u62E93",value:3},{label:"\u9009\u62E94",value:4}];return{listQuery:a,formItem:[{type:"es-radio-group",label:"default",key:"RadioValue",col:24,width:"100px",options:s,listeners:{change:e=>{r({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+e,type:"success"})}}},{type:"es-radio-group",label:"medium",key:"RadioValue2",col:24,width:"100px",options:s,attrs:{size:"medium"},listeners:{change:e=>{r({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+e,type:"success"})}}},{type:"es-radio-group",label:"small",key:"RadioValue3",col:24,width:"100px",options:t,attrs:{size:"small",disabled:!0},listeners:{change:e=>{r({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+e,type:"success"})}}},{type:"es-radio-group",label:"mini",key:"RadioValue4",col:24,width:"100px",options:t,attrs:{size:"mini"},listeners:{change:e=>{r({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+e,type:"success"})}}}],rules:{RadioValue:[{required:!0,message:"\u8BF7\u9009\u62E9",trigger:"change"}],RadioValue2:[{required:!0,message:"\u8BF7\u9009\u62E9",trigger:"change"}],RadioValue3:[{required:!0,message:"\u8BF7\u9009\u62E9",trigger:"change"}],RadioValue4:[{required:!0,message:"\u8BF7\u9009\u62E9",trigger:"change"}]}}}};function V(a,t,s,e,m,n){const o=d("EsForm"),u=d("EsContainer");return g(),h(u,{title:"Radio\u7EC4\u4EF6 ElRadioButton\u6837\u5F0F"},{default:i(()=>[l(o,{ref:"EsForm","list-query":e.listQuery,"form-item":e.formItem,rules:e.rules},null,8,["list-query","form-item","rules"])]),_:1})}var C=y(v,[["render",V]]);const D={name:"radio",setup(){const a=x({RadioValue:1,RadioValue2:1,RadioValue3:1,RadioValue4:1}),t=[{label:"Essential",value:1},{label:"Essential2",value:2}];return{listQuery:a,formItem:[{type:"es-radio",label:"default",key:"RadioValue",col:24,width:"100px",options:t,tagAttrs:{border:!0},listeners:{change:e=>{r({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+e,type:"success"})}}},{type:"es-radio",label:"medium",key:"RadioValue2",col:24,width:"100px",options:t,tagAttrs:{border:!0},attrs:{size:"medium"},listeners:{change:e=>{r({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+e,type:"success"})}}},{type:"es-radio",label:"small",key:"RadioValue3",col:24,width:"100px",options:[{label:"Essential",value:1},{label:"Essential2",value:2,disabled:!0}],tagAttrs:{border:!0},attrs:{size:"small"},listeners:{change:e=>{r({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+e,type:"success"})}}},{type:"es-radio",label:"mini",key:"RadioValue4",col:24,width:"100px",options:t,tagAttrs:{border:!0},attrs:{border:!0,size:"mini",disabled:!0},listeners:{change:e=>{r({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+e,type:"success"})}}}],rules:{RadioValue:[{required:!0,message:"\u8BF7\u9009\u62E9",trigger:"change"}],RadioValue2:[{required:!0,message:"\u8BF7\u9009\u62E9",trigger:"change"}],RadioValue3:[{required:!0,message:"\u8BF7\u9009\u62E9",trigger:"change"}],RadioValue4:[{required:!0,message:"\u8BF7\u9009\u62E9",trigger:"change"}]}}}};function q(a,t,s,e,m,n){const o=d("EsForm"),u=d("EsContainer");return g(),h(u,{title:"Radio\u7EC4\u4EF6 Border\u6837\u5F0F"},{default:i(()=>[l(o,{ref:"EsForm","list-query":e.listQuery,"form-item":e.formItem,rules:e.rules},null,8,["list-query","form-item","rules"])]),_:1})}var B=y(D,[["render",q]]);const w={class:"markdown-body"},k=c("h1",null,"Radio\u7EC4\u4EF6",-1),A=c("h3",null,"\u793A\u4F8B",-1),z=c("h3",null,"\u7981\u7528\u72B6\u6001",-1),$=c("h3",null,"\u6309\u94AE\u6837\u5F0F",-1),I=c("h3",null,"\u5E26\u6709\u8FB9\u6846",-1),Q=F('<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></tr></thead><tbody><tr><td style="text-align:center;"><code>model-value / v-model</code></td><td style="text-align:center;">\u9009\u4E2D\u9879\u7ED1\u5B9A\u503C</td><td style="text-align:center;">string / number / boolean</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">\u2014</td></tr><tr><td style="text-align:center;"><code>label</code></td><td style="text-align:center;">\u5355\u9009\u6846\u5BF9\u5E94\u7684\u503C</td><td style="text-align:center;">string / number / boolean</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">\u2014</td></tr><tr><td style="text-align:center;"><code>disabled</code></td><td style="text-align:center;">\u662F\u5426\u7981\u7528\u5355\u9009\u6846</td><td style="text-align:center;">boolean</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">false</td></tr><tr><td style="text-align:center;"><code>border</code></td><td style="text-align:center;">\u662F\u5426\u663E\u793A\u8FB9\u6846</td><td style="text-align:center;">boolean</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">false</td></tr><tr><td style="text-align:center;"><code>size</code></td><td style="text-align:center;">Radio \u7684\u5C3A\u5BF8</td><td style="text-align:center;">string</td><td style="text-align:center;">medium / small / mini</td><td style="text-align:center;">-</td></tr><tr><td style="text-align:center;"><code>name</code></td><td style="text-align:center;">\u539F\u751F name \u5C5E\u6027</td><td style="text-align:center;">string</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">\u2014</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></tr></thead><tbody><tr><td style="text-align:center;"><code>change</code></td><td style="text-align:center;">\u7ED1\u5B9A\u503C\u53D8\u5316\u65F6\u89E6\u53D1\u7684\u4E8B\u4EF6</td><td style="text-align:center;">\u9009\u4E2D\u7684 Radio label \u503C</td></tr></tbody></table><h3>Radio-group \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></tr></thead><tbody><tr><td style="text-align:center;"><code>model-value / v-model</code></td><td style="text-align:center;">\u9009\u4E2D\u9879\u7ED1\u5B9A\u503C</td><td style="text-align:center;">string / number / boolean</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">\u2014</td></tr><tr><td style="text-align:center;"><code>size</code></td><td style="text-align:center;">\u5355\u9009\u6846\u7EC4\u5C3A\u5BF8</td><td style="text-align:center;">string</td><td style="text-align:center;">medium / small / mini</td><td style="text-align:center;">\u2014</td></tr><tr><td style="text-align:center;"><code>disabled</code></td><td style="text-align:center;">\u662F\u5426\u7981\u7528</td><td style="text-align:center;">boolean</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">false</td></tr><tr><td style="text-align:center;"><code>text-color</code></td><td style="text-align:center;">\u6309\u94AE\u5F62\u5F0F\u7684 Radio \u6FC0\u6D3B\u65F6\u7684\u6587\u672C\u989C\u8272</td><td style="text-align:center;">string</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">#ffffff</td></tr><tr><td style="text-align:center;"><code>fill</code></td><td style="text-align:center;">\u6309\u94AE\u5F62\u5F0F\u7684 Radio \u6FC0\u6D3B\u65F6\u7684\u586B\u5145\u8272\u548C\u8FB9\u6846\u8272</td><td style="text-align:center;">string</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">#409EFF</td></tr></tbody></table><h3>Radio-group\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></tr></thead><tbody><tr><td style="text-align:center;"><code>change</code></td><td style="text-align:center;">\u7ED1\u5B9A\u503C\u53D8\u5316\u65F6\u89E6\u53D1\u7684\u4E8B\u4EF6</td><td style="text-align:center;">\u9009\u4E2D\u7684 Radio label \u503C</td></tr></tbody></table>',8),j={setup(a,{expose:t}){return t({frontmatter:{}}),(e,m)=>{const n=d("Preview");return g(),b("div",w,[k,A,l(n,{"comp-name":"Radio","demo-name":"demo"},{default:i(()=>[l(p)]),_:1}),z,l(n,{"comp-name":"Radio","demo-name":"demo2"},{default:i(()=>[l(R)]),_:1}),$,l(n,{"comp-name":"Radio","demo-name":"demo3"},{default:i(()=>[l(C)]),_:1}),I,l(n,{"comp-name":"Radio","demo-name":"demo4"},{default:i(()=>[l(B)]),_:1}),Q])}}};export{j as default};