ll-package
Version:
2 lines (1 loc) • 4.09 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("../../../@babel/runtime/helpers/esm/objectSpread2.js"),l=require("vue"),L=require("../_util/vue-types/index.js"),V=require("../_util/props-util/index.js"),G=require("../../../@ant-design/icons-vue/es/icons/ArrowLeftOutlined.js"),J=require("../../../@ant-design/icons-vue/es/icons/ArrowRightOutlined.js");require("../breadcrumb/index.js");require("../avatar/index.js");const K=require("../_util/transButton.js"),Q=require("../locale/LocaleReceiver.js"),c=require("../_util/type.js"),U=require("../config-provider/hooks/useConfigInject.js"),W=require("../_util/classNames.js"),X=require("../vc-resize-observer/index.js"),Y=require("../_util/hooks/useDestroyed.js"),Z=require("../space/index.js"),ee=require("./style/index.js"),te=require("../breadcrumb/Breadcrumb.js"),le=require("../avatar/Avatar.js"),C=()=>({backIcon:c.vNodeType(),prefixCls:String,title:c.vNodeType(),subTitle:c.vNodeType(),breadcrumb:L.default.object,tags:c.vNodeType(),footer:c.vNodeType(),extra:c.vNodeType(),avatar:c.objectType(),ghost:{type:Boolean,default:void 0},onBack:Function}),ae=l.defineComponent({compatConfig:{MODE:3},name:"APageHeader",inheritAttrs:!1,props:C(),slots:Object,setup(o,B){let{emit:I,slots:a,attrs:$}=B;const{prefixCls:n,direction:y,pageHeader:b}=U.default("page-header",o),[j,H]=ee.default(n),x=l.shallowRef(!1),P=Y.default(),w=e=>{let{width:t}=e;P.value||(x.value=t<768)},R=l.computed(()=>{var e,t,r;return(r=(e=o.ghost)!==null&&e!==void 0?e:(t=b==null?void 0:b.value)===null||t===void 0?void 0:t.ghost)!==null&&r!==void 0?r:!0}),S=()=>{var e,t,r;return(r=(e=o.backIcon)!==null&&e!==void 0?e:(t=a.backIcon)===null||t===void 0?void 0:t.call(a))!==null&&r!==void 0?r:y.value==="rtl"?l.createVNode(J.default,null,null):l.createVNode(G.default,null,null)},A=e=>!e||!o.onBack?null:l.createVNode(Q.default,{componentName:"PageHeader",children:t=>{let{back:r}=t;return l.createVNode("div",{class:`${n.value}-back`},[l.createVNode(K.default,{onClick:d=>{I("back",d)},class:`${n.value}-back-button`,"aria-label":r},{default:()=>[e]})])}},null),O=()=>{var e;return o.breadcrumb?l.createVNode(te.default,o.breadcrumb,null):(e=a.breadcrumb)===null||e===void 0?void 0:e.call(a)},D=()=>{var e,t,r,d,u,s,g,h,N;const{avatar:m}=o,v=(e=o.title)!==null&&e!==void 0?e:(t=a.title)===null||t===void 0?void 0:t.call(a),f=(r=o.subTitle)!==null&&r!==void 0?r:(d=a.subTitle)===null||d===void 0?void 0:d.call(a),_=(u=o.tags)!==null&&u!==void 0?u:(s=a.tags)===null||s===void 0?void 0:s.call(a),q=(g=o.extra)!==null&&g!==void 0?g:(h=a.extra)===null||h===void 0?void 0:h.call(a),i=`${n.value}-heading`,T=v||f||_||q;if(!T)return null;const M=S(),k=A(M),z=k||m||T;return l.createVNode("div",{class:i},[z&&l.createVNode("div",{class:`${i}-left`},[k,m?l.createVNode(le.default,m,null):(N=a.avatar)===null||N===void 0?void 0:N.call(a),v&&l.createVNode("span",{class:`${i}-title`,title:typeof v=="string"?v:void 0},[v]),f&&l.createVNode("span",{class:`${i}-sub-title`,title:typeof f=="string"?f:void 0},[f]),_&&l.createVNode("span",{class:`${i}-tags`},[_])]),q&&l.createVNode("span",{class:`${i}-extra`},[l.createVNode(Z.default,null,{default:()=>[q]})])])},E=()=>{var e,t;const r=(e=o.footer)!==null&&e!==void 0?e:V.filterEmpty((t=a.footer)===null||t===void 0?void 0:t.call(a));return V.isEmptyContent(r)?null:l.createVNode("div",{class:`${n.value}-footer`},[r])},F=e=>l.createVNode("div",{class:`${n.value}-content`},[e]);return()=>{var e,t;const r=((e=o.breadcrumb)===null||e===void 0?void 0:e.routes)||a.breadcrumb,d=o.footer||a.footer,u=V.flattenChildren((t=a.default)===null||t===void 0?void 0:t.call(a)),s=W.default(n.value,{"has-breadcrumb":r,"has-footer":d,[`${n.value}-ghost`]:R.value,[`${n.value}-rtl`]:y.value==="rtl",[`${n.value}-compact`]:x.value},$.class,H.value);return j(l.createVNode(X.default,{onResize:w},{default:()=>[l.createVNode("div",p.default(p.default({},$),{},{class:s}),[O(),D(),u.length?F(u):null,E()])]}))}}}),re=c.withInstall(ae);exports.default=re;exports.pageHeaderProps=C;