@gechiui/block-editor/build/components/image-editor/zoom-dropdown.js

Generic block editor.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = ZoomDropdown;

var _element = require("@gechiui/element");

var _components = require("@gechiui/components");

var _i18n = require("@gechiui/i18n");

var _icons = require("@gechiui/icons");

var _constants = require("./constants");

var _context = require("./context");

/**
 * GeChiUI dependencies
 */

/**
 * Internal dependencies
 */
function ZoomDropdown() {
  const {
    isInProgress,
    zoom,
    setZoom
  } = (0, _context.useImageEditingContext)();
  return (0, _element.createElement)(_components.Dropdown, {
    contentClassName: "gc-block-image__zoom",
    popoverProps: _constants.POPOVER_PROPS,
    renderToggle: _ref => {
      let {
        isOpen,
        onToggle
      } = _ref;
      return (0, _element.createElement)(_components.ToolbarButton, {
        icon: _icons.search,
        label: (0, _i18n.__)('缩放'),
        onClick: onToggle,
        "aria-expanded": isOpen,
        disabled: isInProgress
      });
    },
    renderContent: () => (0, _element.createElement)(_components.RangeControl, {
      label: (0, _i18n.__)('缩放'),
      min: _constants.MIN_ZOOM,
      max: _constants.MAX_ZOOM,
      value: Math.round(zoom),
      onChange: setZoom
    })
  });
}
//# sourceMappingURL=zoom-dropdown.js.map