@orca-fe/pdf-viewer/es/ZoomAndPageController/ZoomAndPageController.js

PDF Viewer

var _excluded = ["className", "max", "min", "zoomMode", "onZoomModeChange"];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
import React, { useContext } from 'react';
import ZoomEditor from "../ZoomEditor";
import PDFViewerContext from "../context";
import UcInput from "../UcInput";
import useStyles from "./ZoomAndPageController.style";
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var ZoomAndPageController = props => {
  var _props$className = props.className,
    className = _props$className === void 0 ? '' : _props$className,
    max = props.max,
    min = props.min,
    zoomMode = props.zoomMode,
    onZoomModeChange = props.onZoomModeChange,
    otherProps = _objectWithoutProperties(props, _excluded);
  var styles = useStyles();
  var _useContext = useContext(PDFViewerContext),
    pdfViewer = _useContext.pdfViewer,
    pages = _useContext.pages,
    zoom = _useContext.zoom,
    current = _useContext.current;
  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
    className: `${styles.root} ${className}`
  }, otherProps), {}, {
    children: [/*#__PURE__*/_jsx(UcInput, {
      className: styles.input,
      value: `${current + 1}`,
      style: {
        width: 40
      },
      onKeyDown: e => {
        if (!e.ctrlKey && !e.altKey && !e.shiftKey && !e.metaKey) {
          if (e.key === 'ArrowUp') {
            e.preventDefault();
            if (current > 0) {
              pdfViewer.changePage(current - 1);
            }
          }
          if (e.key === 'ArrowDown') {
            e.preventDefault();
            if (current < pages.length) {
              pdfViewer.changePage(current + 1);
            }
          }
        }
      },
      onChange: value => {
        var newPage = Number(value) - 1;
        if (!Number.isNaN(newPage) && pdfViewer.getCurrentPage() !== newPage) {
          pdfViewer.changePage(newPage);
        }
      }
    }), /*#__PURE__*/_jsxs("span", {
      children: ['/ ', pages.length]
    }), /*#__PURE__*/_jsx(ZoomEditor, {
      className: styles.zoomEditor,
      max: max,
      min: min,
      value: Math.pow(2, zoom),
      onChange: zoomVal => {
        pdfViewer.setZoom(Math.log2(zoomVal));
      },
      zoomMode: zoomMode,
      onZoomModeChange: onZoomModeChange
    })]
  }));
};
export default ZoomAndPageController;