mobile-more
Version:
基于 antd-mobile v5 扩展移动端 UI 组件
33 lines • 1.56 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["title", "showCloseIcon", "closeIcon", "onClickCloseIcon", "closePlacement", "className"];
import React from 'react';
import classnames from 'classnames';
import { XLg } from 'doly-icons';
import BaseHead from "./BaseHead";
import { prefixClass } from "../../config";
var prefixCls = "".concat(prefixClass, "-head-close");
var CloseHead = function CloseHead(_ref) {
var title = _ref.title,
_ref$showCloseIcon = _ref.showCloseIcon,
showCloseIcon = _ref$showCloseIcon === void 0 ? true : _ref$showCloseIcon,
_ref$closeIcon = _ref.closeIcon,
closeIcon = _ref$closeIcon === void 0 ? /*#__PURE__*/React.createElement(XLg, null) : _ref$closeIcon,
onClickCloseIcon = _ref.onClickCloseIcon,
_ref$closePlacement = _ref.closePlacement,
closePlacement = _ref$closePlacement === void 0 ? 'right' : _ref$closePlacement,
className = _ref.className,
restProps = _objectWithoutProperties(_ref, _excluded);
var closeProps = _defineProperty({}, closePlacement, showCloseIcon && {
key: '__close-icon__',
children: closeIcon,
onClick: onClickCloseIcon,
className: "".concat(prefixCls, "-icon")
});
return /*#__PURE__*/React.createElement(BaseHead, _extends({
className: classnames(prefixCls, className),
center: title
}, closeProps, restProps));
};
export default CloseHead;