@fesjs/fes-design/es/layout/header.js

fes-design for PC

import { defineComponent, getCurrentInstance, inject, computed, openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
import getPrefixCls from '../_util/getPrefixCls';
import { noop } from '../_util/utils';
import { COMPONENT_NAME, LAYOUT_PROVIDE_KEY } from './const';

const prefixCls = getPrefixCls('layout');
const layoutHeaderProps = {
  inverted: {
    type: Boolean,
    default: false
  },
  bordered: {
    type: Boolean,
    default: false
  },
  fixed: {
    type: Boolean,
    default: false
  }
};
var script = defineComponent({
  name: COMPONENT_NAME.HEADER,
  props: layoutHeaderProps,
  setup(props) {
    const vm = getCurrentInstance();
    if (!vm.parent || !vm.parent.type || vm.parent.type.name !== COMPONENT_NAME.LAYOUT) {
      console.warn(`[${COMPONENT_NAME.HEADER}] must be a child of ${COMPONENT_NAME.LAYOUT}`);
    }
    const {
      addChild
    } = inject(LAYOUT_PROVIDE_KEY, {
      addChild: noop
    });
    addChild({
      type: COMPONENT_NAME.HEADER
    });
    const classList = computed(() => [`${prefixCls}-header`, props.fixed && 'is-fixed', props.inverted && 'is-inverted', props.bordered && 'is-bordered'].filter(Boolean));
    return {
      classList
    };
  }
});

function render(_ctx, _cache, $props, $setup, $data, $options) {
  return openBlock(), createElementBlock("header", {
    class: normalizeClass(_ctx.classList)
  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
}

script.render = render;
script.__file = "components/layout/header.vue";

export { script as default, layoutHeaderProps };