element-plus/es/components/tour/src/step.mjs.map

A Component Library for Vue 3

{"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,UAAW,CAAA;AAAA,EAItC,MAAQ,EAAA;AAAA,IACN,MAAM,cAEJ,CAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,QAAQ,CAAC,CAAA;AAAA,GAC9B;AAAA,EAIA,KAAO,EAAA,MAAA;AAAA,EAIP,WAAa,EAAA,MAAA;AAAA,EAIb,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,YAAA;AAAA,GACR;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,WAAW,gBAAiB,CAAA,SAAA;AAAA,EAI5B,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,cAAA,CAAyB,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AAAA,IAChD,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,cAAA,CAA8B,CAAC,MAAM,CAAC,CAAA;AAAA,GAC9C;AAAA,EAIA,eAAiB,EAAA;AAAA,IACf,IAAA,EAAM,eAA6B,MAAM,CAAA;AAAA,GAC3C;AAAA,EAIA,eAAiB,EAAA;AAAA,IACf,IAAA,EAAM,eAA6B,MAAM,CAAA;AAAA,GAC3C;AAAA,EAIA,qBAAuB,EAAA;AAAA,IACrB,IAAM,EAAA,cAAA,CAAgD,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AAAA,IACvE,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAsC,MAAM,CAAA;AAAA,GACpD;AACF,CAAC,EAAA;AAKM,MAAM,aAAgB,GAAA;AAAA,EAC3B,OAAO,MAAM,IAAA;AACf;;;;"}