linkmore-design/es/tour/index.js

🌈 🚀lm组件库。🚀

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 = ["prefixCls", "steps", "current", "type", "rootClassName"];
import React, { useContext } from 'react';
import RCTour from '@rc-component/tour';
import classNames from 'classnames';
import panelRender from "./panelRender";
import { ConfigContext } from "../config-provider";
var Tour = function Tour(props) {
  var customizePrefixCls = props.prefixCls,
    steps = props.steps,
    current = props.current,
    type = props.type,
    rootClassName = props.rootClassName,
    restProps = _objectWithoutProperties(props, _excluded);
  var _useContext = useContext(ConfigContext),
    getPrefixCls = _useContext.getPrefixCls,
    direction = _useContext.direction;
  var prefixCls = getPrefixCls('tour', customizePrefixCls);
  var customClassName = classNames(_defineProperty({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'), rootClassName);
  var mergedRenderPanel = function mergedRenderPanel(stepProps, stepCurrent) {
    return panelRender(stepProps, stepCurrent, type);
  };
  return /*#__PURE__*/React.createElement(RCTour, _extends({}, restProps, {
    rootClassName: customClassName,
    prefixCls: prefixCls,
    steps: steps,
    current: current,
    animated: true,
    renderPanel: mergedRenderPanel
  }));
};
if (process.env.NODE_ENV !== 'production') {
  Tour.displayName = 'Tour';
}

// Tour._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;
// Tour._InternalPanelDoNotUseOrYouWillBeFired = null;

export default Tour;