@wetspace/pro-components/dist/layout/pro-page-container/index.vue.js

::: tip 基本介绍

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("element-plus"),N=require("./types.js"),p=require("../../node_modules/.pnpm/@vueuse_core@10.11.1_vue@3.5.12_typescript@5.4.2_/node_modules/@vueuse/core/index.js"),V=require("./symbol.js"),P={key:0},L=e.defineComponent({__name:"index",props:N.wetProPageContainerProps,emits:["update:loading","update:tabKey","update:status"],setup(k,{expose:y,emit:b}){const h=e.useSlots(),u=e.shallowRef(),c=e.shallowRef(),o=l.useNamespace("pro-page-container"),B=l.ElLoading.directive,t=k,d=b,n=e.shallowRef(!1),i=e.ref({}),v=e.computed(()=>t.status),g=e.computed(()=>n.value?n.value:t.loading),{height:E}=p.useElementBounding(u),{width:m}=p.useElementBounding(c),f=e.computed(()=>t.tabList&&t.tabList.length!==0),C=e.computed(()=>{var a;return f.value&&!((a=t.tabProps)!=null&&a.type)}),x=a=>{d("update:tabKey",a)},S=a=>{d("update:status",Object.assign(t.status,a))},w=e.computed(()=>e.h("div",{class:o.m()},{default(){return t.extra}})),s=async()=>{if(n.value=!0,t.request)try{i.value=await t.request()}catch(a){console.error(a)}n.value=!1};return e.provide(V.SymbolState,{pageInfo:i,pageStatus:v,refresh:s,setPageStatus:S}),e.onMounted(()=>{s()}),y({refresh:s}),(a,_)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(o).b()])},[e.createElementVNode("div",{ref_key:"header",ref:u,style:e.normalizeStyle({width:e.unref(m)?`${e.unref(m)}px`:"auto"}),class:e.normalizeClass([e.unref(o).e("header"),e.unref(o).is("fixed",t.fixedHeader)])},[t.breadcrumb?(e.openBlock(),e.createBlock(e.unref(l.ElBreadcrumb),{key:0},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.breadcrumb,r=>(e.openBlock(),e.createBlock(e.unref(l.ElBreadcrumbItem),{key:r.path,to:{path:r.path}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.name),1)]),_:2},1032,["to"]))),128))]),_:1})):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"header",{},()=>[t.title||t.extra&&t.extra.length!==0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(o).e("default-header"),e.unref(o).is("tabs",C.value),e.unref(o).is("fixed",t.fixedHeader)])},[e.createElementVNode("h2",null,e.toDisplayString(t.title),1),e.createElementVNode("div",null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(w.value)))])],2)):e.createCommentVNode("",!0)]),f.value?(e.openBlock(),e.createBlock(e.unref(l.ElTabs),e.mergeProps({key:1},t.tabProps,{style:{width:"100%"},"model-value":a.tabKey,"onUpdate:modelValue":x}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabList,r=>(e.openBlock(),e.createBlock(e.unref(l.ElTabPane),{key:r.key,name:r.key,label:r.tab,closable:r.closable,disabled:r.disabled},null,8,["name","label","closable","disabled"]))),128))]),_:1},16,["model-value"])):e.createCommentVNode("",!0)],6),t.fixedHeader?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"shadowheader",ref:c,style:e.normalizeStyle({height:`${e.unref(E)}px`,flex:"0 0 auto"})},null,4)):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(o).e("body"),e.unref(o).is("header-fixed",t.fixedHeader),e.unref(o).is("full",t.fill)])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(o).e("body-innder"),e.unref(o).is("full",t.fill)])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabList,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.key},[r.key===t.tabKey?(e.openBlock(),e.createElementBlock("div",P,[r.children?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.children),{key:0})):e.createCommentVNode("",!0),e.renderSlot(a.$slots,r.key)])):e.createCommentVNode("",!0)],64))),128)),e.renderSlot(a.$slots,"default")],2)],2)),[[e.unref(B),g.value]]),e.unref(h).footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(o).e("footer"),e.unref(o).is("header-fixed",t.fixedHeader)])},[e.renderSlot(a.$slots,"footer")],2)):e.createCommentVNode("",!0)],2))}});exports.default=L;