panel.js 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.default = void 0;
  7. var _cssinjs = require("@ant-design/cssinjs");
  8. var _ = require(".");
  9. var _internal = require("../../theme/internal");
  10. var _columns = _interopRequireDefault(require("./columns"));
  11. // ============================== Panel ===============================
  12. const genPanelStyle = token => {
  13. const {
  14. componentCls
  15. } = token;
  16. return {
  17. [`${componentCls}-panel`]: [(0, _columns.default)(token), {
  18. display: 'inline-flex',
  19. border: `${(0, _cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.colorSplit}`,
  20. borderRadius: token.borderRadiusLG,
  21. overflowX: 'auto',
  22. maxWidth: '100%',
  23. [`${componentCls}-menus`]: {
  24. alignItems: 'stretch'
  25. },
  26. [`${componentCls}-menu`]: {
  27. height: 'auto'
  28. },
  29. '&-empty': {
  30. padding: token.paddingXXS
  31. }
  32. }]
  33. };
  34. };
  35. // ============================== Export ==============================
  36. var _default = exports.default = (0, _internal.genComponentStyleHook)(['Cascader', 'Panel'], genPanelStyle, _.prepareComponentToken);