first commit

frontend/node_modules/antd/lib/tour/PurePanel.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import type { TourStepProps } from './interface';
+export interface PurePanelProps extends TourStepProps {
+}
+declare const _default: (props: PurePanelProps) => React.JSX.Element;
+export default _default;

frontend/node_modules/antd/lib/tour/PurePanel.js

@@ -0,0 +1,73 @@
+"use strict";
+"use client";
+
+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 React = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("../_util/hooks");
+var _PurePanel = require("../_util/PurePanel");
+var _reactNode = require("../_util/reactNode");
+var _configProvider = require("../config-provider");
+var _PurePanel2 = require("../popover/PurePanel");
+var _panelRender = _interopRequireDefault(require("./panelRender"));
+var _style = _interopRequireDefault(require("./style"));
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+const PurePanel = props => {
+  const {
+      prefixCls: customizePrefixCls,
+      current = 0,
+      total = 6,
+      className,
+      style,
+      type,
+      closable,
+      closeIcon
+    } = props,
+    restProps = __rest(props, ["prefixCls", "current", "total", "className", "style", "type", "closable", "closeIcon"]);
+  const {
+    getPrefixCls
+  } = React.useContext(_configProvider.ConfigContext);
+  const prefixCls = getPrefixCls('tour', customizePrefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = (0, _style.default)(prefixCls);
+  const [mergedClosable, mergedCloseIcon] = (0, _hooks.useClosable)({
+    closable,
+    closeIcon
+  }, null, {
+    closable: true,
+    closeIconRender: icon => {
+      var _a;
+      return /*#__PURE__*/React.isValidElement(icon) ? (0, _reactNode.cloneElement)(icon, {
+        className: (0, _classnames.default)((_a = icon.props) === null || _a === void 0 ? void 0 : _a.className, `${prefixCls}-close-icon`)
+      }) : icon;
+    }
+  });
+  return wrapCSSVar(/*#__PURE__*/React.createElement(_PurePanel2.RawPurePanel, {
+    prefixCls: prefixCls,
+    hashId: hashId,
+    className: (0, _classnames.default)(className, `${prefixCls}-pure`, type && `${prefixCls}-${type}`, cssVarCls),
+    style: style
+  }, /*#__PURE__*/React.createElement(_panelRender.default, {
+    stepProps: Object.assign(Object.assign({}, restProps), {
+      prefixCls,
+      total,
+      closable: mergedClosable ? {
+        closeIcon: mergedCloseIcon
+      } : undefined
+    }),
+    current: current,
+    type: type
+  })));
+};
+var _default = exports.default = (0, _PurePanel.withPureRenderTheme)(PurePanel);

frontend/node_modules/antd/lib/tour/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { TourProps } from './interface';
+import PurePanel from './PurePanel';
+declare const Tour: React.FC<TourProps> & {
+    _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;
+};
+export default Tour;

frontend/node_modules/antd/lib/tour/index.js

@@ -0,0 +1,95 @@
+"use strict";
+"use client";
+
+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 _react = _interopRequireWildcard(require("react"));
+var _tour = _interopRequireDefault(require("@rc-component/tour"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("../_util/hooks");
+var _placements = _interopRequireDefault(require("../_util/placements"));
+var _zindexContext = _interopRequireDefault(require("../_util/zindexContext"));
+var _configProvider = require("../config-provider");
+var _internal = require("../theme/internal");
+var _panelRender = _interopRequireDefault(require("./panelRender"));
+var _PurePanel = _interopRequireDefault(require("./PurePanel"));
+var _style = _interopRequireDefault(require("./style"));
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+const Tour = props => {
+  const {
+      prefixCls: customizePrefixCls,
+      type,
+      rootClassName,
+      indicatorsRender,
+      actionsRender,
+      steps,
+      closeIcon
+    } = props,
+    restProps = __rest(props, ["prefixCls", "type", "rootClassName", "indicatorsRender", "actionsRender", "steps", "closeIcon"]);
+  const {
+    getPrefixCls,
+    direction,
+    tour
+  } = (0, _react.useContext)(_configProvider.ConfigContext);
+  const prefixCls = getPrefixCls('tour', customizePrefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = (0, _style.default)(prefixCls);
+  const [, token] = (0, _internal.useToken)();
+  const mergedSteps = _react.default.useMemo(() => steps === null || steps === void 0 ? void 0 : steps.map(step => {
+    var _a;
+    return Object.assign(Object.assign({}, step), {
+      className: (0, _classnames.default)(step.className, {
+        [`${prefixCls}-primary`]: ((_a = step.type) !== null && _a !== void 0 ? _a : type) === 'primary'
+      })
+    });
+  }), [prefixCls, steps, type]);
+  const builtinPlacements = config => {
+    var _a;
+    return (0, _placements.default)({
+      arrowPointAtCenter: (_a = config === null || config === void 0 ? void 0 : config.arrowPointAtCenter) !== null && _a !== void 0 ? _a : true,
+      autoAdjustOverflow: true,
+      offset: token.marginXXS,
+      arrowWidth: token.sizePopupArrow,
+      borderRadius: token.borderRadius
+    });
+  };
+  const customClassName = (0, _classnames.default)({
+    [`${prefixCls}-rtl`]: direction === 'rtl'
+  }, hashId, cssVarCls, rootClassName);
+  const mergedRenderPanel = (stepProps, stepCurrent) => (/*#__PURE__*/_react.default.createElement(_panelRender.default, {
+    type: type,
+    stepProps: stepProps,
+    current: stepCurrent,
+    indicatorsRender: indicatorsRender,
+    actionsRender: actionsRender
+  }));
+  // ============================ zIndex ============================
+  const [zIndex, contextZIndex] = (0, _hooks.useZIndex)('Tour', restProps.zIndex);
+  return wrapCSSVar(/*#__PURE__*/_react.default.createElement(_zindexContext.default.Provider, {
+    value: contextZIndex
+  }, /*#__PURE__*/_react.default.createElement(_tour.default, Object.assign({}, restProps, {
+    closeIcon: closeIcon !== null && closeIcon !== void 0 ? closeIcon : tour === null || tour === void 0 ? void 0 : tour.closeIcon,
+    zIndex: zIndex,
+    rootClassName: customClassName,
+    prefixCls: prefixCls,
+    animated: true,
+    renderPanel: mergedRenderPanel,
+    builtinPlacements: builtinPlacements,
+    steps: mergedSteps
+  }))));
+};
+if (process.env.NODE_ENV !== 'production') {
+  Tour.displayName = 'Tour';
+}
+Tour._InternalPanelDoNotUseOrYouWillBeFired = _PurePanel.default;
+var _default = exports.default = Tour;

frontend/node_modules/antd/lib/tour/interface.d.ts

@@ -0,0 +1,36 @@
+import type { ReactNode } from 'react';
+import type { TourProps as RCTourProps, TourStepProps as RCTourStepProps } from '@rc-component/tour';
+export interface TourProps extends Omit<RCTourProps, 'renderPanel'> {
+    steps?: TourStepProps[];
+    prefixCls?: string;
+    current?: number;
+    indicatorsRender?: (current: number, total: number) => ReactNode;
+    actionsRender?: TourStepProps['actionsRender'];
+    type?: 'default' | 'primary';
+}
+export interface TourStepProps extends RCTourStepProps {
+    cover?: ReactNode;
+    nextButtonProps?: {
+        children?: ReactNode;
+        onClick?: () => void;
+        className?: string;
+        style?: React.CSSProperties;
+    };
+    prevButtonProps?: {
+        children?: ReactNode;
+        onClick?: () => void;
+        className?: string;
+        style?: React.CSSProperties;
+    };
+    indicatorsRender?: (current: number, total: number) => ReactNode;
+    actionsRender?: (originNode: ReactNode, info: {
+        current: number;
+        total: number;
+    }) => ReactNode;
+    type?: 'default' | 'primary';
+}
+export interface TourLocale {
+    Next: string;
+    Previous: string;
+    Finish: string;
+}

frontend/node_modules/antd/lib/tour/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

frontend/node_modules/antd/lib/tour/panelRender.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { TourStepProps } from './interface';
+interface TourPanelProps {
+    stepProps: Omit<TourStepProps, 'closable'> & {
+        closable?: Exclude<TourStepProps['closable'], boolean>;
+    };
+    current: number;
+    type: TourStepProps['type'];
+    indicatorsRender?: TourStepProps['indicatorsRender'];
+    actionsRender?: TourStepProps['actionsRender'];
+}
+declare const TourPanel: React.FC<TourPanelProps>;
+export default TourPanel;

frontend/node_modules/antd/lib/tour/panelRender.js

@@ -0,0 +1,127 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = _interopRequireDefault(require("react"));
+var _CloseOutlined = _interopRequireDefault(require("@ant-design/icons/CloseOutlined"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _pickAttrs = _interopRequireDefault(require("rc-util/lib/pickAttrs"));
+var _button = _interopRequireDefault(require("../button"));
+var _locale = require("../locale");
+var _en_US = _interopRequireDefault(require("../locale/en_US"));
+const isNonNullable = val => {
+  return val !== undefined && val !== null;
+};
+// Due to the independent design of Panel, it will be too coupled to put in rc-tour,
+// so a set of Panel logic is implemented separately in antd.
+const TourPanel = props => {
+  var _a, _b;
+  const {
+    stepProps,
+    current,
+    type,
+    indicatorsRender,
+    actionsRender
+  } = props;
+  const {
+    prefixCls,
+    total = 1,
+    title,
+    onClose,
+    onPrev,
+    onNext,
+    onFinish,
+    cover,
+    description,
+    nextButtonProps,
+    prevButtonProps,
+    type: stepType,
+    closable
+  } = stepProps;
+  const mergedType = stepType !== null && stepType !== void 0 ? stepType : type;
+  const ariaProps = (0, _pickAttrs.default)(closable !== null && closable !== void 0 ? closable : {}, true);
+  const [contextLocaleGlobal] = (0, _locale.useLocale)('global', _en_US.default.global);
+  const [contextLocaleTour] = (0, _locale.useLocale)('Tour', _en_US.default.Tour);
+  const mergedCloseIcon = /*#__PURE__*/_react.default.createElement("button", Object.assign({
+    type: "button",
+    onClick: onClose,
+    className: `${prefixCls}-close`,
+    "aria-label": contextLocaleGlobal === null || contextLocaleGlobal === void 0 ? void 0 : contextLocaleGlobal.close
+  }, ariaProps), (closable === null || closable === void 0 ? void 0 : closable.closeIcon) || /*#__PURE__*/_react.default.createElement(_CloseOutlined.default, {
+    className: `${prefixCls}-close-icon`
+  }));
+  const isLastStep = current === total - 1;
+  const prevBtnClick = () => {
+    var _a;
+    onPrev === null || onPrev === void 0 ? void 0 : onPrev();
+    (_a = prevButtonProps === null || prevButtonProps === void 0 ? void 0 : prevButtonProps.onClick) === null || _a === void 0 ? void 0 : _a.call(prevButtonProps);
+  };
+  const nextBtnClick = () => {
+    var _a;
+    if (isLastStep) {
+      onFinish === null || onFinish === void 0 ? void 0 : onFinish();
+    } else {
+      onNext === null || onNext === void 0 ? void 0 : onNext();
+    }
+    (_a = nextButtonProps === null || nextButtonProps === void 0 ? void 0 : nextButtonProps.onClick) === null || _a === void 0 ? void 0 : _a.call(nextButtonProps);
+  };
+  const headerNode = isNonNullable(title) ? (/*#__PURE__*/_react.default.createElement("div", {
+    className: `${prefixCls}-header`
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `${prefixCls}-title`
+  }, title))) : null;
+  const descriptionNode = isNonNullable(description) ? (/*#__PURE__*/_react.default.createElement("div", {
+    className: `${prefixCls}-description`
+  }, description)) : null;
+  const coverNode = isNonNullable(cover) ? (/*#__PURE__*/_react.default.createElement("div", {
+    className: `${prefixCls}-cover`
+  }, cover)) : null;
+  let mergedIndicatorNode;
+  if (indicatorsRender) {
+    mergedIndicatorNode = indicatorsRender(current, total);
+  } else {
+    mergedIndicatorNode = (0, _toConsumableArray2.default)(Array.from({
+      length: total
+    }).keys()).map((stepItem, index) => (/*#__PURE__*/_react.default.createElement("span", {
+      key: stepItem,
+      className: (0, _classnames.default)(index === current && `${prefixCls}-indicator-active`, `${prefixCls}-indicator`)
+    })));
+  }
+  const mainBtnType = mergedType === 'primary' ? 'default' : 'primary';
+  const secondaryBtnProps = {
+    type: 'default',
+    ghost: mergedType === 'primary'
+  };
+  const defaultActionsNode = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, current !== 0 ? (/*#__PURE__*/_react.default.createElement(_button.default, Object.assign({
+    size: "small"
+  }, secondaryBtnProps, prevButtonProps, {
+    onClick: prevBtnClick,
+    className: (0, _classnames.default)(`${prefixCls}-prev-btn`, prevButtonProps === null || prevButtonProps === void 0 ? void 0 : prevButtonProps.className)
+  }), (_a = prevButtonProps === null || prevButtonProps === void 0 ? void 0 : prevButtonProps.children) !== null && _a !== void 0 ? _a : contextLocaleTour === null || contextLocaleTour === void 0 ? void 0 : contextLocaleTour.Previous)) : null, /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({
+    size: "small",
+    type: mainBtnType
+  }, nextButtonProps, {
+    onClick: nextBtnClick,
+    className: (0, _classnames.default)(`${prefixCls}-next-btn`, nextButtonProps === null || nextButtonProps === void 0 ? void 0 : nextButtonProps.className)
+  }), (_b = nextButtonProps === null || nextButtonProps === void 0 ? void 0 : nextButtonProps.children) !== null && _b !== void 0 ? _b : isLastStep ? contextLocaleTour === null || contextLocaleTour === void 0 ? void 0 : contextLocaleTour.Finish : contextLocaleTour === null || contextLocaleTour === void 0 ? void 0 : contextLocaleTour.Next));
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: `${prefixCls}-content`
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `${prefixCls}-inner`
+  }, closable && mergedCloseIcon, coverNode, headerNode, descriptionNode, /*#__PURE__*/_react.default.createElement("div", {
+    className: `${prefixCls}-footer`
+  }, total > 1 && /*#__PURE__*/_react.default.createElement("div", {
+    className: `${prefixCls}-indicators`
+  }, mergedIndicatorNode), /*#__PURE__*/_react.default.createElement("div", {
+    className: `${prefixCls}-buttons`
+  }, actionsRender ? actionsRender(defaultActionsNode, {
+    current,
+    total
+  }) : defaultActionsNode))));
+};
+var _default = exports.default = TourPanel;

frontend/node_modules/antd/lib/tour/style/index.d.ts

@@ -0,0 +1,28 @@
+import type { ArrowOffsetToken } from '../../style/placementArrow';
+import type { ArrowToken } from '../../style/roundedArrow';
+import type { GetDefaultToken } from '../../theme/internal';
+export interface ComponentToken extends ArrowOffsetToken, ArrowToken {
+    /**
+     * @desc 弹层 z-index
+     * @descEN Tour popup z-index
+     */
+    zIndexPopup: number;
+    /**
+     * @desc 关闭按钮尺寸
+     * @descEN Close button size
+     */
+    closeBtnSize: number;
+    /**
+     * @desc Primary 模式上一步按钮背景色
+     * @descEN Background color of previous button in primary type
+     */
+    primaryPrevBtnBg: string;
+    /**
+     * @desc Primary 模式下一步按钮悬浮背景色
+     * @descEN Hover background color of next button in primary type
+     */
+    primaryNextBtnHoverBg: string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Tour'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+export default _default;

frontend/node_modules/antd/lib/tour/style/index.js

@@ -0,0 +1,218 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.prepareComponentToken = exports.default = void 0;
+var _cssinjs = require("@ant-design/cssinjs");
+var _fastColor = require("@ant-design/fast-color");
+var _style = require("../../style");
+var _placementArrow = _interopRequireWildcard(require("../../style/placementArrow"));
+var _roundedArrow = require("../../style/roundedArrow");
+var _internal = require("../../theme/internal");
+// =============================== Base ===============================
+const genBaseStyle = token => {
+  const {
+    componentCls,
+    padding,
+    paddingXS,
+    borderRadius,
+    borderRadiusXS,
+    colorPrimary,
+    colorFill,
+    indicatorHeight,
+    indicatorWidth,
+    boxShadowTertiary,
+    zIndexPopup,
+    colorBgElevated,
+    fontWeightStrong,
+    marginXS,
+    colorTextLightSolid,
+    tourBorderRadius,
+    colorWhite,
+    primaryNextBtnHoverBg,
+    closeBtnSize,
+    motionDurationSlow,
+    antCls,
+    primaryPrevBtnBg
+  } = token;
+  return [{
+    [componentCls]: Object.assign(Object.assign({}, (0, _style.resetComponent)(token)), {
+      position: 'absolute',
+      zIndex: zIndexPopup,
+      maxWidth: 'fit-content',
+      visibility: 'visible',
+      width: 520,
+      '--antd-arrow-background-color': colorBgElevated,
+      '&-pure': {
+        maxWidth: '100%',
+        position: 'relative'
+      },
+      [`&${componentCls}-hidden`]: {
+        display: 'none'
+      },
+      // ============================= panel content ============================
+      [`${componentCls}-content`]: {
+        position: 'relative'
+      },
+      [`${componentCls}-inner`]: {
+        textAlign: 'start',
+        textDecoration: 'none',
+        borderRadius: tourBorderRadius,
+        boxShadow: boxShadowTertiary,
+        position: 'relative',
+        backgroundColor: colorBgElevated,
+        border: 'none',
+        backgroundClip: 'padding-box',
+        [`${componentCls}-close`]: Object.assign({
+          position: 'absolute',
+          top: padding,
+          insetInlineEnd: padding,
+          color: token.colorIcon,
+          background: 'none',
+          border: 'none',
+          width: closeBtnSize,
+          height: closeBtnSize,
+          borderRadius: token.borderRadiusSM,
+          transition: `background-color ${token.motionDurationMid}, color ${token.motionDurationMid}`,
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          cursor: 'pointer',
+          '&:hover': {
+            color: token.colorIconHover,
+            backgroundColor: token.colorBgTextHover
+          },
+          '&:active': {
+            backgroundColor: token.colorBgTextActive
+          }
+        }, (0, _style.genFocusStyle)(token)),
+        [`${componentCls}-cover`]: {
+          textAlign: 'center',
+          padding: `${(0, _cssinjs.unit)(token.calc(padding).add(closeBtnSize).add(paddingXS).equal())} ${(0, _cssinjs.unit)(padding)} 0`,
+          img: {
+            width: '100%'
+          }
+        },
+        [`${componentCls}-header`]: {
+          padding: `${(0, _cssinjs.unit)(padding)} ${(0, _cssinjs.unit)(padding)} ${(0, _cssinjs.unit)(paddingXS)}`,
+          width: `calc(100% - ${(0, _cssinjs.unit)(closeBtnSize)})`,
+          wordBreak: 'break-word',
+          [`${componentCls}-title`]: {
+            fontWeight: fontWeightStrong
+          }
+        },
+        [`${componentCls}-description`]: {
+          padding: `0 ${(0, _cssinjs.unit)(padding)}`,
+          wordWrap: 'break-word'
+        },
+        [`${componentCls}-footer`]: {
+          padding: `${(0, _cssinjs.unit)(paddingXS)} ${(0, _cssinjs.unit)(padding)} ${(0, _cssinjs.unit)(padding)}`,
+          textAlign: 'end',
+          borderRadius: `0 0 ${(0, _cssinjs.unit)(borderRadiusXS)} ${(0, _cssinjs.unit)(borderRadiusXS)}`,
+          display: 'flex',
+          [`${componentCls}-indicators`]: {
+            display: 'inline-block',
+            [`${componentCls}-indicator`]: {
+              width: indicatorWidth,
+              height: indicatorHeight,
+              display: 'inline-block',
+              borderRadius: '50%',
+              background: colorFill,
+              '&:not(:last-child)': {
+                marginInlineEnd: indicatorHeight
+              },
+              '&-active': {
+                background: colorPrimary
+              }
+            }
+          },
+          [`${componentCls}-buttons`]: {
+            marginInlineStart: 'auto',
+            [`${antCls}-btn`]: {
+              marginInlineStart: marginXS
+            }
+          }
+        }
+      },
+      // =============================  primary type  ===========================
+      // `$` for panel, `&$` for pure panel
+      [`${componentCls}-primary, &${componentCls}-primary`]: {
+        '--antd-arrow-background-color': colorPrimary,
+        [`${componentCls}-inner`]: {
+          color: colorTextLightSolid,
+          textAlign: 'start',
+          textDecoration: 'none',
+          backgroundColor: colorPrimary,
+          borderRadius,
+          boxShadow: boxShadowTertiary,
+          [`${componentCls}-close`]: {
+            color: colorTextLightSolid
+          },
+          [`${componentCls}-indicators`]: {
+            [`${componentCls}-indicator`]: {
+              background: primaryPrevBtnBg,
+              '&-active': {
+                background: colorTextLightSolid
+              }
+            }
+          },
+          [`${componentCls}-prev-btn`]: {
+            color: colorTextLightSolid,
+            borderColor: primaryPrevBtnBg,
+            backgroundColor: colorPrimary,
+            '&:hover': {
+              backgroundColor: primaryPrevBtnBg,
+              borderColor: 'transparent'
+            }
+          },
+          [`${componentCls}-next-btn`]: {
+            color: colorPrimary,
+            borderColor: 'transparent',
+            background: colorWhite,
+            '&:hover': {
+              background: primaryNextBtnHoverBg
+            }
+          }
+        }
+      }
+    }),
+    // ============================= mask ===========================
+    [`${componentCls}-mask`]: {
+      [`${componentCls}-placeholder-animated`]: {
+        transition: `all ${motionDurationSlow}`
+      }
+    },
+    // =========== Limit left and right placement radius ==============
+    [['&-placement-left', '&-placement-leftTop', '&-placement-leftBottom', '&-placement-right', '&-placement-rightTop', '&-placement-rightBottom'].join(',')]: {
+      [`${componentCls}-inner`]: {
+        borderRadius: token.min(tourBorderRadius, _placementArrow.MAX_VERTICAL_CONTENT_RADIUS)
+      }
+    }
+  },
+  // ============================= Arrow ===========================
+  (0, _placementArrow.default)(token, 'var(--antd-arrow-background-color)')];
+};
+// ============================== Export ==============================
+const prepareComponentToken = token => Object.assign(Object.assign({
+  zIndexPopup: token.zIndexPopupBase + 70,
+  closeBtnSize: token.fontSize * token.lineHeight,
+  primaryPrevBtnBg: new _fastColor.FastColor(token.colorTextLightSolid).setA(0.15).toRgbString(),
+  primaryNextBtnHoverBg: new _fastColor.FastColor(token.colorBgTextHover).onBackground(token.colorWhite).toRgbString()
+}, (0, _placementArrow.getArrowOffsetToken)({
+  contentRadius: token.borderRadiusLG,
+  limitVerticalRadius: true
+})), (0, _roundedArrow.getArrowToken)(token));
+exports.prepareComponentToken = prepareComponentToken;
+var _default = exports.default = (0, _internal.genStyleHooks)('Tour', token => {
+  const {
+    borderRadiusLG
+  } = token;
+  const TourToken = (0, _internal.mergeToken)(token, {
+    indicatorWidth: 6,
+    indicatorHeight: 6,
+    tourBorderRadius: borderRadiusLG
+  });
+  return genBaseStyle(TourToken);
+}, prepareComponentToken);