@antdp/basic-layouts/esm/Logo/index.js

入口框架公共界面

import React, { useMemo } from 'react';
// @ts-ignore
import { Link } from '@umijs/max';
import { useLayouts } from '../hooks';
import { LayoutModel } from '../interface';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var Logo = props => {
  var {
    collapsed,
    logo,
    projectName,
    layout,
    siderWidth = 260
  } = useLayouts();
  var {
    logoJumpTo = '/'
  } = props;
  var logoRender = useMemo(() => logo && /*#__PURE__*/_jsx("img", {
    src: logo,
    alt: "logo"
  }), [logo]);
  var name = useMemo(() => {
    if (layout === LayoutModel.SLIDER && collapsed) {
      return null;
    }
    return projectName && /*#__PURE__*/_jsx("h1", {
      children: projectName
    });
  }, [projectName, collapsed, layout]);
  return useMemo(() => /*#__PURE__*/_jsx("div", {
    style: {
      width: layout === LayoutModel.SLIDER && collapsed ? 80 : siderWidth
    },
    className: "antdp-global-title antdp-global-title-top " + (layout === LayoutModel.SLIDER && 'antdp-global-title-left' || ''),
    children: /*#__PURE__*/_jsxs(Link, {
      to: logoJumpTo,
      children: [logoRender, name]
    })
  }), [collapsed]);
};
export default Logo;