123456789101112131415161718192021222324252627282930 |
- import { computed } from 'vue'
- import { useMain } from '@cip/hooks/use-main'
- import { useCipConfig } from '@cip/components/hooks/use-cip-config'
- import CipBreadcrumb from '@cip/components/main/cip-main-breadcrumb'
- import './index.less'
- export default {
- props: {
- canBack: { type: Boolean, default: true }
- },
- setup (props, { slots }) {
- const { closeTab } = useMain()
- const cipConfig = useCipConfig()
- const usingHideHeader = computed(() => {
- if (props.hideHeader !== undefined) {
- return props.hideHeader
- } else {
- return cipConfig.layout.hideHeader === true
- }
- })
- return () => <div class={'cip-info-theme-standard'}>
- {!usingHideHeader.value && <div class={'cip-info-theme-standard__breadcrumb'}>
- <CipBreadcrumb canBack={props.canBack} back={() => closeTab()} />
- </div>}
- <div class={'cip-info-theme-standard__info'}>
- {slots?.default()}
- </div>
- </div>
- }
- }
|