71 lines
3.2 KiB
JavaScript
71 lines
3.2 KiB
JavaScript
|
"use strict";
|
||
|
|
|
||
|
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports.default = DefaultPanel;
|
||
|
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
||
|
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
||
|
|
var React = _interopRequireWildcard(require("react"));
|
||
|
|
var _classnames = _interopRequireDefault(require("classnames"));
|
||
|
|
var _pickAttrs = _interopRequireDefault(require("rc-util/lib/pickAttrs"));
|
||
|
|
function DefaultPanel(props) {
|
||
|
|
var _closable$closeIcon;
|
||
|
|
var prefixCls = props.prefixCls,
|
||
|
|
current = props.current,
|
||
|
|
total = props.total,
|
||
|
|
title = props.title,
|
||
|
|
description = props.description,
|
||
|
|
onClose = props.onClose,
|
||
|
|
onPrev = props.onPrev,
|
||
|
|
onNext = props.onNext,
|
||
|
|
onFinish = props.onFinish,
|
||
|
|
className = props.className,
|
||
|
|
closable = props.closable;
|
||
|
|
var ariaProps = (0, _pickAttrs.default)(closable || {}, true);
|
||
|
|
var closeIcon = (_closable$closeIcon = closable === null || closable === void 0 ? void 0 : closable.closeIcon) !== null && _closable$closeIcon !== void 0 ? _closable$closeIcon : /*#__PURE__*/React.createElement("span", {
|
||
|
|
className: "".concat(prefixCls, "-close-x")
|
||
|
|
}, "\xD7");
|
||
|
|
var mergedClosable = !!closable;
|
||
|
|
return /*#__PURE__*/React.createElement("div", {
|
||
|
|
className: (0, _classnames.default)("".concat(prefixCls, "-content"), className)
|
||
|
|
}, /*#__PURE__*/React.createElement("div", {
|
||
|
|
className: "".concat(prefixCls, "-inner")
|
||
|
|
}, mergedClosable && /*#__PURE__*/React.createElement("button", (0, _extends2.default)({
|
||
|
|
type: "button",
|
||
|
|
onClick: onClose,
|
||
|
|
"aria-label": "Close"
|
||
|
|
}, ariaProps, {
|
||
|
|
className: "".concat(prefixCls, "-close")
|
||
|
|
}), closeIcon), /*#__PURE__*/React.createElement("div", {
|
||
|
|
className: "".concat(prefixCls, "-header")
|
||
|
|
}, /*#__PURE__*/React.createElement("div", {
|
||
|
|
className: "".concat(prefixCls, "-title")
|
||
|
|
}, title)), /*#__PURE__*/React.createElement("div", {
|
||
|
|
className: "".concat(prefixCls, "-description")
|
||
|
|
}, description), /*#__PURE__*/React.createElement("div", {
|
||
|
|
className: "".concat(prefixCls, "-footer")
|
||
|
|
}, /*#__PURE__*/React.createElement("div", {
|
||
|
|
className: "".concat(prefixCls, "-sliders")
|
||
|
|
}, total > 1 ? (0, _toConsumableArray2.default)(Array.from({
|
||
|
|
length: total
|
||
|
|
}).keys()).map(function (item, index) {
|
||
|
|
return /*#__PURE__*/React.createElement("span", {
|
||
|
|
key: item,
|
||
|
|
className: index === current ? 'active' : ''
|
||
|
|
});
|
||
|
|
}) : null), /*#__PURE__*/React.createElement("div", {
|
||
|
|
className: "".concat(prefixCls, "-buttons")
|
||
|
|
}, current !== 0 ? /*#__PURE__*/React.createElement("button", {
|
||
|
|
className: "".concat(prefixCls, "-prev-btn"),
|
||
|
|
onClick: onPrev
|
||
|
|
}, "Prev") : null, current === total - 1 ? /*#__PURE__*/React.createElement("button", {
|
||
|
|
className: "".concat(prefixCls, "-finish-btn"),
|
||
|
|
onClick: onFinish
|
||
|
|
}, "Finish") : /*#__PURE__*/React.createElement("button", {
|
||
|
|
className: "".concat(prefixCls, "-next-btn"),
|
||
|
|
onClick: onNext
|
||
|
|
}, "Next")))));
|
||
|
|
}
|