@gechiui/block-editor/build/components/block-pattern-setup/setup-toolbar.js

Generic block editor.

"use strict";

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

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

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

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

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

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

/**
 * GeChiUI dependencies
 */

/**
 * Internal dependencies
 */
const Actions = _ref => {
  let {
    onStartBlank,
    onBlockPatternSelect
  } = _ref;
  return (0, _element.createElement)("div", {
    className: "block-editor-block-pattern-setup__actions"
  }, (0, _element.createElement)(_components.Button, {
    onClick: onStartBlank
  }, (0, _i18n.__)('开始空白')), (0, _element.createElement)(_components.Button, {
    variant: "primary",
    onClick: onBlockPatternSelect
  }, (0, _i18n.__)('选择')));
};

const CarouselNavigation = _ref2 => {
  let {
    handlePrevious,
    handleNext,
    activeSlide,
    totalSlides
  } = _ref2;
  return (0, _element.createElement)("div", {
    className: "block-editor-block-pattern-setup__navigation"
  }, (0, _element.createElement)(_components.Button, {
    icon: _icons.chevronLeft,
    label: (0, _i18n.__)('上一样板'),
    onClick: handlePrevious,
    disabled: activeSlide === 0
  }), (0, _element.createElement)(_components.Button, {
    icon: _icons.chevronRight,
    label: (0, _i18n.__)('下一样板'),
    onClick: handleNext,
    disabled: activeSlide === totalSlides - 1
  }));
};

const SetupToolbar = _ref3 => {
  let {
    viewMode,
    setViewMode,
    handlePrevious,
    handleNext,
    activeSlide,
    totalSlides,
    onBlockPatternSelect,
    onStartBlank
  } = _ref3;
  const isCarouselView = viewMode === _constants.VIEWMODES.carousel;
  const displayControls = (0, _element.createElement)("div", {
    className: "block-editor-block-pattern-setup__display-controls"
  }, (0, _element.createElement)(_components.Button, {
    icon: _icons.stretchFullWidth,
    label: (0, _i18n.__)('轮播视图'),
    onClick: () => setViewMode(_constants.VIEWMODES.carousel),
    isPressed: isCarouselView
  }), (0, _element.createElement)(_components.Button, {
    icon: _icons.grid,
    label: (0, _i18n.__)('网格视图'),
    onClick: () => setViewMode(_constants.VIEWMODES.grid),
    isPressed: viewMode === _constants.VIEWMODES.grid
  }));
  return (0, _element.createElement)("div", {
    className: "block-editor-block-pattern-setup__toolbar"
  }, isCarouselView && (0, _element.createElement)(CarouselNavigation, {
    handlePrevious: handlePrevious,
    handleNext: handleNext,
    activeSlide: activeSlide,
    totalSlides: totalSlides
  }), displayControls, isCarouselView && (0, _element.createElement)(Actions, {
    onBlockPatternSelect: onBlockPatternSelect,
    onStartBlank: onStartBlank
  }));
};

var _default = SetupToolbar;
exports.default = _default;
//# sourceMappingURL=setup-toolbar.js.map