cyber-web-ui/lib/layout/Header.js

spring-cyber前端ui框架

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _vue = require("vue");
var _default = exports.default = (0, _vue.defineComponent)({
  name: 'CLayoutHeader',
  props: {
    logo: String
  },
  setup: function setup(props, _ref) {
    var attrs = _ref.attrs,
      slots = _ref.slots,
      emit = _ref.emit,
      expose = _ref.expose;
    return function () {
      var _slots$left, _slots$right;
      function logoSlot() {
        return slots.logo ? slots.logo() : props.logo ? (0, _vue.createVNode)("img", {
          "src": props.logo,
          "class": "cyber-layout-logo"
        }, null) : (0, _vue.createVNode)("span", {
          "style": "font-size: 24px; font-weight: 600;"
        }, [(0, _vue.createTextVNode)("Logo")]);
      }
      return (0, _vue.createVNode)("div", {
        "class": "cyber-layout-header"
      }, [(0, _vue.createVNode)("div", {
        "class": "cyber-layout-header-body"
      }, [(0, _vue.createVNode)("div", {
        "class": "cyber-layout-header-left"
      }, [logoSlot(), (_slots$left = slots.left) === null || _slots$left === void 0 ? void 0 : _slots$left.call(slots)]), (0, _vue.createVNode)("div", {
        "class": "cyber-layout-header-right"
      }, [(_slots$right = slots.right) === null || _slots$right === void 0 ? void 0 : _slots$right.call(slots)])])]);
    };
  }
});