feat: ant-design的issue47812的补充

docs/examples/basic.less

@@ -220,11 +220,20 @@
     }
   }
 
+  &-buttons {
+    display: flex;
+  }
+
   &-prev-btn,&-next-btn,&-finish-btn{
     display: inline-block;
     margin-left: 8px;
   }
 
+  &-prompt-btn {
+    display: inline-block;
+    min-width: 80px;
+  }
+
   .ant-btn-primary {
     color: #fff;
     border: 1px solid #1890ff;

src/Tour.tsx

@@ -40,6 +40,7 @@ const Tour: React.FC<TourProps> = props => {
     open,
     mask = true,
     arrow = true,
+    prompt= false,
     rootClassName,
     placement,
     renderPanel,
@@ -167,6 +168,10 @@ const Tour: React.FC<TourProps> = props => {
         handleClose();
         onFinish?.();
       }}
+      onNoPrompt={() => {
+        handleClose();
+        onFinish?.();
+      }}
       {...steps[mergedCurrent]}
       closable={mergedClosable}
     />

src/TourStep/DefaultPanel.tsx

@@ -20,6 +20,8 @@ export default function DefaultPanel(props: DefaultPanelProps) {
     onFinish,
     className,
     closable,
+    prompt = true,
+    onNoPrompt
   } = props;
   const ariaProps = pickAttrs(closable || {}, true);
   const closeIcon = closable?.closeIcon ?? <span className={`${prefixCls}-close-x`}>&times;</span>;
@@ -47,16 +49,24 @@ export default function DefaultPanel(props: DefaultPanelProps) {
           <div className={`${prefixCls}-sliders`}>
             {total > 1
               ? [...Array.from({ length: total }).keys()].map((item, index) => {
-                return (
-                  <span
-                    key={item}
-                    className={index === current ? 'active' : ''}
-                  />
-                );
-              })
+                  return (
+                    <span
+                      key={item}
+                      className={index === current ? 'active' : ''}
+                    />
+                  );
+                })
               : null}
           </div>
           <div className={`${prefixCls}-buttons`}>
+            {prompt && (
+              <button
+                className={`${prefixCls}-prompt-btn`}
+                onClick={onNoPrompt}
+              >
+                No Prompt
+              </button>
+            )}
             {current !== 0 ? (
               <button className={`${prefixCls}-prev-btn`} onClick={onPrev}>
                 Prev

src/interface.ts

@@ -28,11 +28,13 @@ export interface TourStepProps extends TourStepInfo {
   prefixCls?: string;
   total?: number;
   current?: number;
+  prompt?: boolean;
   onClose?: () => void;
   onFinish?: () => void;
   renderPanel?: (step: TourStepProps, current: number) => ReactNode;
   onPrev?: () => void;
   onNext?: () => void;
+  onNoPrompt?: () => void;
 }
 
 export interface TourProps extends Pick<TriggerProps, 'onPopupAlign'> {