@antdp/basic-layouts/lib/index.js

入口框架公共界面

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
Object.defineProperty(exports, "__esModule", {
  value: true
});
var _exportNames = {
  WarpContent: true,
  Header: true,
  message: true,
  modal: true,
  notification: true,
  Sider: true,
  Breadcrumb: true,
  HeaderMenus: true,
  Logo: true,
  TopRight: true
};
Object.defineProperty(exports, "Breadcrumb", {
  enumerable: true,
  get: function get() {
    return _Breadcrumb["default"];
  }
});
Object.defineProperty(exports, "Header", {
  enumerable: true,
  get: function get() {
    return _Header["default"];
  }
});
Object.defineProperty(exports, "HeaderMenus", {
  enumerable: true,
  get: function get() {
    return _HeaderMenus["default"];
  }
});
Object.defineProperty(exports, "Logo", {
  enumerable: true,
  get: function get() {
    return _Logo["default"];
  }
});
Object.defineProperty(exports, "Sider", {
  enumerable: true,
  get: function get() {
    return _Sider["default"];
  }
});
Object.defineProperty(exports, "TopRight", {
  enumerable: true,
  get: function get() {
    return _TopRight["default"];
  }
});
Object.defineProperty(exports, "WarpContent", {
  enumerable: true,
  get: function get() {
    return _Content["default"];
  }
});
exports["default"] = void 0;
Object.defineProperty(exports, "message", {
  enumerable: true,
  get: function get() {
    return _Message.message;
  }
});
Object.defineProperty(exports, "modal", {
  enumerable: true,
  get: function get() {
    return _Message.modal;
  }
});
Object.defineProperty(exports, "notification", {
  enumerable: true,
  get: function get() {
    return _Message.notification;
  }
});
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
var _authorized = require("@antdp/authorized");
var _antd = require("antd");
var _react = _interopRequireWildcard(require("react"));
var _Content = _interopRequireWildcard(require("./Content"));
Object.keys(_Content).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
  if (key in exports && exports[key] === _Content[key]) return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _Content[key];
    }
  });
});
var _Header = _interopRequireWildcard(require("./Header"));
Object.keys(_Header).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
  if (key in exports && exports[key] === _Header[key]) return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _Header[key];
    }
  });
});
var _hooks = require("./hooks");
Object.keys(_hooks).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
  if (key in exports && exports[key] === _hooks[key]) return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _hooks[key];
    }
  });
});
var _interface = require("./interface");
var _Message = _interopRequireWildcard(require("./Message"));
var _Sider = _interopRequireWildcard(require("./Sider"));
Object.keys(_Sider).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
  if (key in exports && exports[key] === _Sider[key]) return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _Sider[key];
    }
  });
});
var _utils = require("./utils");
Object.keys(_utils).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
  if (key in exports && exports[key] === _utils[key]) return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _utils[key];
    }
  });
});
var _jsxRuntime = require("react/jsx-runtime");
var _Breadcrumb = _interopRequireWildcard(require("./Breadcrumb"));
Object.keys(_Breadcrumb).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
  if (key in exports && exports[key] === _Breadcrumb[key]) return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _Breadcrumb[key];
    }
  });
});
var _HeaderMenus = _interopRequireWildcard(require("./HeaderMenus"));
Object.keys(_HeaderMenus).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
  if (key in exports && exports[key] === _HeaderMenus[key]) return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _HeaderMenus[key];
    }
  });
});
var _Logo = _interopRequireWildcard(require("./Logo"));
Object.keys(_Logo).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
  if (key in exports && exports[key] === _Logo[key]) return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _Logo[key];
    }
  });
});
var _TopRight = _interopRequireDefault(require("./TopRight"));
var BasicLayouts = function BasicLayouts(props) {
  var _token$menu, _token$menu2, _token$menu3, _token$header, _token$header2, _token$menu4, _token$menu5, _token$menu6, _token$menu7, _token$menu8, _token$menu9, _token$menu10, _token$menu11, _token$menu12, _token$menu13;
  var _props$theme = props.theme,
    theme = _props$theme === void 0 ? 'light' : _props$theme,
    _props$token = props.token,
    token = _props$token === void 0 ? undefined : _props$token;
  var layout = props.layout || _interface.LayoutModel.MIX;
  var render = (0, _react.useMemo)(function () {
    if (layout === _interface.LayoutModel.TOPLEFT) {
      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react["default"].Fragment, {
        children: [ANTD_HEAD_IS_SHOW && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Layout.Header, {
          className: "antdp-basic-layouts-header",
          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header["default"], {})
        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Layout, {
          children: [ANTD_MENU_IS_SHOW && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Sider["default"], {
            menuProps: props.menuProps,
            theme: theme
          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Layout.Content, {
            className: "antdp-basic-layouts-content",
            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.App, {
              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Content["default"], {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Message["default"], {})]
            })
          })]
        })]
      });
    } else if (layout === _interface.LayoutModel.SLIDER) {
      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react["default"].Fragment, {
        children: [ANTD_MENU_IS_SHOW && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Sider["default"], {
          menuProps: props.menuProps,
          theme: theme
        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Layout, {
          children: [ANTD_HEAD_IS_SHOW && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Layout.Header, {
            className: "antdp-basic-layouts-header",
            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header["default"], {})
          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Layout.Content, {
            className: "antdp-basic-layouts-content",
            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.App, {
              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Content["default"], {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Message["default"], {})]
            })
          })]
        })]
      });
    } else {
      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react["default"].Fragment, {
        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Layout, {
          children: [ANTD_HEAD_IS_SHOW && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Layout.Header, {
            className: "antdp-basic-layouts-header",
            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header["default"], {})
          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Layout, {
            children: [ANTD_MENU_IS_SHOW && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Sider["default"], {
              menuProps: props.menuProps,
              theme: theme
            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Layout.Content, {
              className: "antdp-basic-layouts-content",
              children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.App, {
                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Content["default"], {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Message["default"], {})]
              })
            })]
          })]
        })
      });
    }
  }, [theme, layout]);
  var newData = (0, _react.useMemo)(function () {
    if (typeof ANTD_AUTH_CONF === 'boolean') {
      return {
        auth_menu: 'authMenu',
        auth_btn: 'authBtn',
        auth_check_url: 'menuUrl',
        isCheckAuth: true
      };
    }
    if ((typeof ANTD_AUTH_CONF === "undefined" ? "undefined" : (0, _typeof2["default"])(ANTD_AUTH_CONF)) === 'object' && ANTD_AUTH_CONF) {
      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
        auth_menu: 'authMenu',
        auth_btn: 'authBtn',
        auth_check_url: 'menuUrl'
      }, ANTD_AUTH_CONF || {}), {}, {
        isCheckAuth: true
      });
    }
    return {
      isCheckAuth: false
    };
  }, [ANTD_AUTH_CONF]);
  var style = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, '--primary-slider-bg', (token === null || token === void 0 || (_token$menu = token.menu) === null || _token$menu === void 0 ? void 0 : _token$menu.colorMenuBackground) || (0, _utils.defaultThemeColors)(layout)[theme]['--primary-slider-bg']), '--primary-slider-trigger-border', (token === null || token === void 0 || (_token$menu2 = token.menu) === null || _token$menu2 === void 0 ? void 0 : _token$menu2.triggerColor) || (0, _utils.defaultThemeColors)(layout)[theme]['--primary-slider-trigger-border']), '--primary-sider-trigger-text-color', (token === null || token === void 0 || (_token$menu3 = token.menu) === null || _token$menu3 === void 0 ? void 0 : _token$menu3.triggerTextColor) || (0, _utils.defaultThemeColors)(layout)[theme]['--primary-sider-trigger-text-color']), '--primary-header-bg', (token === null || token === void 0 || (_token$header = token.header) === null || _token$header === void 0 ? void 0 : _token$header.colorHeaderBackground) || (0, _utils.defaultThemeColors)(layout)[theme]['--primary-header-bg']), '--primary-header-text-color', (token === null || token === void 0 || (_token$header2 = token.header) === null || _token$header2 === void 0 ? void 0 : _token$header2.headerTextColor) || (0, _utils.defaultThemeColors)(layout)[theme]['--primary-header-text-color']), '--primary-shadow', (token === null || token === void 0 ? void 0 : token.shadowColor) || (0, _utils.defaultThemeColors)(layout)[theme]['--primary-shadow']), '--primary-title-text-color', (token === null || token === void 0 ? void 0 : token.titleColor) || (0, _utils.defaultThemeColors)(layout)[theme]['--primary-title-text-color']), '--primary-content-bg', (token === null || token === void 0 ? void 0 : token.contentBackground) || (0, _utils.defaultThemeColors)(layout)[theme]['--primary-content-bg']);
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_authorized.AuthorizedConfigProvider, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, newData), {}, {
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_hooks.LayoutsProvider, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.ConfigProvider, {
        theme: {
          algorithm: theme === 'dark' ? _antd.theme.darkAlgorithm : _antd.theme.defaultAlgorithm,
          components: {
            Layout: {
              colorBgHeader: 'transparent',
              colorBgBody: 'transparent'
            },
            Menu: {
              itemBg: (token === null || token === void 0 || (_token$menu4 = token.menu) === null || _token$menu4 === void 0 ? void 0 : _token$menu4.colorMenuBackground) || (0, _utils.defaultThemeColors)(layout)[theme]['--primary-slider-bg'],
              subMenuItemBg: (token === null || token === void 0 || (_token$menu5 = token.menu) === null || _token$menu5 === void 0 ? void 0 : _token$menu5.colorMenuBackground) || (0, _utils.defaultThemeColors)(layout)[theme]['--primary-slider-bg'],
              itemBorderRadius: 4,
              itemSelectedBg: (token === null || token === void 0 || (_token$menu6 = token.menu) === null || _token$menu6 === void 0 ? void 0 : _token$menu6.colorBgMenuItemSelected) || (0, _utils.defaultThemeColors)(layout)[theme]['itemSelectedBg'],
              colorItemBgSelected: (token === null || token === void 0 || (_token$menu7 = token.menu) === null || _token$menu7 === void 0 ? void 0 : _token$menu7.colorBgMenuItemSelected) || (0, _utils.defaultThemeColors)(layout)[theme]['colorItemBgSelected'],
              itemActiveBg: (token === null || token === void 0 || (_token$menu8 = token.menu) === null || _token$menu8 === void 0 ? void 0 : _token$menu8.colorBgMenuItemHover) || (0, _utils.defaultThemeColors)(layout)[theme]['itemActiveBg'],
              horizontalItemSelectedBg: (token === null || token === void 0 || (_token$menu9 = token.menu) === null || _token$menu9 === void 0 ? void 0 : _token$menu9.colorBgMenuItemSelected) || (0, _utils.defaultThemeColors)(layout)[theme]['horizontalItemSelectedBg'],
              colorActiveBarWidth: 0,
              colorActiveBarHeight: 0,
              colorActiveBarBorderSize: 0,
              itemColor: (token === null || token === void 0 || (_token$menu10 = token.menu) === null || _token$menu10 === void 0 ? void 0 : _token$menu10.colorTextMenu) || (0, _utils.defaultThemeColors)(layout)[theme]['itemColor'],
              itemHoverColor: (token === null || token === void 0 || (_token$menu11 = token.menu) === null || _token$menu11 === void 0 ? void 0 : _token$menu11.colorTextMenuActive) || (0, _utils.defaultThemeColors)(layout)[theme]['itemHoverColor'],
              itemSelectedColor: (token === null || token === void 0 || (_token$menu12 = token.menu) === null || _token$menu12 === void 0 ? void 0 : _token$menu12.colorTextMenuSelected) || (0, _utils.defaultThemeColors)(layout)[theme]['itemSelectedColor'],
              colorBgElevated: (token === null || token === void 0 || (_token$menu13 = token.menu) === null || _token$menu13 === void 0 ? void 0 : _token$menu13.colorBgMenuItemCollapsedElevated) || (0, _utils.defaultThemeColors)(layout)[theme]['colorBgElevated']
            }
          }
        },
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Layout, {
          className: "antdp-basic-layouts ".concat(props.className),
          style: style,
          children: render
        })
      })
    }))
  }));
};
var _default = exports["default"] = BasicLayouts;