mobile-more
Version:
基于 antd-mobile v5 扩展移动端 UI 组件
38 lines (37 loc) • 2.1 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var React = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _dolyIcons = require("doly-icons");
var _BaseHead = _interopRequireDefault(require("./BaseHead"));
var _config = require("../../config");
var _excluded = ["title", "showCloseIcon", "closeIcon", "onClickCloseIcon", "closePlacement", "className"];
var prefixCls = "".concat(_config.prefixClass, "-head-close");
var CloseHead = function CloseHead(_ref) {
var title = _ref.title,
_ref$showCloseIcon = _ref.showCloseIcon,
showCloseIcon = _ref$showCloseIcon === void 0 ? true : _ref$showCloseIcon,
closeIcon = _ref.closeIcon,
onClickCloseIcon = _ref.onClickCloseIcon,
_ref$closePlacement = _ref.closePlacement,
closePlacement = _ref$closePlacement === void 0 ? 'right' : _ref$closePlacement,
className = _ref.className,
restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
var closeProps = (0, _defineProperty2.default)({}, closePlacement, showCloseIcon && (/*#__PURE__*/React.createElement("div", {
onClick: onClickCloseIcon,
className: "".concat(prefixCls, "-icon")
}, closeIcon || /*#__PURE__*/React.createElement(_dolyIcons.XLg, null))));
return /*#__PURE__*/React.createElement(_BaseHead.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
className: (0, _classnames.default)(prefixCls, className),
center: title
}, closeProps), restProps));
};
var _default = exports.default = CloseHead;