Header.js 2.3 KB

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