Header.js 2.0 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. const HIDDEN_STYLE = {
  11. visibility: 'hidden'
  12. };
  13. function Header(_props, _ref) {
  14. let {
  15. slots
  16. } = _ref;
  17. var _a;
  18. const props = (0, _useMergeProps.default)(_props);
  19. const {
  20. prefixCls,
  21. prevIcon = '\u2039',
  22. nextIcon = '\u203A',
  23. superPrevIcon = '\u00AB',
  24. superNextIcon = '\u00BB',
  25. onSuperPrev,
  26. onSuperNext,
  27. onPrev,
  28. onNext
  29. } = props;
  30. const {
  31. hideNextBtn,
  32. hidePrevBtn
  33. } = (0, _PanelContext.useInjectPanel)();
  34. return (0, _vue.createVNode)("div", {
  35. "class": prefixCls
  36. }, [onSuperPrev && (0, _vue.createVNode)("button", {
  37. "type": "button",
  38. "onClick": onSuperPrev,
  39. "tabindex": -1,
  40. "class": `${prefixCls}-super-prev-btn`,
  41. "style": hidePrevBtn.value ? HIDDEN_STYLE : {}
  42. }, [superPrevIcon]), onPrev && (0, _vue.createVNode)("button", {
  43. "type": "button",
  44. "onClick": onPrev,
  45. "tabindex": -1,
  46. "class": `${prefixCls}-prev-btn`,
  47. "style": hidePrevBtn.value ? HIDDEN_STYLE : {}
  48. }, [prevIcon]), (0, _vue.createVNode)("div", {
  49. "class": `${prefixCls}-view`
  50. }, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]), onNext && (0, _vue.createVNode)("button", {
  51. "type": "button",
  52. "onClick": onNext,
  53. "tabindex": -1,
  54. "class": `${prefixCls}-next-btn`,
  55. "style": hideNextBtn.value ? HIDDEN_STYLE : {}
  56. }, [nextIcon]), onSuperNext && (0, _vue.createVNode)("button", {
  57. "type": "button",
  58. "onClick": onSuperNext,
  59. "tabindex": -1,
  60. "class": `${prefixCls}-super-next-btn`,
  61. "style": hideNextBtn.value ? HIDDEN_STYLE : {}
  62. }, [superNextIcon])]);
  63. }
  64. Header.displayName = 'Header';
  65. Header.inheritAttrs = false;
  66. var _default = exports.default = Header;