Header.js 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.default = void 0;
  7. var _vue = require("vue");
  8. var _useMergeProps = _interopRequireDefault(require("../hooks/useMergeProps"));
  9. var _PanelContext = require("../PanelContext");
  10. var HIDDEN_STYLE = {
  11. visibility: 'hidden'
  12. };
  13. function Header(_props, _ref) {
  14. var _slots$default;
  15. var slots = _ref.slots;
  16. var props = (0, _useMergeProps.default)(_props);
  17. var prefixCls = props.prefixCls,
  18. _props$prevIcon = props.prevIcon,
  19. prevIcon = _props$prevIcon === void 0 ? "\u2039" : _props$prevIcon,
  20. _props$nextIcon = props.nextIcon,
  21. nextIcon = _props$nextIcon === void 0 ? "\u203A" : _props$nextIcon,
  22. _props$superPrevIcon = props.superPrevIcon,
  23. superPrevIcon = _props$superPrevIcon === void 0 ? "\xAB" : _props$superPrevIcon,
  24. _props$superNextIcon = props.superNextIcon,
  25. superNextIcon = _props$superNextIcon === void 0 ? "\xBB" : _props$superNextIcon,
  26. onSuperPrev = props.onSuperPrev,
  27. onSuperNext = props.onSuperNext,
  28. onPrev = props.onPrev,
  29. onNext = props.onNext;
  30. var _useInjectPanel = (0, _PanelContext.useInjectPanel)(),
  31. hideNextBtn = _useInjectPanel.hideNextBtn,
  32. hidePrevBtn = _useInjectPanel.hidePrevBtn;
  33. return (0, _vue.createVNode)("div", {
  34. "class": prefixCls
  35. }, [onSuperPrev && (0, _vue.createVNode)("button", {
  36. "type": "button",
  37. "onClick": onSuperPrev,
  38. "tabindex": -1,
  39. "class": "".concat(prefixCls, "-super-prev-btn"),
  40. "style": hidePrevBtn.value ? HIDDEN_STYLE : {}
  41. }, [superPrevIcon]), onPrev && (0, _vue.createVNode)("button", {
  42. "type": "button",
  43. "onClick": onPrev,
  44. "tabindex": -1,
  45. "class": "".concat(prefixCls, "-prev-btn"),
  46. "style": hidePrevBtn.value ? HIDDEN_STYLE : {}
  47. }, [prevIcon]), (0, _vue.createVNode)("div", {
  48. "class": "".concat(prefixCls, "-view")
  49. }, [(_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)]), onNext && (0, _vue.createVNode)("button", {
  50. "type": "button",
  51. "onClick": onNext,
  52. "tabindex": -1,
  53. "class": "".concat(prefixCls, "-next-btn"),
  54. "style": hideNextBtn.value ? HIDDEN_STYLE : {}
  55. }, [nextIcon]), onSuperNext && (0, _vue.createVNode)("button", {
  56. "type": "button",
  57. "onClick": onSuperNext,
  58. "tabindex": -1,
  59. "class": "".concat(prefixCls, "-super-next-btn"),
  60. "style": hideNextBtn.value ? HIDDEN_STYLE : {}
  61. }, [superNextIcon])]);
  62. }
  63. Header.displayName = 'Header';
  64. Header.inheritAttrs = false;
  65. var _default = Header;
  66. exports.default = _default;