@cainiaofe/cn-ui-m
Version:
26 lines (25 loc) • 1.44 kB
JavaScript
import $i18n from "../../locales/i18n";
import * as React from 'react';
import cx from 'classnames';
import { CnButton } from "../cn-button";
var renderFooterActions = function (props) {
var _a = props.footerActions, footerActions = _a === void 0 ? ['cancel', 'ok'] : _a, onOk = props.onOk, onClose = props.onClose;
return footerActions.map(function (item) {
if (item === 'ok') {
return (React.createElement(CnButton, { size: "large", fullWidth: true, type: "primary", onClick: function () { return onOk && onOk(); } }, $i18n.get({ id: 'OK', dm: '确定' })));
}
else if (item === 'cancel') {
return (React.createElement(CnButton, { size: "large", fullWidth: true, onClick: function () { return onClose && onClose(); } }, $i18n.get({ id: 'Cancel', dm: '取消' })));
}
else {
return (React.createElement(CnButton, { size: "large", fullWidth: true, onClick: function () { return item.onClick && item.onClick(); } }, item.text || ''));
}
});
};
export var DialogFooter = function (props) {
var _a = props.footerActions, footerActions = _a === void 0 ? ['cancel', 'ok'] : _a;
return (React.createElement("div", { className: cx('cn-ui-m-dialog-footer', {
'cn-ui-m-dialog-footer-column': !(footerActions.length < 3),
'cn-ui-m-dialog-footer-row': footerActions.length < 3,
}) }, renderFooterActions(props)));
};