@element-plus/nightly 0.0.20260117 → 0.0.20260118

package/es/components/tour/src/step.d.ts

@@ -1,5 +1,63 @@
-import type { CSSProperties, ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { CSSProperties, Component, ExtractPublicPropTypes } from 'vue';
 import type { TourBtnProps, TourMask } from './types';
+import type { TourContentProps } from './content';
+export interface TourStepProps {
+    /**
+     * @description get the element the guide card points to. empty makes it show in center of screen
+     */
+    target?: string | HTMLElement | (() => HTMLElement | null) | null;
+    /**
+     * @description the title of the tour content
+     */
+    title?: string;
+    /**
+     * @description description
+     */
+    description?: string;
+    /**
+     * @description whether to show a close button
+     */
+    showClose?: boolean;
+    /**
+     * @description custom close icon, default is Close
+     */
+    closeIcon?: string | Component;
+    /**
+     * @description whether to show the arrow
+     */
+    showArrow?: boolean;
+    /**
+     * @description position of the guide card relative to the target element
+     */
+    placement?: TourContentProps['placement'];
+    /**
+     * @description whether to enable masking, change mask style and fill color by pass custom props
+     */
+    mask?: TourMask;
+    /**
+     * @description custom style for content
+     */
+    contentStyle?: CSSProperties;
+    /**
+     * @description properties of the previous button
+     */
+    prevButtonProps?: TourBtnProps;
+    /**
+     * @description properties of the Next button
+     */
+    nextButtonProps?: TourBtnProps;
+    /**
+     * @description support pass custom scrollIntoView options
+     */
+    scrollIntoViewOptions?: boolean | ScrollIntoViewOptions;
+    /**
+     * @description type, affects the background color and text color
+     */
+    type?: 'default' | 'primary';
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `TourStepProps` instead.
+ */
 export declare const tourStepProps: {
     target: {
         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement | (() => HTMLElement | null)) | (() => string | HTMLElement | (() => HTMLElement | null) | null) | ((new (...args: any[]) => string | HTMLElement | (() => HTMLElement | null)) | (() => string | HTMLElement | (() => HTMLElement | null) | null))[], unknown, unknown>>;
@@ -11,7 +69,7 @@ export declare const tourStepProps: {
     description: StringConstructor;
     showClose: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     closeIcon: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -51,7 +109,9 @@ export declare const tourStepProps: {
         __epPropKey: true;
     };
 };
-export type TourStepProps = ExtractPropTypes<typeof tourStepProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `TourStepProps` instead.
+ */
 export type TourStepPropsPublic = ExtractPublicPropTypes<typeof tourStepProps>;
 export declare const tourStepEmits: {
     close: () => boolean;

package/es/components/tour/src/step.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"step.mjs","sources":["../../../../../../packages/components/tour/src/step.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { tourContentProps } from './content'\n\nimport type {\n  CSSProperties,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n} from 'vue'\nimport type { TourBtnProps, TourMask } from './types'\n\nexport const tourStepProps = buildProps({\n  /**\n   * @description get the element the guide card points to. empty makes it show in center of screen\n   */\n  target: {\n    type: definePropType<\n      string | HTMLElement | (() => HTMLElement | null) | null\n    >([String, Object, Function]),\n  },\n  /**\n   * @description the title of the tour content\n   */\n  title: String,\n  /**\n   * @description description\n   */\n  description: String,\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @description whether to show the arrow\n   */\n  showArrow: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description position of the guide card relative to the target element\n   */\n  placement: tourContentProps.placement,\n  /**\n   * @description whether to enable masking, change mask style and fill color by pass custom props\n   */\n  mask: {\n    type: definePropType<TourMask>([Boolean, Object]),\n    default: undefined,\n  },\n  /**\n   * @description custom style for content\n   */\n  contentStyle: {\n    type: definePropType<CSSProperties>([Object]),\n  },\n  /**\n   * @description properties of the previous button\n   */\n  prevButtonProps: {\n    type: definePropType<TourBtnProps>(Object),\n  },\n  /**\n   * @description properties of the Next button\n   */\n  nextButtonProps: {\n    type: definePropType<TourBtnProps>(Object),\n  },\n  /**\n   * @description support pass custom scrollIntoView options\n   */\n  scrollIntoViewOptions: {\n    type: definePropType<boolean | ScrollIntoViewOptions>([Boolean, Object]),\n    default: undefined,\n  },\n  /**\n   * @description type, affects the background color and text color\n   */\n  type: {\n    type: definePropType<'default' | 'primary'>(String),\n  },\n})\n\nexport type TourStepProps = ExtractPropTypes<typeof tourStepProps>\nexport type TourStepPropsPublic = ExtractPublicPropTypes<typeof tourStepProps>\n\nexport const tourStepEmits = {\n  close: () => true,\n}\nexport type TourStepEmits = typeof tourStepEmits\n"],"names":[],"mappings":";;;;AAUO,MAAM,gBAAgB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAItC,MAAA,EAAQ;AAAA,IACN,MAAM,cAAA,CAEJ,CAAC,MAAA,EAAQ,MAAA,EAAQ,QAAQ,CAAC;AAAA,GAC9B;AAAA;AAAA;AAAA;AAAA,EAIA,KAAA,EAAO,MAAA;AAAA;AAAA;AAAA;AAAA,EAIP,WAAA,EAAa,MAAA;AAAA;AAAA;AAAA;AAAA,EAIb,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAW,gBAAA,CAAiB,SAAA;AAAA;AAAA;AAAA;AAAA,EAI5B,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,cAAA,CAAyB,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AAAA,IAChD,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,cAAA,CAA8B,CAAC,MAAM,CAAC;AAAA,GAC9C;AAAA;AAAA;AAAA;AAAA,EAIA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,eAA6B,MAAM;AAAA,GAC3C;AAAA;AAAA;AAAA;AAAA,EAIA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,eAA6B,MAAM;AAAA,GAC3C;AAAA;AAAA;AAAA;AAAA,EAIA,qBAAA,EAAuB;AAAA,IACrB,IAAA,EAAM,cAAA,CAAgD,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AAAA,IACvE,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,eAAsC,MAAM;AAAA;AAEtD,CAAC;AAKM,MAAM,aAAA,GAAgB;AAAA,EAC3B,OAAO,MAAM;AACf;;;;"}
+{"version":3,"file":"step.mjs","sources":["../../../../../../packages/components/tour/src/step.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { tourContentProps } from './content'\n\nimport type { CSSProperties, Component, ExtractPublicPropTypes } from 'vue'\nimport type { TourBtnProps, TourMask } from './types'\nimport type { TourContentProps } from './content'\n\nexport interface TourStepProps {\n  /**\n   * @description get the element the guide card points to. empty makes it show in center of screen\n   */\n  target?: string | HTMLElement | (() => HTMLElement | null) | null\n  /**\n   * @description the title of the tour content\n   */\n  title?: string\n  /**\n   * @description description\n   */\n  description?: string\n  /**\n   * @description whether to show a close button\n   */\n  showClose?: boolean\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon?: string | Component\n  /**\n   * @description whether to show the arrow\n   */\n  showArrow?: boolean\n  /**\n   * @description position of the guide card relative to the target element\n   */\n  placement?: TourContentProps['placement']\n  /**\n   * @description whether to enable masking, change mask style and fill color by pass custom props\n   */\n  mask?: TourMask\n  /**\n   * @description custom style for content\n   */\n  contentStyle?: CSSProperties\n  /**\n   * @description properties of the previous button\n   */\n  prevButtonProps?: TourBtnProps\n  /**\n   * @description properties of the Next button\n   */\n  nextButtonProps?: TourBtnProps\n  /**\n   * @description support pass custom scrollIntoView options\n   */\n  scrollIntoViewOptions?: boolean | ScrollIntoViewOptions\n  /**\n   * @description type, affects the background color and text color\n   */\n  type?: 'default' | 'primary'\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `TourStepProps` instead.\n */\nexport const tourStepProps = buildProps({\n  /**\n   * @description get the element the guide card points to. empty makes it show in center of screen\n   */\n  target: {\n    type: definePropType<\n      string | HTMLElement | (() => HTMLElement | null) | null\n    >([String, Object, Function]),\n  },\n  /**\n   * @description the title of the tour content\n   */\n  title: String,\n  /**\n   * @description description\n   */\n  description: String,\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @description whether to show the arrow\n   */\n  showArrow: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description position of the guide card relative to the target element\n   */\n  placement: tourContentProps.placement,\n  /**\n   * @description whether to enable masking, change mask style and fill color by pass custom props\n   */\n  mask: {\n    type: definePropType<TourMask>([Boolean, Object]),\n    default: undefined,\n  },\n  /**\n   * @description custom style for content\n   */\n  contentStyle: {\n    type: definePropType<CSSProperties>([Object]),\n  },\n  /**\n   * @description properties of the previous button\n   */\n  prevButtonProps: {\n    type: definePropType<TourBtnProps>(Object),\n  },\n  /**\n   * @description properties of the Next button\n   */\n  nextButtonProps: {\n    type: definePropType<TourBtnProps>(Object),\n  },\n  /**\n   * @description support pass custom scrollIntoView options\n   */\n  scrollIntoViewOptions: {\n    type: definePropType<boolean | ScrollIntoViewOptions>([Boolean, Object]),\n    default: undefined,\n  },\n  /**\n   * @description type, affects the background color and text color\n   */\n  type: {\n    type: definePropType<'default' | 'primary'>(String),\n  },\n})\n\n/**\n * @deprecated Removed after 3.0.0, Use `TourStepProps` instead.\n */\nexport type TourStepPropsPublic = ExtractPublicPropTypes<typeof tourStepProps>\n\nexport const tourStepEmits = {\n  close: () => true,\n}\nexport type TourStepEmits = typeof tourStepEmits\n"],"names":[],"mappings":";;;;AAiEO,MAAM,gBAAgB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAItC,MAAA,EAAQ;AAAA,IACN,MAAM,cAAA,CAEJ,CAAC,MAAA,EAAQ,MAAA,EAAQ,QAAQ,CAAC;AAAA,GAC9B;AAAA;AAAA;AAAA;AAAA,EAIA,KAAA,EAAO,MAAA;AAAA;AAAA;AAAA;AAAA,EAIP,WAAA,EAAa,MAAA;AAAA;AAAA;AAAA;AAAA,EAIb,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAW,gBAAA,CAAiB,SAAA;AAAA;AAAA;AAAA;AAAA,EAI5B,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,cAAA,CAAyB,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AAAA,IAChD,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,cAAA,CAA8B,CAAC,MAAM,CAAC;AAAA,GAC9C;AAAA;AAAA;AAAA;AAAA,EAIA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,eAA6B,MAAM;AAAA,GAC3C;AAAA;AAAA;AAAA;AAAA,EAIA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,eAA6B,MAAM;AAAA,GAC3C;AAAA;AAAA;AAAA;AAAA,EAIA,qBAAA,EAAuB;AAAA,IACrB,IAAA,EAAM,cAAA,CAAgD,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AAAA,IACvE,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,eAAsC,MAAM;AAAA;AAEtD,CAAC;AAOM,MAAM,aAAA,GAAgB;AAAA,EAC3B,OAAO,MAAM;AACf;;;;"}

package/es/components/tour/src/step.vue.d.ts

@@ -1,126 +1,54 @@
-import type { TourBtnProps } from './types';
+import type { TourStepProps } from './step';
 declare var __VLS_11: {}, __VLS_13: {};
 type __VLS_Slots = {} & {
     header?: (props: typeof __VLS_11) => any;
 } & {
     default?: (props: typeof __VLS_13) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    target: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement | (() => HTMLElement | null)) | (() => string | HTMLElement | (() => HTMLElement | null) | null) | ((new (...args: any[]) => string | HTMLElement | (() => HTMLElement | null)) | (() => string | HTMLElement | (() => HTMLElement | null) | null))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    title: StringConstructor;
-    description: StringConstructor;
-    showClose: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    closeIcon: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    showArrow: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    placement: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/utils").Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/utils").Placement))[], "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
-    mask: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | {
-        style?: import("vue").CSSProperties;
-        color?: string;
-    }) | (() => import("./types").TourMask) | ((new (...args: any[]) => boolean | {
-        style?: import("vue").CSSProperties;
-        color?: string;
-    }) | (() => import("./types").TourMask))[], unknown, unknown, undefined, boolean>;
-    contentStyle: {
-        readonly type: import("vue").PropType<import("vue").CSSProperties>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    prevButtonProps: {
-        readonly type: import("vue").PropType<TourBtnProps>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    nextButtonProps: {
-        readonly type: import("vue").PropType<TourBtnProps>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    scrollIntoViewOptions: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | ((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions))[], unknown, unknown, undefined, boolean>;
-    type: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "default" | "primary") | (() => "default" | "primary") | ((new (...args: any[]) => "default" | "primary") | (() => "default" | "primary"))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<TourStepProps>, {
+    showClose: undefined;
+    showArrow: undefined;
+    placement: string;
+    mask: undefined;
+    scrollIntoViewOptions: undefined;
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    target: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement | (() => HTMLElement | null)) | (() => string | HTMLElement | (() => HTMLElement | null) | null) | ((new (...args: any[]) => string | HTMLElement | (() => HTMLElement | null)) | (() => string | HTMLElement | (() => HTMLElement | null) | null))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    title: StringConstructor;
-    description: StringConstructor;
-    showClose: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    closeIcon: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    showArrow: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    placement: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/utils").Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/utils").Placement))[], "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
-    mask: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | {
-        style?: import("vue").CSSProperties;
-        color?: string;
-    }) | (() => import("./types").TourMask) | ((new (...args: any[]) => boolean | {
-        style?: import("vue").CSSProperties;
-        color?: string;
-    }) | (() => import("./types").TourMask))[], unknown, unknown, undefined, boolean>;
-    contentStyle: {
-        readonly type: import("vue").PropType<import("vue").CSSProperties>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    prevButtonProps: {
-        readonly type: import("vue").PropType<TourBtnProps>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    nextButtonProps: {
-        readonly type: import("vue").PropType<TourBtnProps>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    scrollIntoViewOptions: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | ((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions))[], unknown, unknown, undefined, boolean>;
-    type: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "default" | "primary") | (() => "default" | "primary") | ((new (...args: any[]) => "default" | "primary") | (() => "default" | "primary"))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<TourStepProps>, {
+    showClose: undefined;
+    showArrow: undefined;
+    placement: string;
+    mask: undefined;
+    scrollIntoViewOptions: undefined;
+}>>> & {
     onClose?: (() => any) | undefined;
 }, {
     mask: import("./types").TourMask;
-    placement: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/utils").Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/utils").Placement))[], "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
-    scrollIntoViewOptions: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | ((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions))[], unknown, unknown>;
-    showArrow: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    showClose: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    placement: import("@floating-ui/utils").Placement;
+    scrollIntoViewOptions: boolean | ScrollIntoViewOptions;
+    showArrow: boolean;
+    showClose: boolean;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/es/components/tour/src/step.vue2.mjs

@@ -2,7 +2,7 @@ import { defineComponent, inject, watch, computed, onMounted, onBeforeUnmount, c
 import { omit } from 'lodash-unified';
 import { ElButton } from '../../button/index.mjs';
 import { ElIcon } from '../../icon/index.mjs';
-import { tourStepEmits, tourStepProps } from './step.mjs';
+import { tourStepEmits } from './step.mjs';
 import { tourKey } from './helper.mjs';
 import { useLocale } from '../../../hooks/use-locale/index.mjs';
 import { CloseComponents } from '../../../utils/vue/icon.mjs';
@@ -15,7 +15,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElTourStep"
   },
   __name: "step",
-  props: tourStepProps,
+  props: {
+    target: { type: [String, Function, null], required: false, skipCheck: true },
+    title: { type: String, required: false },
+    description: { type: String, required: false },
+    showClose: { type: Boolean, required: false, default: void 0 },
+    closeIcon: { type: null, required: false },
+    showArrow: { type: Boolean, required: false, default: void 0 },
+    placement: { type: [String, Object], required: false, default: "bottom" },
+    mask: { type: [Boolean, Object], required: false, default: void 0 },
+    contentStyle: { type: Object, required: false },
+    prevButtonProps: { type: Object, required: false },
+    nextButtonProps: { type: Object, required: false },
+    scrollIntoViewOptions: { type: Boolean, required: false, skipCheck: true, default: void 0 },
+    type: { type: String, required: false }
+  },
   emits: tourStepEmits,
   setup(__props, { emit: __emit }) {
     const props = __props;
@@ -144,7 +158,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     role: "heading",
                     class: normalizeClass(unref(ns).e("title"))
                   },
-                  toDisplayString(_ctx.title),
+                  toDisplayString(__props.title),
                   3
                   /* TEXT, CLASS */
                 )
@@ -163,7 +177,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 createElementVNode(
                   "span",
                   null,
-                  toDisplayString(_ctx.description),
+                  toDisplayString(__props.description),
                   1
                   /* TEXT */
                 )
@@ -220,12 +234,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     key: 0,
                     size: "small",
                     type: unref(mergedType)
-                  }, filterButtonProps(_ctx.prevButtonProps), { onClick: onPrev }), {
+                  }, filterButtonProps(__props.prevButtonProps), { onClick: onPrev }), {
                     default: withCtx(() => {
                       var _a, _b;
                       return [
                         createTextVNode(
-                          toDisplayString((_b = (_a = _ctx.prevButtonProps) == null ? void 0 : _a.children) != null ? _b : unref(t)("el.tour.previous")),
+                          toDisplayString((_b = (_a = __props.prevButtonProps) == null ? void 0 : _a.children) != null ? _b : unref(t)("el.tour.previous")),
                           1
                           /* TEXT */
                         )
@@ -238,12 +252,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     key: 1,
                     size: "small",
                     type: unref(mergedType) === "primary" ? "default" : "primary"
-                  }, filterButtonProps(_ctx.nextButtonProps), { onClick: onNext }), {
+                  }, filterButtonProps(__props.nextButtonProps), { onClick: onNext }), {
                     default: withCtx(() => {
                       var _a, _b;
                       return [
                         createTextVNode(
-                          toDisplayString((_b = (_a = _ctx.nextButtonProps) == null ? void 0 : _a.children) != null ? _b : unref(current) === unref(total) - 1 ? unref(t)("el.tour.finish") : unref(t)("el.tour.next")),
+                          toDisplayString((_b = (_a = __props.nextButtonProps) == null ? void 0 : _a.children) != null ? _b : unref(current) === unref(total) - 1 ? unref(t)("el.tour.finish") : unref(t)("el.tour.next")),
                           1
                           /* TEXT */
                         )

package/es/components/tour/src/step.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"step.vue2.mjs","sources":["../../../../../../packages/components/tour/src/step.vue"],"sourcesContent":["<template>\n  <button\n    v-if=\"mergedShowClose\"\n    :aria-label=\"t('el.tour.close')\"\n    :class=\"ns.e('closebtn')\"\n    type=\"button\"\n    @click=\"onClose\"\n  >\n    <el-icon :class=\"ns.e('close')\">\n      <component :is=\"mergedCloseIcon\" />\n    </el-icon>\n  </button>\n  <header :class=\"[ns.e('header'), { 'show-close': showClose }]\">\n    <slot name=\"header\">\n      <span role=\"heading\" :class=\"ns.e('title')\">\n        {{ title }}\n      </span>\n    </slot>\n  </header>\n  <div :class=\"ns.e('body')\">\n    <slot>\n      <span>{{ description }}</span>\n    </slot>\n  </div>\n  <footer :class=\"ns.e('footer')\">\n    <div :class=\"ns.b('indicators')\">\n      <component\n        :is=\"tourSlots.indicators\"\n        v-if=\"tourSlots.indicators\"\n        :current=\"current\"\n        :total=\"total\"\n      />\n      <template v-else>\n        <span\n          v-for=\"(item, index) in total\"\n          :key=\"item\"\n          :class=\"[ns.b('indicator'), ns.is('active', index === current)]\"\n        />\n      </template>\n    </div>\n    <div :class=\"ns.b('buttons')\">\n      <el-button\n        v-if=\"current > 0\"\n        size=\"small\"\n        :type=\"mergedType\"\n        v-bind=\"filterButtonProps(prevButtonProps)\"\n        @click=\"onPrev\"\n      >\n        {{ prevButtonProps?.children ?? t('el.tour.previous') }}\n      </el-button>\n      <el-button\n        v-if=\"current <= total - 1\"\n        size=\"small\"\n        :type=\"mergedType === 'primary' ? 'default' : 'primary'\"\n        v-bind=\"filterButtonProps(nextButtonProps)\"\n        @click=\"onNext\"\n      >\n        {{\n          nextButtonProps?.children ??\n          (current === total - 1 ? t('el.tour.finish') : t('el.tour.next'))\n        }}\n      </el-button>\n    </div>\n  </footer>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, onMounted, watch } from 'vue'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { omit } from 'lodash-unified'\nimport { ElButton } from '@element-plus/components/button'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CloseComponents, getEventCode } from '@element-plus/utils'\nimport { useLocale } from '@element-plus/hooks'\nimport { tourStepEmits, tourStepProps } from './step'\nimport { tourKey } from './helper'\n\nimport type { TourBtnProps } from './types'\n\ndefineOptions({\n  name: 'ElTourStep',\n})\n\nconst props = defineProps(tourStepProps)\nconst emit = defineEmits(tourStepEmits)\n\nconst { Close } = CloseComponents\n\nconst { t } = useLocale()\n\nconst {\n  currentStep,\n  current,\n  total,\n  showClose,\n  closeIcon,\n  mergedType,\n  ns,\n  slots: tourSlots,\n  updateModelValue,\n  onClose: tourOnClose,\n  onFinish: tourOnFinish,\n  onChange,\n} = inject(tourKey)!\n\nwatch(\n  props,\n  (val) => {\n    currentStep.value = val\n  },\n  {\n    immediate: true,\n  }\n)\n\nconst mergedShowClose = computed(() => props.showClose ?? showClose.value)\nconst mergedCloseIcon = computed(\n  () => props.closeIcon ?? closeIcon.value ?? Close\n)\n\nconst filterButtonProps = (btnProps?: TourBtnProps) => {\n  if (!btnProps) return\n  return omit(btnProps, ['children', 'onClick'])\n}\n\nconst onPrev = () => {\n  current.value -= 1\n  if (props.prevButtonProps?.onClick) {\n    props.prevButtonProps?.onClick()\n  }\n  onChange()\n}\n\nconst onNext = () => {\n  if (current.value >= total.value - 1) {\n    onFinish()\n  } else {\n    current.value += 1\n  }\n  if (props.nextButtonProps?.onClick) {\n    props.nextButtonProps.onClick()\n  }\n  onChange()\n}\n\nconst onFinish = () => {\n  onClose()\n  tourOnFinish()\n}\n\nconst onClose = () => {\n  updateModelValue(false)\n  tourOnClose()\n  emit('close')\n}\n\nconst handleKeydown = (e: KeyboardEvent) => {\n  const target = e.target as HTMLElement | null\n  if (target?.isContentEditable) return\n  const code = getEventCode(e)\n\n  switch (code) {\n    case EVENT_CODE.left:\n      e.preventDefault()\n      current.value > 0 && onPrev()\n      break\n    case EVENT_CODE.right:\n      e.preventDefault()\n      onNext()\n      break\n  }\n}\n\nonMounted(() => {\n  window.addEventListener('keydown', handleKeydown)\n})\n\nonBeforeUnmount(() => {\n  window.removeEventListener('keydown', handleKeydown)\n})\n</script>\n"],"names":["_createElementBlock","_unref","_normalizeClass","_createVNode","_openBlock","_createBlock","_resolveDynamicComponent","_createElementVNode","_renderSlot","title","description","_Fragment","_renderList","_mergeProps","prevButtonProps","nextButtonProps"],"mappings":"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"}
+{"version":3,"file":"step.vue2.mjs","sources":["../../../../../../packages/components/tour/src/step.vue"],"sourcesContent":["<template>\n  <button\n    v-if=\"mergedShowClose\"\n    :aria-label=\"t('el.tour.close')\"\n    :class=\"ns.e('closebtn')\"\n    type=\"button\"\n    @click=\"onClose\"\n  >\n    <el-icon :class=\"ns.e('close')\">\n      <component :is=\"mergedCloseIcon\" />\n    </el-icon>\n  </button>\n  <header :class=\"[ns.e('header'), { 'show-close': showClose }]\">\n    <slot name=\"header\">\n      <span role=\"heading\" :class=\"ns.e('title')\">\n        {{ title }}\n      </span>\n    </slot>\n  </header>\n  <div :class=\"ns.e('body')\">\n    <slot>\n      <span>{{ description }}</span>\n    </slot>\n  </div>\n  <footer :class=\"ns.e('footer')\">\n    <div :class=\"ns.b('indicators')\">\n      <component\n        :is=\"tourSlots.indicators\"\n        v-if=\"tourSlots.indicators\"\n        :current=\"current\"\n        :total=\"total\"\n      />\n      <template v-else>\n        <span\n          v-for=\"(item, index) in total\"\n          :key=\"item\"\n          :class=\"[ns.b('indicator'), ns.is('active', index === current)]\"\n        />\n      </template>\n    </div>\n    <div :class=\"ns.b('buttons')\">\n      <el-button\n        v-if=\"current > 0\"\n        size=\"small\"\n        :type=\"mergedType\"\n        v-bind=\"filterButtonProps(prevButtonProps)\"\n        @click=\"onPrev\"\n      >\n        {{ prevButtonProps?.children ?? t('el.tour.previous') }}\n      </el-button>\n      <el-button\n        v-if=\"current <= total - 1\"\n        size=\"small\"\n        :type=\"mergedType === 'primary' ? 'default' : 'primary'\"\n        v-bind=\"filterButtonProps(nextButtonProps)\"\n        @click=\"onNext\"\n      >\n        {{\n          nextButtonProps?.children ??\n          (current === total - 1 ? t('el.tour.finish') : t('el.tour.next'))\n        }}\n      </el-button>\n    </div>\n  </footer>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, onMounted, watch } from 'vue'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { omit } from 'lodash-unified'\nimport { ElButton } from '@element-plus/components/button'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CloseComponents, getEventCode } from '@element-plus/utils'\nimport { useLocale } from '@element-plus/hooks'\nimport { tourStepEmits } from './step'\nimport { tourKey } from './helper'\n\nimport type { TourBtnProps } from './types'\nimport type { TourStepProps } from './step'\n\ndefineOptions({\n  name: 'ElTourStep',\n})\n\nconst props = withDefaults(defineProps<TourStepProps>(), {\n  showClose: undefined,\n  showArrow: undefined,\n  placement: 'bottom',\n  mask: undefined,\n  scrollIntoViewOptions: undefined,\n})\nconst emit = defineEmits(tourStepEmits)\n\nconst { Close } = CloseComponents\n\nconst { t } = useLocale()\n\nconst {\n  currentStep,\n  current,\n  total,\n  showClose,\n  closeIcon,\n  mergedType,\n  ns,\n  slots: tourSlots,\n  updateModelValue,\n  onClose: tourOnClose,\n  onFinish: tourOnFinish,\n  onChange,\n} = inject(tourKey)!\n\nwatch(\n  props,\n  (val) => {\n    currentStep.value = val\n  },\n  {\n    immediate: true,\n  }\n)\n\nconst mergedShowClose = computed(() => props.showClose ?? showClose.value)\nconst mergedCloseIcon = computed(\n  () => props.closeIcon ?? closeIcon.value ?? Close\n)\n\nconst filterButtonProps = (btnProps?: TourBtnProps) => {\n  if (!btnProps) return\n  return omit(btnProps, ['children', 'onClick'])\n}\n\nconst onPrev = () => {\n  current.value -= 1\n  if (props.prevButtonProps?.onClick) {\n    props.prevButtonProps?.onClick()\n  }\n  onChange()\n}\n\nconst onNext = () => {\n  if (current.value >= total.value - 1) {\n    onFinish()\n  } else {\n    current.value += 1\n  }\n  if (props.nextButtonProps?.onClick) {\n    props.nextButtonProps.onClick()\n  }\n  onChange()\n}\n\nconst onFinish = () => {\n  onClose()\n  tourOnFinish()\n}\n\nconst onClose = () => {\n  updateModelValue(false)\n  tourOnClose()\n  emit('close')\n}\n\nconst handleKeydown = (e: KeyboardEvent) => {\n  const target = e.target as HTMLElement | null\n  if (target?.isContentEditable) return\n  const code = getEventCode(e)\n\n  switch (code) {\n    case EVENT_CODE.left:\n      e.preventDefault()\n      current.value > 0 && onPrev()\n      break\n    case EVENT_CODE.right:\n      e.preventDefault()\n      onNext()\n      break\n  }\n}\n\nonMounted(() => {\n  window.addEventListener('keydown', handleKeydown)\n})\n\nonBeforeUnmount(() => {\n  window.removeEventListener('keydown', handleKeydown)\n})\n</script>\n"],"names":["_createElementBlock","_unref","_normalizeClass","_createVNode","_openBlock","_createBlock","_resolveDynamicComponent","_createElementVNode","_renderSlot","_Fragment","_renderList","_mergeProps","_createTextVNode","_toDisplayString"],"mappings":"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"}

package/es/components/tour/src/tour.d.ts

@@ -1,13 +1,79 @@
-import type { CSSProperties, ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { TourContentProps } from './content';
+import type { CSSProperties, Component, ExtractPublicPropTypes } from 'vue';
 import type Tour from './tour.vue';
 import type { TourGap, TourMask } from './types';
+export interface TourProps {
+    /**
+     * @description open tour
+     */
+    modelValue?: boolean;
+    /**
+     * @description what is the current step
+     */
+    current?: number;
+    /**
+     * @description whether to show the arrow
+     */
+    showArrow?: boolean;
+    /**
+     * @description whether to show a close button
+     */
+    showClose?: boolean;
+    /**
+     * @description custom close icon
+     */
+    closeIcon?: string | Component;
+    /**
+     * @description position of the guide card relative to the target element
+     */
+    placement?: TourContentProps['placement'];
+    /**
+     * @description custom style for content
+     */
+    contentStyle?: CSSProperties;
+    /**
+     * @description whether to enable masking, change mask style and fill color by pass custom props
+     */
+    mask?: TourMask;
+    /**
+     * @description transparent gap between mask and target
+     */
+    gap?: TourGap;
+    /**
+     * @description tour's zIndex
+     */
+    zIndex?: number;
+    /**
+     * @description support pass custom scrollIntoView options
+     */
+    scrollIntoViewOptions?: boolean | ScrollIntoViewOptions;
+    /**
+     * @description type, affects the background color and text color
+     */
+    type?: 'default' | 'primary';
+    /**
+     * @description which element the TourContent appends to
+     */
+    appendTo?: string | HTMLElement;
+    /**
+     * @description whether the Tour can be closed by pressing ESC
+     */
+    closeOnPressEscape?: boolean;
+    /**
+     * @description whether the target element can be clickable, when using mask
+     */
+    targetAreaClickable?: boolean;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `TourProps` instead.
+ */
 export declare const tourProps: {
     modelValue: BooleanConstructor;
     current: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
     showArrow: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     showClose: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     closeIcon: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -49,7 +115,9 @@ export declare const tourProps: {
     closeOnPressEscape: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     targetAreaClickable: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
 };
-export type TourProps = ExtractPropTypes<typeof tourProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `TourProps` instead.
+ */
 export type TourPropsPublic = ExtractPublicPropTypes<typeof tourProps>;
 export type TourInstance = InstanceType<typeof Tour> & unknown;
 export declare const tourEmits: {

package/es/components/tour/src/tour.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tour.mjs","sources":["../../../../../../packages/components/tour/src/tour.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  iconPropType,\n  isBoolean,\n  isNumber,\n} from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { teleportProps } from '@element-plus/components/teleport'\nimport { tourContentProps } from './content'\n\nimport type {\n  CSSProperties,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n} from 'vue'\nimport type Tour from './tour.vue'\nimport type { TourGap, TourMask } from './types'\n\nexport const tourProps = buildProps({\n  /**\n   * @description open tour\n   */\n  modelValue: Boolean,\n  /**\n   * @description what is the current step\n   */\n  current: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description whether to show the arrow\n   */\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description custom close icon\n   */\n  closeIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @description position of the guide card relative to the target element\n   */\n  placement: tourContentProps.placement,\n  /**\n   * @description custom style for content\n   */\n  contentStyle: {\n    type: definePropType<CSSProperties>([Object]),\n  },\n  /**\n   * @description whether to enable masking, change mask style and fill color by pass custom props\n   */\n  mask: {\n    type: definePropType<TourMask>([Boolean, Object]),\n    default: true,\n  },\n  /**\n   * @description transparent gap between mask and target\n   */\n  gap: {\n    type: definePropType<TourGap>(Object),\n    default: () => ({\n      offset: 6,\n      radius: 2,\n    }),\n  },\n  /**\n   * @description tour's zIndex\n   */\n  zIndex: {\n    type: Number,\n  },\n  /**\n   * @description support pass custom scrollIntoView options\n   */\n  scrollIntoViewOptions: {\n    type: definePropType<boolean | ScrollIntoViewOptions>([Boolean, Object]),\n    default: () => ({\n      block: 'center',\n    }),\n  },\n  /**\n   * @description type, affects the background color and text color\n   */\n  type: {\n    type: definePropType<'default' | 'primary'>(String),\n  },\n  /**\n   * @description which element the TourContent appends to\n   */\n  appendTo: {\n    type: teleportProps.to.type,\n    default: 'body',\n  },\n  /**\n   * @description whether the Tour can be closed by pressing ESC\n   */\n  closeOnPressEscape: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the target element can be clickable, when using mask\n   */\n  targetAreaClickable: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nexport type TourProps = ExtractPropTypes<typeof tourProps>\nexport type TourPropsPublic = ExtractPublicPropTypes<typeof tourProps>\nexport type TourInstance = InstanceType<typeof Tour> & unknown\n\nexport const tourEmits = {\n  [UPDATE_MODEL_EVENT]: (value: boolean) => isBoolean(value),\n  ['update:current']: (current: number) => isNumber(current),\n  close: (current: number) => isNumber(current),\n  finish: () => true,\n  change: (current: number) => isNumber(current),\n}\nexport type TourEmits = typeof tourEmits\n"],"names":[],"mappings":";;;;;;;AAmBO,MAAM,YAAY,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIlC,UAAA,EAAY,OAAA;AAAA;AAAA;AAAA;AAAA,EAIZ,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,WAAW,gBAAA,CAAiB,SAAA;AAAA;AAAA;AAAA;AAAA,EAI5B,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,cAAA,CAA8B,CAAC,MAAM,CAAC;AAAA,GAC9C;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,cAAA,CAAyB,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AAAA,IAChD,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,eAAwB,MAAM,CAAA;AAAA,IACpC,SAAS,OAAO;AAAA,MACd,MAAA,EAAQ,CAAA;AAAA,MACR,MAAA,EAAQ;AAAA,KACV;AAAA,GACF;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,qBAAA,EAAuB;AAAA,IACrB,IAAA,EAAM,cAAA,CAAgD,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AAAA,IACvE,SAAS,OAAO;AAAA,MACd,KAAA,EAAO;AAAA,KACT;AAAA,GACF;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,eAAsC,MAAM;AAAA,GACpD;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,cAAc,EAAA,CAAG,IAAA;AAAA,IACvB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,kBAAA,EAAoB;AAAA,IAClB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAA,EAAqB;AAAA,IACnB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAC;AAMM,MAAM,SAAA,GAAY;AAAA,EACvB,CAAC,kBAAkB,GAAG,CAAC,KAAA,KAAmB,UAAU,KAAK,CAAA;AAAA,EACzD,CAAC,gBAAgB,GAAG,CAAC,OAAA,KAAoB,SAAS,OAAO,CAAA;AAAA,EACzD,KAAA,EAAO,CAAC,OAAA,KAAoB,QAAA,CAAS,OAAO,CAAA;AAAA,EAC5C,QAAQ,MAAM,IAAA;AAAA,EACd,MAAA,EAAQ,CAAC,OAAA,KAAoB,QAAA,CAAS,OAAO;AAC/C;;;;"}
+{"version":3,"file":"tour.mjs","sources":["../../../../../../packages/components/tour/src/tour.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  iconPropType,\n  isBoolean,\n  isNumber,\n} from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { teleportProps } from '@element-plus/components/teleport'\nimport { tourContentProps } from './content'\n\nimport type { TourContentProps } from './content'\nimport type { CSSProperties, Component, ExtractPublicPropTypes } from 'vue'\nimport type Tour from './tour.vue'\nimport type { TourGap, TourMask } from './types'\n\nexport interface TourProps {\n  /**\n   * @description open tour\n   */\n  modelValue?: boolean\n  /**\n   * @description what is the current step\n   */\n  current?: number\n  /**\n   * @description whether to show the arrow\n   */\n  showArrow?: boolean\n  /**\n   * @description whether to show a close button\n   */\n  showClose?: boolean\n  /**\n   * @description custom close icon\n   */\n  closeIcon?: string | Component\n  /**\n   * @description position of the guide card relative to the target element\n   */\n  placement?: TourContentProps['placement']\n  /**\n   * @description custom style for content\n   */\n  contentStyle?: CSSProperties\n  /**\n   * @description whether to enable masking, change mask style and fill color by pass custom props\n   */\n  mask?: TourMask\n  /**\n   * @description transparent gap between mask and target\n   */\n  gap?: TourGap\n  /**\n   * @description tour's zIndex\n   */\n  zIndex?: number\n  /**\n   * @description support pass custom scrollIntoView options\n   */\n  scrollIntoViewOptions?: boolean | ScrollIntoViewOptions\n  /**\n   * @description type, affects the background color and text color\n   */\n  type?: 'default' | 'primary'\n  /**\n   * @description which element the TourContent appends to\n   */\n  appendTo?: string | HTMLElement\n  /**\n   * @description whether the Tour can be closed by pressing ESC\n   */\n  closeOnPressEscape?: boolean\n  /**\n   * @description whether the target element can be clickable, when using mask\n   */\n  targetAreaClickable?: boolean\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `TourProps` instead.\n */\nexport const tourProps = buildProps({\n  /**\n   * @description open tour\n   */\n  modelValue: Boolean,\n  /**\n   * @description what is the current step\n   */\n  current: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description whether to show the arrow\n   */\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description custom close icon\n   */\n  closeIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @description position of the guide card relative to the target element\n   */\n  placement: tourContentProps.placement,\n  /**\n   * @description custom style for content\n   */\n  contentStyle: {\n    type: definePropType<CSSProperties>([Object]),\n  },\n  /**\n   * @description whether to enable masking, change mask style and fill color by pass custom props\n   */\n  mask: {\n    type: definePropType<TourMask>([Boolean, Object]),\n    default: true,\n  },\n  /**\n   * @description transparent gap between mask and target\n   */\n  gap: {\n    type: definePropType<TourGap>(Object),\n    default: () => ({\n      offset: 6,\n      radius: 2,\n    }),\n  },\n  /**\n   * @description tour's zIndex\n   */\n  zIndex: {\n    type: Number,\n  },\n  /**\n   * @description support pass custom scrollIntoView options\n   */\n  scrollIntoViewOptions: {\n    type: definePropType<boolean | ScrollIntoViewOptions>([Boolean, Object]),\n    default: () => ({\n      block: 'center',\n    }),\n  },\n  /**\n   * @description type, affects the background color and text color\n   */\n  type: {\n    type: definePropType<'default' | 'primary'>(String),\n  },\n  /**\n   * @description which element the TourContent appends to\n   */\n  appendTo: {\n    type: teleportProps.to.type,\n    default: 'body',\n  },\n  /**\n   * @description whether the Tour can be closed by pressing ESC\n   */\n  closeOnPressEscape: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the target element can be clickable, when using mask\n   */\n  targetAreaClickable: {\n    type: Boolean,\n    default: true,\n  },\n})\n\n/**\n * @deprecated Removed after 3.0.0, Use `TourProps` instead.\n */\nexport type TourPropsPublic = ExtractPublicPropTypes<typeof tourProps>\nexport type TourInstance = InstanceType<typeof Tour> & unknown\n\nexport const tourEmits = {\n  [UPDATE_MODEL_EVENT]: (value: boolean) => isBoolean(value),\n  ['update:current']: (current: number) => isNumber(current),\n  close: (current: number) => isNumber(current),\n  finish: () => true,\n  change: (current: number) => isNumber(current),\n}\nexport type TourEmits = typeof tourEmits\n"],"names":[],"mappings":";;;;;;;AAkFO,MAAM,YAAY,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIlC,UAAA,EAAY,OAAA;AAAA;AAAA;AAAA;AAAA,EAIZ,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,WAAW,gBAAA,CAAiB,SAAA;AAAA;AAAA;AAAA;AAAA,EAI5B,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,cAAA,CAA8B,CAAC,MAAM,CAAC;AAAA,GAC9C;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,cAAA,CAAyB,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AAAA,IAChD,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,eAAwB,MAAM,CAAA;AAAA,IACpC,SAAS,OAAO;AAAA,MACd,MAAA,EAAQ,CAAA;AAAA,MACR,MAAA,EAAQ;AAAA,KACV;AAAA,GACF;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,qBAAA,EAAuB;AAAA,IACrB,IAAA,EAAM,cAAA,CAAgD,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AAAA,IACvE,SAAS,OAAO;AAAA,MACd,KAAA,EAAO;AAAA,KACT;AAAA,GACF;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,eAAsC,MAAM;AAAA,GACpD;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,cAAc,EAAA,CAAG,IAAA;AAAA,IACvB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,kBAAA,EAAoB;AAAA,IAClB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAA,EAAqB;AAAA,IACnB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAC;AAQM,MAAM,SAAA,GAAY;AAAA,EACvB,CAAC,kBAAkB,GAAG,CAAC,KAAA,KAAmB,UAAU,KAAK,CAAA;AAAA,EACzD,CAAC,gBAAgB,GAAG,CAAC,OAAA,KAAoB,SAAS,OAAO,CAAA;AAAA,EACzD,KAAA,EAAO,CAAC,OAAA,KAAoB,QAAA,CAAS,OAAO,CAAA;AAAA,EAC5C,QAAQ,MAAM,IAAA;AAAA,EACd,MAAA,EAAQ,CAAC,OAAA,KAAoB,QAAA,CAAS,OAAO;AAC/C;;;;"}