58 lines
2.4 KiB
JavaScript
58 lines
2.4 KiB
JavaScript
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
import * as React from 'react';
|
|
import classNames from 'classnames';
|
|
export default function DefaultPanel(props) {
|
|
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,
|
|
closeIcon = props.closeIcon;
|
|
var mergedClosable = closeIcon !== false && closeIcon !== null;
|
|
var mergedCloseIcon = closeIcon !== undefined && closeIcon !== true ? closeIcon : /*#__PURE__*/React.createElement("span", {
|
|
className: "".concat(prefixCls, "-close-x")
|
|
}, "\xD7");
|
|
return /*#__PURE__*/React.createElement("div", {
|
|
className: classNames("".concat(prefixCls, "-content"), className)
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "".concat(prefixCls, "-inner")
|
|
}, mergedClosable && /*#__PURE__*/React.createElement("button", {
|
|
type: "button",
|
|
onClick: onClose,
|
|
"aria-label": "Close",
|
|
className: "".concat(prefixCls, "-close")
|
|
}, mergedCloseIcon), /*#__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 ? _toConsumableArray(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")))));
|
|
} |