@gechiui/block-editor
Version:
66 lines (55 loc) • 2.03 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _element = require("@gechiui/element");
var _classnames = _interopRequireDefault(require("classnames"));
var _components = require("@gechiui/components");
var _i18n = require("@gechiui/i18n");
var _icons = require("@gechiui/icons");
/**
* External dependencies
*/
/**
* GeChiUI dependencies
*/
function Warning(_ref) {
let {
className,
actions,
children,
secondaryActions
} = _ref;
return (0, _element.createElement)("div", {
className: (0, _classnames.default)(className, 'block-editor-warning')
}, (0, _element.createElement)("div", {
className: "block-editor-warning__contents"
}, (0, _element.createElement)("p", {
className: "block-editor-warning__message"
}, children), (_element.Children.count(actions) > 0 || secondaryActions) && (0, _element.createElement)("div", {
className: "block-editor-warning__actions"
}, _element.Children.count(actions) > 0 && _element.Children.map(actions, (action, i) => (0, _element.createElement)("span", {
key: i,
className: "block-editor-warning__action"
}, action)), secondaryActions && (0, _element.createElement)(_components.DropdownMenu, {
className: "block-editor-warning__secondary",
icon: _icons.moreHorizontal,
label: (0, _i18n.__)('更多选项'),
popoverProps: {
position: 'bottom left',
className: 'block-editor-warning__dropdown'
},
noIcons: true
}, () => (0, _element.createElement)(_components.MenuGroup, null, secondaryActions.map((item, pos) => (0, _element.createElement)(_components.MenuItem, {
onClick: item.onClick,
key: pos
}, item.title)))))));
}
/**
* @see https://github.com/GeChiUI/gutenberg/blob/HEAD/packages/block-editor/src/components/warning/README.md
*/
var _default = Warning;
exports.default = _default;
//# sourceMappingURL=index.js.map