add all frontend files

node_modules/antd/es/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;

node_modules/antd/es/tour/PurePanel.js

@@ -0,0 +1,66 @@
+"use client";
+
+var __rest = this && this.__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;
+};
+import * as React from 'react';
+import classNames from 'classnames';
+import { useClosable } from '../_util/hooks';
+import { withPureRenderTheme } from '../_util/PurePanel';
+import { cloneElement } from '../_util/reactNode';
+import { ConfigContext } from '../config-provider';
+import { RawPurePanel as PopoverRawPurePanel } from '../popover/PurePanel';
+import TourPanel from './panelRender';
+import useStyle from './style';
+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(ConfigContext);
+  const prefixCls = getPrefixCls('tour', customizePrefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);
+  const [mergedClosable, mergedCloseIcon] = useClosable({
+    closable,
+    closeIcon
+  }, null, {
+    closable: true,
+    closeIconRender: icon => {
+      var _a;
+      return /*#__PURE__*/React.isValidElement(icon) ? cloneElement(icon, {
+        className: classNames((_a = icon.props) === null || _a === void 0 ? void 0 : _a.className, `${prefixCls}-close-icon`)
+      }) : icon;
+    }
+  });
+  return wrapCSSVar(/*#__PURE__*/React.createElement(PopoverRawPurePanel, {
+    prefixCls: prefixCls,
+    hashId: hashId,
+    className: classNames(className, `${prefixCls}-pure`, type && `${prefixCls}-${type}`, cssVarCls),
+    style: style
+  }, /*#__PURE__*/React.createElement(TourPanel, {
+    stepProps: Object.assign(Object.assign({}, restProps), {
+      prefixCls,
+      total,
+      closable: mergedClosable ? {
+        closeIcon: mergedCloseIcon
+      } : undefined
+    }),
+    current: current,
+    type: type
+  })));
+};
+export default withPureRenderTheme(PurePanel);

node_modules/antd/es/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;

node_modules/antd/es/tour/index.js

@@ -0,0 +1,88 @@
+"use client";
+
+var __rest = this && this.__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;
+};
+import React, { useContext } from 'react';
+import RCTour from '@rc-component/tour';
+import classNames from 'classnames';
+import { useZIndex } from '../_util/hooks';
+import getPlacements from '../_util/placements';
+import zIndexContext from '../_util/zindexContext';
+import { ConfigContext } from '../config-provider';
+import { useToken } from '../theme/internal';
+import TourPanel from './panelRender';
+import PurePanel from './PurePanel';
+import useStyle from './style';
+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
+  } = useContext(ConfigContext);
+  const prefixCls = getPrefixCls('tour', customizePrefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);
+  const [, token] = useToken();
+  const mergedSteps = React.useMemo(() => steps === null || steps === void 0 ? void 0 : steps.map(step => {
+    var _a;
+    return Object.assign(Object.assign({}, step), {
+      className: classNames(step.className, {
+        [`${prefixCls}-primary`]: ((_a = step.type) !== null && _a !== void 0 ? _a : type) === 'primary'
+      })
+    });
+  }), [prefixCls, steps, type]);
+  const builtinPlacements = config => {
+    var _a;
+    return getPlacements({
+      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 = classNames({
+    [`${prefixCls}-rtl`]: direction === 'rtl'
+  }, hashId, cssVarCls, rootClassName);
+  const mergedRenderPanel = (stepProps, stepCurrent) => (/*#__PURE__*/React.createElement(TourPanel, {
+    type: type,
+    stepProps: stepProps,
+    current: stepCurrent,
+    indicatorsRender: indicatorsRender,
+    actionsRender: actionsRender
+  }));
+  // ============================ zIndex ============================
+  const [zIndex, contextZIndex] = useZIndex('Tour', restProps.zIndex);
+  return wrapCSSVar(/*#__PURE__*/React.createElement(zIndexContext.Provider, {
+    value: contextZIndex
+  }, /*#__PURE__*/React.createElement(RCTour, 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;
+export default Tour;

node_modules/antd/es/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;
+}

node_modules/antd/es/tour/interface.js

@@ -0,0 +1 @@
+export {};

node_modules/antd/es/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;

node_modules/antd/es/tour/panelRender.js

@@ -0,0 +1,121 @@
+"use client";
+
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import React from 'react';
+import CloseOutlined from "@ant-design/icons/es/icons/CloseOutlined";
+import classNames from 'classnames';
+import pickAttrs from "rc-util/es/pickAttrs";
+import Button from '../button';
+import { useLocale } from '../locale';
+import defaultLocale from '../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 = pickAttrs(closable !== null && closable !== void 0 ? closable : {}, true);
+  const [contextLocaleGlobal] = useLocale('global', defaultLocale.global);
+  const [contextLocaleTour] = useLocale('Tour', defaultLocale.Tour);
+  const mergedCloseIcon = /*#__PURE__*/React.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.createElement(CloseOutlined, {
+    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.createElement("div", {
+    className: `${prefixCls}-header`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `${prefixCls}-title`
+  }, title))) : null;
+  const descriptionNode = isNonNullable(description) ? (/*#__PURE__*/React.createElement("div", {
+    className: `${prefixCls}-description`
+  }, description)) : null;
+  const coverNode = isNonNullable(cover) ? (/*#__PURE__*/React.createElement("div", {
+    className: `${prefixCls}-cover`
+  }, cover)) : null;
+  let mergedIndicatorNode;
+  if (indicatorsRender) {
+    mergedIndicatorNode = indicatorsRender(current, total);
+  } else {
+    mergedIndicatorNode = _toConsumableArray(Array.from({
+      length: total
+    }).keys()).map((stepItem, index) => (/*#__PURE__*/React.createElement("span", {
+      key: stepItem,
+      className: classNames(index === current && `${prefixCls}-indicator-active`, `${prefixCls}-indicator`)
+    })));
+  }
+  const mainBtnType = mergedType === 'primary' ? 'default' : 'primary';
+  const secondaryBtnProps = {
+    type: 'default',
+    ghost: mergedType === 'primary'
+  };
+  const defaultActionsNode = /*#__PURE__*/React.createElement(React.Fragment, null, current !== 0 ? (/*#__PURE__*/React.createElement(Button, Object.assign({
+    size: "small"
+  }, secondaryBtnProps, prevButtonProps, {
+    onClick: prevBtnClick,
+    className: classNames(`${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.createElement(Button, Object.assign({
+    size: "small",
+    type: mainBtnType
+  }, nextButtonProps, {
+    onClick: nextBtnClick,
+    className: classNames(`${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.createElement("div", {
+    className: `${prefixCls}-content`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `${prefixCls}-inner`
+  }, closable && mergedCloseIcon, coverNode, headerNode, descriptionNode, /*#__PURE__*/React.createElement("div", {
+    className: `${prefixCls}-footer`
+  }, total > 1 && /*#__PURE__*/React.createElement("div", {
+    className: `${prefixCls}-indicators`
+  }, mergedIndicatorNode), /*#__PURE__*/React.createElement("div", {
+    className: `${prefixCls}-buttons`
+  }, actionsRender ? actionsRender(defaultActionsNode, {
+    current,
+    total
+  }) : defaultActionsNode))));
+};
+export default TourPanel;

node_modules/antd/es/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;

node_modules/antd/es/tour/style/index.js

@@ -0,0 +1,210 @@
+import { unit } from '@ant-design/cssinjs';
+import { FastColor } from '@ant-design/fast-color';
+import { genFocusStyle, resetComponent } from '../../style';
+import getArrowStyle, { getArrowOffsetToken, MAX_VERTICAL_CONTENT_RADIUS } from '../../style/placementArrow';
+import { getArrowToken } from '../../style/roundedArrow';
+import { genStyleHooks, mergeToken } from '../../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({}, 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
+          }
+        }, genFocusStyle(token)),
+        [`${componentCls}-cover`]: {
+          textAlign: 'center',
+          padding: `${unit(token.calc(padding).add(closeBtnSize).add(paddingXS).equal())} ${unit(padding)} 0`,
+          img: {
+            width: '100%'
+          }
+        },
+        [`${componentCls}-header`]: {
+          padding: `${unit(padding)} ${unit(padding)} ${unit(paddingXS)}`,
+          width: `calc(100% - ${unit(closeBtnSize)})`,
+          wordBreak: 'break-word',
+          [`${componentCls}-title`]: {
+            fontWeight: fontWeightStrong
+          }
+        },
+        [`${componentCls}-description`]: {
+          padding: `0 ${unit(padding)}`,
+          wordWrap: 'break-word'
+        },
+        [`${componentCls}-footer`]: {
+          padding: `${unit(paddingXS)} ${unit(padding)} ${unit(padding)}`,
+          textAlign: 'end',
+          borderRadius: `0 0 ${unit(borderRadiusXS)} ${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, MAX_VERTICAL_CONTENT_RADIUS)
+      }
+    }
+  },
+  // ============================= Arrow ===========================
+  getArrowStyle(token, 'var(--antd-arrow-background-color)')];
+};
+// ============================== Export ==============================
+export const prepareComponentToken = token => Object.assign(Object.assign({
+  zIndexPopup: token.zIndexPopupBase + 70,
+  closeBtnSize: token.fontSize * token.lineHeight,
+  primaryPrevBtnBg: new FastColor(token.colorTextLightSolid).setA(0.15).toRgbString(),
+  primaryNextBtnHoverBg: new FastColor(token.colorBgTextHover).onBackground(token.colorWhite).toRgbString()
+}, getArrowOffsetToken({
+  contentRadius: token.borderRadiusLG,
+  limitVerticalRadius: true
+})), getArrowToken(token));
+export default genStyleHooks('Tour', token => {
+  const {
+    borderRadiusLG
+  } = token;
+  const TourToken = mergeToken(token, {
+    indicatorWidth: 6,
+    indicatorHeight: 6,
+    tourBorderRadius: borderRadiusLG
+  });
+  return genBaseStyle(TourToken);
+}, prepareComponentToken);