mobile-more
Version:
基于 antd-mobile v5 扩展移动端 UI 组件
42 lines • 1.67 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["title", "cancelText", "confirmText", "onConfirm", "onCancel", "className"];
import React from 'react';
import classnames from 'classnames';
import BaseHead from "./BaseHead";
import { prefixClass } from "../../config";
import { useConfig } from "../BizConfigProvider";
var prefixCls = "".concat(prefixClass, "-head-confirm");
var ConfirmHead = function ConfirmHead(props) {
var _useConfig = useConfig(),
locale = _useConfig.locale;
var title = props.title,
_props$cancelText = props.cancelText,
cancelText = _props$cancelText === void 0 ? locale.form.common.cancel : _props$cancelText,
_props$confirmText = props.confirmText,
confirmText = _props$confirmText === void 0 ? locale.form.common.ok : _props$confirmText,
onConfirm = props.onConfirm,
onCancel = props.onCancel,
className = props.className,
restProps = _objectWithoutProperties(props, _excluded);
return /*#__PURE__*/React.createElement(BaseHead, _extends({
className: classnames(prefixCls, className)
}, restProps, {
center: title,
left: cancelText && [{
key: 'cancel',
children: /*#__PURE__*/React.createElement("a", {
className: "".concat(prefixCls, "-action")
}, cancelText),
onClick: onCancel
}],
right: confirmText && [{
key: 'confirm',
children: /*#__PURE__*/React.createElement("a", {
className: "".concat(prefixCls, "-action")
}, confirmText),
onClick: onConfirm
}]
}));
};
export default ConfirmHead;