t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
2 lines (1 loc) • 1.62 kB
JavaScript
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../../_utils/index3.js"),a=require("../../_components/svg/index.js"),c=require("../../svg-icon/index.js"),d=require("./index3.js"),u={class:"f-page-header"},p={class:"f-page-header__text"},m={key:0,class:"f-page-header__main-subtitle"},f=e.defineComponent({name:"FPageHeader"}),_=e.defineComponent({...f,props:d.Props,setup(n){const o=n,s=t=>{o.back&&o.back(t)},r=e.computed(()=>["f-page-header__main",{"f-page-header__main-center":o.titleCenter}]),i=e.computed(()=>["f-page-header__main-title",{"f-page-header__main-title-bold":o.titleBold}]);return(t,g)=>(e.openBlock(),e.createElementBlock("header",u,[e.createElementVNode("div",{class:"f-page-header__left",onClick:s},[e.createVNode(e.unref(c.FSvgIcon),{size:e.unref(l.sizeChange)(t.iconSize)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon||e.unref(a.default))))])]),_:3},8,["size"]),e.createElementVNode("div",p,e.toDisplayString(t.backText),1)]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r))},[e.createElementVNode("div",{style:e.normalizeStyle({color:t.titleColor}),class:e.normalizeClass(e.unref(i))},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],6),t.subtitle||t.$slots.subtitle?(e.openBlock(),e.createElementBlock("div",m,[e.renderSlot(t.$slots,"subtitle",{},()=>[e.createTextVNode(e.toDisplayString(t.subtitle),1)])])):e.createCommentVNode("",!0)],2)]))}});exports.default=_;