web-plus-ui/docs/assets/README.33ae82f7.js

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

var T=Object.defineProperty;var h=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var y=(e,a,t)=>a in e?T(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,g=(e,a)=>{for(var t in a||(a={}))B.call(a,t)&&y(e,t,a[t]);if(h)for(var t of h(a))S.call(a,t)&&y(e,t,a[t]);return e};import{_ as F}from"./index.17927878.js";import{r as k,I as f,E as u,a as s,S as D,o as i,f as c,w as o,m as x,y as v,e as l,g as A,c as P,b as E,R as $}from"./vendor.184a8d03.js";const w={name:"Table",setup(){const t=k({listLoading:!1,tableData:[],attrs:{"row-key":"name",select:!1,indexes:!1,"operation-list":[],"operation-name":"\u6279\u91CF\u64CD\u4F5C",columns:[{key:"name",label:"\u59D3\u540D"},{key:"mobile",label:"\u624B\u673A\u53F7"},{key:"city",label:"\u6240\u5C5E\u57CE\u5E02"},{key:"op",label:"\u64CD\u4F5C",fixed:"right",slot:!0}],page:{page:1,limit:30,total:50},"page-sizes":[10,20,30,40,50]}});return g({},f(t))},created(){this.getData()},methods:{handlePageSize(e){u({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+e.page,type:"success"})},operationClick(e){console.log(e)},getData(){this.tableData=[{name:"\u5C0F\u660E",mobile:"13000000000",city:"\u5317\u4EAC\u5E02"},{name:"\u5C0F\u660E2",mobile:"13000000000",city:"\u5317\u4EAC\u5E02"}]},click(e){u({message:"\u70B9\u51FB\u4E86\u7B2C"+e.index+"\u5217\u7684\u6309\u94AE",type:"success"})}}},O=A(" \u6309\u94AE ");function L(e,a,t,C,b,n){const r=s("el-button"),d=s("EsTable"),m=s("EsContainer"),_=D("loading");return i(),c(m,{title:"EsTable\u5168\u90E8\u7528\u6CD5"},{default:o(()=>[x((i(),c(d,v({ref:"EsTable",data:e.tableData},e.attrs,{onOperationClick:n.operationClick,onOnPageSize:n.handlePageSize}),{op:o(p=>[l(r,{type:"text",size:"small",onClick:z=>n.click(p)},{default:o(()=>[O]),_:2},1032,["onClick"])]),_:1},16,["data","onOperationClick","onOnPageSize"])),[[_,e.listLoading]])]),_:1})}var N=F(w,[["render",L]]);const V={name:"Table",setup(){const t=k({listLoading:!1,tableData:[],attrs:{"row-key":"name",select:!0,indexes:!0,"operation-list":[{icon:"edit",iconSize:24,iconColor:"#FFFFFF",name:"\u6309\u94AE1",color:"#409EFF"},{icon:"share",iconSize:24,iconColor:"#FFFFFF",name:"\u6309\u94AE2",color:"#67C23A"}],"operation-name":"\u6279\u91CF\u64CD\u4F5C",columns:[{key:"name",label:"\u59D3\u540D"},{key:"mobile",label:"\u624B\u673A\u53F7"},{key:"city",label:"\u6240\u5C5E\u57CE\u5E02"},{key:"op",label:"\u64CD\u4F5C",fixed:"right",slot:!0}],page:{page:1,limit:30,total:50},"page-sizes":[10,20,30,40,50]}});return g({},f(t))},created(){this.getData()},methods:{handlePageSize(e){u({message:"\u5DF2\u7ECF\u9009\u4E2D\uFF1A"+e.page,type:"success"})},operationClick(e){console.log(e)},getData(){this.tableData=[{name:"\u5C0F\u660E",mobile:"13000000000",city:"\u5317\u4EAC\u5E02"},{name:"\u5C0F\u660E2",mobile:"13000000000",city:"\u5317\u4EAC\u5E02"}]},click(e){u({message:"\u70B9\u51FB\u4E86\u7B2C"+e.index+"\u5217\u7684\u6309\u94AE",type:"success"})}}},j=A(" \u6309\u94AE ");function R(e,a,t,C,b,n){const r=s("el-button"),d=s("EsTable"),m=s("EsContainer"),_=D("loading");return i(),c(m,{title:"EsTable\u5168\u90E8\u7528\u6CD5"},{default:o(()=>[x((i(),c(d,v({ref:"EsTable",data:e.tableData},e.attrs,{onOperationClick:n.operationClick,onOnPageSize:n.handlePageSize}),{op:o(p=>[l(r,{type:"text",size:"small",onClick:z=>n.click(p)},{default:o(()=>[j]),_:2},1032,["onClick"])]),_:1},16,["data","onOperationClick","onOnPageSize"])),[[_,e.listLoading]])]),_:1})}var I=F(V,[["render",R]]);const M={class:"markdown-body"},q=E("h1",null,"EsTable\u7EC4\u4EF6",-1),G=E("h3",null,"\u57FA\u7840\u529F\u80FD",-1),H=E("h3",null,"\u5168\u90E8\u529F\u80FD",-1),J=$('<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>title</code></td><td style="text-align:center;">\u914D\u7F6E\u6807\u9898\u6587\u6848</td><td style="text-align:center;">string</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">\u662F</td></tr></tbody></table>',2),W={setup(e,{expose:a}){return a({frontmatter:{}}),(C,b)=>{const n=s("Preview");return i(),P("div",M,[q,G,l(n,{"comp-name":"EsTable","demo-name":"demo"},{default:o(()=>[l(N)]),_:1}),H,l(n,{"comp-name":"EsTable","demo-name":"demo2"},{default:o(()=>[l(I)]),_:1}),J])}}};export{W as default};