|
|
-import{_ as y,o as t,c as s,F as u,k as m,a as _,b as d,t as o,l as k,w as f,d as v,p as c,a2 as p,r as g,X as h}from"./index-BGNwpE7U.js";const x={class:"async-state"},w={key:0,class:"async-state__skeleton"},B={key:1,class:"async-state__error"},S={class:"async-state__error-text"},b={key:2,class:"async-state__empty"},C={class:"async-state__empty-text"},N={key:0,class:"async-state__empty-hint"},M={__name:"AsyncState",props:{loading:{type:Boolean,default:!1},error:{type:Boolean,default:!1},empty:{type:Boolean,default:!1},errorMessage:{type:String,default:""},emptyMessage:{type:String,default:""},emptyHint:{type:String,default:""},retryable:{type:Boolean,default:!0},skeletonRows:{type:Number,default:4}},emits:["retry"],setup(e){const l=["100%","75%","90%","60%"];return(r,a)=>{const i=g("el-button");return t(),s("div",x,[e.loading?(t(),s("div",w,[(t(!0),s(u,null,m(e.skeletonRows,n=>(t(),s("div",{key:n,class:"async-state__skeleton-row",style:h({width:l[(n-1)%l.length]})},null,4))),128))])):e.error?(t(),s("div",B,[a[2]||(a[2]=_('<div class="async-state__error-icon" data-v-dc52927d><svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-v-dc52927d><circle cx="12" cy="12" r="10" data-v-dc52927d></circle><line x1="12" y1="8" x2="12" y2="12" data-v-dc52927d></line><line x1="12" y1="16" x2="12.01" y2="16" data-v-dc52927d></line></svg></div>',1)),d("p",S,o(e.errorMessage||"加载失败"),1),e.retryable?(t(),k(i,{key:0,size:"small",onClick:a[0]||(a[0]=n=>r.$emit("retry"))},{default:f(()=>[...a[1]||(a[1]=[v("重试",-1)])]),_:1})):c("",!0)])):e.empty?(t(),s("div",b,[d("p",C,o(e.emptyMessage||"暂无数据"),1),e.emptyHint?(t(),s("p",N,o(e.emptyHint),1)):c("",!0)])):p(r.$slots,"default",{key:3},void 0,!0)])}}},A=y(M,[["__scopeId","data-v-dc52927d"]]);export{A};
|
|
|
+import{_ as y,o as t,c as s,F as u,k as m,a as _,b as d,t as o,l as k,w as f,d as v,p as c,a2 as p,r as g,X as h}from"./index-Bykossku.js";const x={class:"async-state"},w={key:0,class:"async-state__skeleton"},B={key:1,class:"async-state__error"},S={class:"async-state__error-text"},b={key:2,class:"async-state__empty"},C={class:"async-state__empty-text"},N={key:0,class:"async-state__empty-hint"},M={__name:"AsyncState",props:{loading:{type:Boolean,default:!1},error:{type:Boolean,default:!1},empty:{type:Boolean,default:!1},errorMessage:{type:String,default:""},emptyMessage:{type:String,default:""},emptyHint:{type:String,default:""},retryable:{type:Boolean,default:!0},skeletonRows:{type:Number,default:4}},emits:["retry"],setup(e){const l=["100%","75%","90%","60%"];return(r,a)=>{const i=g("el-button");return t(),s("div",x,[e.loading?(t(),s("div",w,[(t(!0),s(u,null,m(e.skeletonRows,n=>(t(),s("div",{key:n,class:"async-state__skeleton-row",style:h({width:l[(n-1)%l.length]})},null,4))),128))])):e.error?(t(),s("div",B,[a[2]||(a[2]=_('<div class="async-state__error-icon" data-v-dc52927d><svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-v-dc52927d><circle cx="12" cy="12" r="10" data-v-dc52927d></circle><line x1="12" y1="8" x2="12" y2="12" data-v-dc52927d></line><line x1="12" y1="16" x2="12.01" y2="16" data-v-dc52927d></line></svg></div>',1)),d("p",S,o(e.errorMessage||"加载失败"),1),e.retryable?(t(),k(i,{key:0,size:"small",onClick:a[0]||(a[0]=n=>r.$emit("retry"))},{default:f(()=>[...a[1]||(a[1]=[v("重试",-1)])]),_:1})):c("",!0)])):e.empty?(t(),s("div",b,[d("p",C,o(e.emptyMessage||"暂无数据"),1),e.emptyHint?(t(),s("p",N,o(e.emptyHint),1)):c("",!0)])):p(r.$slots,"default",{key:3},void 0,!0)])}}},A=y(M,[["__scopeId","data-v-dc52927d"]]);export{A};
|