web-plus-ui/docs/assets/README.421fc1b6.js

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

import{_ as m}from"./index.17927878.js";import{l as s,r as h,E as u,a,o as y,f as _,w as o,e as n,c as f,b as g,R as p}from"./vendor.184a8d03.js";const F={name:"Rate",setup(){const r=s(0);return{listQuery:h({rateValue:r}),formItem:s([{type:"es-rate",label:"RateDefault",key:"rateValue",col:12,width:"100px",attrs:{"show-score":!0,"allow-half":!0,style:"line-height: 2.5;"},listeners:{change:e=>{u({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+e,type:"success"})}}},{type:"es-rate",label:"RateColor",key:"rateValue",col:12,width:"100px",attrs:{"show-score":!0,"allow-half":!0,style:"line-height: 2.5;",colors:["#99A9BF","#F7BA2A","#FF9900"]},listeners:{change:e=>{u({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+e,type:"success"})}}}]),rules:s({rateValue:[{required:!0,message:"\u4E0D\u80FD\u4E3A\u7A7A",trigger:"change"}]})}}};function E(r,l,e,t,x,d){const c=a("EsForm"),i=a("EsContainer");return y(),_(i,{title:"Rate\u7EC4\u4EF6"},{default:o(()=>[n(c,{ref:"EsForm","list-query":t.listQuery,"form-item":t.formItem,rules:t.rules},null,8,["list-query","form-item","rules"])]),_:1})}var b=m(F,[["render",E]]);const C={name:"Rate",setup(){const r=s(0);return{listQuery:h({rateValue:r}),formItem:s([{type:"es-rate",label:"RateDefault",key:"rateValue",col:24,width:"100px",attrs:{style:"line-height: 2.5;",showText:!0,texts:["oops","disappointed","normal","good","great"]},listeners:{change:e=>{u({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+e,type:"success"})}}}]),rules:s({rateValue:[{required:!0,message:"\u4E0D\u80FD\u4E3A\u7A7A",trigger:"change"}]})}}};function D(r,l,e,t,x,d){const c=a("EsForm"),i=a("EsContainer");return y(),_(i,{title:"Rate\u7EC4\u4EF6 ShowText\u5C5E\u6027"},{default:o(()=>[n(c,{ref:"EsForm","list-query":t.listQuery,"form-item":t.formItem,rules:t.rules},null,8,["list-query","form-item","rules"])]),_:1})}var v=m(C,[["render",D]]);const A={name:"Rate",setup(){const r=s(0);return{listQuery:h({rateValue:r}),formItem:s([{type:"es-rate",label:"RateDefault",key:"rateValue",col:24,width:"100px",attrs:{style:"line-height: 2.5;",voidIcon:"ChatRound",colors:["#409eff","#67c23a","#FF9900"],icons:["ChatRound","ChatLineRound","ChatDotRound"]},listeners:{change:e=>{u({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+e,type:"success"})}}}]),rules:s({rateValue:[{required:!0,message:"\u4E0D\u80FD\u4E3A\u7A7A",trigger:"change"}]})}}};function w(r,l,e,t,x,d){const c=a("EsForm"),i=a("EsContainer");return y(),_(i,{title:"Rate\u7EC4\u4EF6 IconClasses\u5C5E\u6027"},{default:o(()=>[n(c,{ref:"EsForm","list-query":t.listQuery,"form-item":t.formItem,rules:t.rules},null,8,["list-query","form-item","rules"])]),_:1})}var R=m(A,[["render",w]]);const V={name:"Rate",setup(){const r=s(3),l=h({rateValue:r}),e=[{type:"es-rate",label:"RateDefault",key:"rateValue",col:24,width:"100px",attrs:{style:"line-height: 2.5;",disabled:!0,showScore:!0,scoreTemplate:`${l.rateValue.toString()} points`,textColor:"#ff9900"},listeners:{change:t=>{u({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+t,type:"success"})}}}];return{listQuery:l,formItem:e,rules:s({rateValue:[{required:!0,message:"\u4E0D\u80FD\u4E3A\u7A7A",trigger:"change"}]})}}};function q(r,l,e,t,x,d){const c=a("EsForm"),i=a("EsContainer");return y(),_(i,{title:"Rate\u7EC4\u4EF6 Disabled\u5C5E\u6027"},{default:o(()=>[n(c,{ref:"EsForm","list-query":t.listQuery,"form-item":t.formItem,rules:t.rules},null,8,["list-query","form-item","rules"])]),_:1})}var $=m(V,[["render",q]]);const I={class:"markdown-body"},S=g("h1",null,"InputNumber\u7EC4\u4EF6",-1),k=g("h3",null,"\u793A\u4F8B",-1),B=g("h3",null,"\u8F85\u52A9\u6587\u5B57",-1),Q=g("h3",null,"\u4F7F\u7528\u81EA\u5B9A\u4E49\u7684\u56FE\u6807",-1),j=g("h3",null,"\u53EA\u8BFB",-1),N=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></tr></thead><tbody><tr><td style="text-align:center;"><code>model-value / v-model</code> \u9009\u4E2D\u9879\u7ED1\u5B9A\u503C</td><td style="text-align:center;">number</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">0</td><td style="text-align:center;"></td></tr><tr><td style="text-align:center;"><code>max</code></td><td style="text-align:center;">\u6700\u5927\u5206\u503C</td><td style="text-align:center;">number</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">5</td></tr><tr><td style="text-align:center;"><code>disabled</code></td><td style="text-align:center;">\u662F\u5426\u4E3A\u53EA\u8BFB</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>allow-half</code></td><td style="text-align:center;">\u662F\u5426\u5141\u8BB8\u534A\u9009</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>low-threshold</code></td><td style="text-align:center;">\u4F4E\u5206\u548C\u4E2D\u7B49\u5206\u6570\u7684\u754C\u9650\u503C\uFF0C \u503C\u672C\u8EAB\u88AB\u5212\u5206\u5728\u4F4E\u5206\u4E2D</td><td style="text-align:center;">number</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">2</td></tr><tr><td style="text-align:center;"><code>high-threshold</code></td><td style="text-align:center;">\u9AD8\u5206\u548C\u4E2D\u7B49\u5206\u6570\u7684\u754C\u9650\u503C\uFF0C \u503C\u672C\u8EAB\u88AB\u5212\u5206\u5728\u9AD8\u5206\u4E2D</td><td style="text-align:center;">number</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">4</td></tr><tr><td style="text-align:center;"><code>colors</code></td><td style="text-align:center;">icon \u7684\u989C\u8272\u3002 \u82E5\u4F20\u5165\u6570\u7EC4\uFF0C\u5171\u6709 3 \u4E2A\u5143\u7D20\uFF0C\u4E3A 3 \u4E2A\u5206\u6BB5\u6240\u5BF9\u5E94\u7684\u989C\u8272\uFF1B\u82E5\u4F20\u5165\u5BF9\u8C61\uFF0C\u53EF\u81EA\u5B9A\u4E49\u5206\u6BB5\uFF0C\u952E\u540D\u4E3A\u5206\u6BB5\u7684\u754C\u9650\u503C\uFF0C\u952E\u503C\u4E3A\u5BF9\u5E94\u7684\u989C\u8272</td><td style="text-align:center;">array/object</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">[\u2018#F7BA2A\u2019, \u2018#F7BA2A\u2019, \u2018#F7BA2A\u2019]</td></tr><tr><td style="text-align:center;"><code>void-color</code></td><td style="text-align:center;">\u672A\u9009\u4E2D icon \u7684\u989C\u8272</td><td style="text-align:center;">string</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">#C6D1DE</td></tr><tr><td style="text-align:center;"><code>disabled-void-color</code></td><td style="text-align:center;">\u53EA\u8BFB\u65F6\u672A\u9009\u4E2D icon \u7684\u989C\u8272</td><td style="text-align:center;">string</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">#EFF2F7</td></tr><tr><td style="text-align:center;"><code>icons</code></td><td style="text-align:center;">\u56FE\u6807\u7EC4\u4EF6 \u82E5\u4F20\u5165\u6570\u7EC4\uFF0C\u5171\u6709 3 \u4E2A\u5143\u7D20\uFF0C\u4E3A 3 \u4E2A\u5206\u6BB5\u6240\u5BF9\u5E94\u7684\u7C7B\u540D\uFF1B\u82E5\u4F20\u5165\u5BF9\u8C61\uFF0C\u53EF\u81EA\u5B9A\u4E49\u5206\u6BB5\uFF0C\u952E\u540D\u4E3A\u5206\u6BB5\u7684\u754C\u9650\u503C\uFF0C\u952E\u503C\u4E3A\u5BF9\u5E94\u7684\u7C7B\u540D</td><td style="text-align:center;">array/object</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">[StarFilled, StarFilled</td></tr><tr><td style="text-align:center;"><code>void-icon</code></td><td style="text-align:center;">\u672A\u88AB\u9009\u4E2D\u7684\u56FE\u6807\u7EC4\u4EF6</td><td style="text-align:center;">string/component</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">Star</td></tr><tr><td style="text-align:center;"><code>disabled-void-icon</code></td><td style="text-align:center;">\u7981\u7528\u72B6\u6001\u7684\u672A\u9009\u62E9\u56FE\u6807</td><td style="text-align:center;">string/component</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">StarFilled</td></tr><tr><td style="text-align:center;"><code>show-text</code></td><td style="text-align:center;">\u662F\u5426\u663E\u793A\u8F85\u52A9\u6587\u5B57\uFF0C\u82E5\u4E3A\u771F\uFF0C\u5219\u4F1A\u4ECE texts \u6570\u7EC4\u4E2D\u9009\u53D6\u5F53\u524D\u5206\u6570\u5BF9\u5E94\u7684\u6587\u5B57\u5185\u5BB9</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>show-score</code></td><td style="text-align:center;">\u662F\u5426\u663E\u793A\u5F53\u524D\u5206\u6570\uFF0C \u662F\u5426\u663E\u793A\u5F53\u524D\u5206\u6570\uFF0C show-score \u548C show-text \u4E0D\u80FD\u540C\u65F6\u4E3A\u771F</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;">\u8F85\u52A9\u6587\u5B57\u7684\u989C\u8272</td><td style="text-align:center;">string</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">#1F2D3D</td></tr><tr><td style="text-align:center;"><code>texts</code></td><td style="text-align:center;">\u8F85\u52A9\u6587\u5B57\u6570\u7EC4</td><td style="text-align:center;">array</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">[\u2018Extremely bad\u2019, \u2018Disappointed\u2019, \u2018Fair\u2019, \u2018Satisfied\u2019, \u2018Surprise\u2019]</td></tr><tr><td style="text-align:center;"><code>score-template</code></td><td style="text-align:center;">\u5206\u6570\u663E\u793A\u6A21\u677F</td><td style="text-align:center;">string</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">{value}</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;">change</td><td style="text-align:center;">\u5206\u503C\u6539\u53D8\u65F6\u89E6\u53D1</td><td style="text-align:center;">value\uFF0C\u6539\u53D8\u540E\u7684\u503C</td></tr></tbody></table>',4),L={setup(r,{expose:l}){return l({frontmatter:{}}),(t,x)=>{const d=a("Preview");return y(),f("div",I,[S,k,n(d,{"comp-name":"Rate","demo-name":"demo"},{default:o(()=>[n(b)]),_:1}),B,n(d,{"comp-name":"Rate","demo-name":"demo2"},{default:o(()=>[n(v)]),_:1}),Q,n(d,{"comp-name":"Rate","demo-name":"demo3"},{default:o(()=>[n(R)]),_:1}),j,n(d,{"comp-name":"Rate","demo-name":"demo4"},{default:o(()=>[n($)]),_:1}),N])}}};export{L as default};