@jiaozhiye/qm-design-react 1.7.25 → 1.7.26

package/lib/tour/index.d.ts

@@ -1,4 +1,4 @@
 import Tour from './src/Tour';
 export type { TourProps } from './src/Tour';
-export type { TourStepInfo, TourStepProps } from './src/TourStep';
+export type { TourStepProps } from './src/TourStep';
 export default Tour;

package/lib/tour/src/Pause.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type PauseProps = {
+    prefixCls?: string;
+    zIndex: number;
+    open?: boolean;
+    onPause?: () => void;
+    onPlay?: () => void;
+};
+declare const Pause: React.FC<PauseProps>;
+export default Pause;

package/lib/tour/src/Tour.d.ts

@@ -6,6 +6,7 @@ import type { TriggerProps } from '@rc-component/trigger';
 export interface TourProps extends Pick<TriggerProps, 'onPopupAlign' | 'builtinPlacements'> {
     steps?: TourStepInfo[];
     open?: boolean;
+    type?: 'default' | 'primary';
     defaultCurrent?: number;
     current?: number;
     onChange?: (current: number) => void;
@@ -18,6 +19,7 @@ export interface TourProps extends Pick<TriggerProps, 'onPopupAlign' | 'builtinP
     arrow?: boolean | {
         pointAtCenter: boolean;
     };
+    control?: boolean;
     rootClassName?: string;
     placement?: PlacementType;
     renderPanel?: (props: TourStepProps, current: number) => React.ReactNode;
@@ -28,5 +30,10 @@ export interface TourProps extends Pick<TriggerProps, 'onPopupAlign' | 'builtinP
     scrollIntoViewOptions?: boolean | ScrollIntoViewOptions;
     zIndex?: number;
 }
-declare const Tour: React.FC<TourProps>;
-export default Tour;
+type TourRef = {
+    OPEN: () => void;
+    CLOSE: () => void;
+    SET_ZINDEX: (value: number) => void;
+};
+declare const QmTour: React.ForwardRefExoticComponent<TourProps & React.RefAttributes<TourRef>>;
+export default QmTour;

package/lib/tour/src/TourStep/index.d.ts

@@ -17,6 +17,8 @@ export interface TourStepInfo {
     style?: React.CSSProperties;
     scrollIntoViewOptions?: boolean | ScrollIntoViewOptions;
     indicatorsRender?: (current: number, total: number) => React.ReactNode;
+    zIndex?: number;
+    action?: (node: HTMLElement, current: number) => void;
 }
 export interface TourStepProps extends TourStepInfo {
     prefixCls?: string;

package/lib/tour/src/util.d.ts

@@ -1,3 +1,5 @@
+import React from 'react';
 import type { PlacementType } from './placements';
 export declare const isInViewPort: (element: HTMLElement) => boolean;
 export declare const getPlacement: (targetElement?: HTMLElement | null, placement?: PlacementType, stepPlacement?: PlacementType) => string;
+export declare const isValidNode: (node: React.ReactNode) => boolean;

package/lib/tour/style/index.less

@@ -2,7 +2,7 @@
  * @Author: 焦质晔
  * @Date: 2022-01-11 18:01:20
  * @Last Modified by: 焦质晔
- * @Last Modified time: 2023-07-25 21:19:51
+ * @Last Modified time: 2023-07-26 17:22:16
  */
 @import '../../style/common';
 
@@ -54,7 +54,7 @@
   }
   & &-inner {
     box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 2px 0px, rgba(0, 0, 0, 0.02) 0px 1px 6px -1px, rgba(0, 0, 0, 0.02) 0px 2px 4px 0px;
-    background-color: rgb(255, 255, 255);
+    background-color: #fff;
     background-clip: padding-box;
     text-decoration: none;
     border-radius: 8px;
@@ -115,6 +115,25 @@
   & &-buttons {
     margin-inline-start: auto;
   }
+  &-control {
+    position: fixed;
+    right: 20px;
+    bottom: 20px;
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    border: 2px solid #fff;
+    background: linear-gradient(to right bottom, @--primary-4, @--primary-7);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    pointer-events: auto;
+    cursor: pointer;
+    .anticon {
+      color: #fff;
+      font-size: 20px;
+    }
+  }
   // =======================================
   &-mask &-placeholder-animated {
     transition: all 0.2s ease;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jiaozhiye/qm-design-react",
-  "version": "1.7.25",
+  "version": "1.7.26",
   "description": "A Component Library for React",
   "keywords": [
     "React",