@gechiui/block-editor/build/components/block-settings-menu/block-mode-toggle.js

Generic block editor.

"use strict";

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

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

var _lodash = require("lodash");

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

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

var _blocks = require("@gechiui/blocks");

var _data = require("@gechiui/data");

var _compose = require("@gechiui/compose");

var _store = require("../../store");

/**
 * External dependencies
 */

/**
 * GeChiUI dependencies
 */

/**
 * Internal dependencies
 */
function BlockModeToggle(_ref) {
  let {
    blockType,
    mode,
    onToggleMode,
    small = false,
    isCodeEditingEnabled = true
  } = _ref;

  if (!(0, _blocks.hasBlockSupport)(blockType, 'html', true) || !isCodeEditingEnabled) {
    return null;
  }

  const label = mode === 'visual' ? (0, _i18n.__)('作为HTML编辑') : (0, _i18n.__)('可视化编辑');
  return (0, _element.createElement)(_components.MenuItem, {
    onClick: onToggleMode
  }, !small && label);
}

var _default = (0, _compose.compose)([(0, _data.withSelect)((select, _ref2) => {
  let {
    clientId
  } = _ref2;
  const {
    getBlock,
    getBlockMode,
    getSettings
  } = select(_store.store);
  const block = getBlock(clientId);
  const isCodeEditingEnabled = getSettings().codeEditingEnabled;
  return {
    mode: getBlockMode(clientId),
    blockType: block ? (0, _blocks.getBlockType)(block.name) : null,
    isCodeEditingEnabled
  };
}), (0, _data.withDispatch)((dispatch, _ref3) => {
  let {
    onToggle = _lodash.noop,
    clientId
  } = _ref3;
  return {
    onToggleMode() {
      dispatch(_store.store).toggleBlockMode(clientId);
      onToggle();
    }

  };
})])(BlockModeToggle);

exports.default = _default;
//# sourceMappingURL=block-mode-toggle.js.map