first commit
This commit is contained in:
63
frontend/node_modules/@rc-component/tour/es/TourStep/DefaultPanel.js
generated
vendored
Normal file
63
frontend/node_modules/@rc-component/tour/es/TourStep/DefaultPanel.js
generated
vendored
Normal file
@@ -0,0 +1,63 @@
|
||||
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
||||
import _extends from "@babel/runtime/helpers/esm/extends";
|
||||
import * as React from 'react';
|
||||
import classNames from 'classnames';
|
||||
import pickAttrs from "rc-util/es/pickAttrs";
|
||||
export default 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 = pickAttrs(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: classNames("".concat(prefixCls, "-content"), className)
|
||||
}, /*#__PURE__*/React.createElement("div", {
|
||||
className: "".concat(prefixCls, "-inner")
|
||||
}, mergedClosable && /*#__PURE__*/React.createElement("button", _extends({
|
||||
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 ? _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")))));
|
||||
}
|
||||
Reference in New Issue
Block a user