element-plus
Version:
A Component Library for Vue 3
1 lines • 9.12 kB
Source Map (JSON)
{"version":3,"file":"tour.vue2.mjs","sources":["../../../../../../packages/components/tour/src/tour.vue"],"sourcesContent":["<template>\n <el-teleport :to=\"appendTo\">\n <div :class=\"kls\" v-bind=\"$attrs\">\n <el-tour-mask\n :visible=\"mergedShowMask\"\n :fill=\"mergedMaskStyle?.color\"\n :style=\"mergedMaskStyle?.style\"\n :pos=\"pos\"\n :z-index=\"mergedZIndex\"\n :target-area-clickable=\"targetAreaClickable\"\n />\n <el-tour-content\n v-if=\"modelValue\"\n :key=\"current\"\n :reference=\"triggerTarget\"\n :placement=\"mergedPlacement\"\n :show-arrow=\"mergedShowArrow\"\n :z-index=\"mergedZIndex\"\n :style=\"mergedContentStyle\"\n @close=\"onEscClose\"\n >\n <el-tour-steps :current=\"current\" @update-total=\"onUpdateTotal\">\n <slot />\n </el-tour-steps>\n </el-tour-content>\n </div>\n </el-teleport>\n <!-- just for IDE -->\n <slot v-if=\"false\" name=\"indicators\" :current=\"current + 1\" :total=\"total\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref, toRef, useSlots, watch } from 'vue'\nimport { useVModel } from '@vueuse/core'\nimport { useNamespace, useZIndex } from '@element-plus/hooks'\nimport { isBoolean } from '@element-plus/utils'\nimport ElTeleport from '@element-plus/components/teleport'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport ElTourMask from './mask.vue'\nimport ElTourContent from './content.vue'\nimport ElTourSteps from './steps'\nimport { tourEmits } from './tour'\nimport { tourKey, useTarget } from './helper'\n\nimport type { TourStepProps } from './step'\nimport type { TourProps } from './tour'\n\ndefineOptions({\n name: 'ElTour',\n inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<TourProps>(), {\n current: 0,\n showArrow: true,\n showClose: true,\n placement: 'bottom',\n mask: true,\n gap: () => ({ offset: 6, radius: 2 }),\n scrollIntoViewOptions: () => ({ block: 'center' }),\n appendTo: 'body',\n closeOnPressEscape: true,\n targetAreaClickable: true,\n})\nconst emit = defineEmits(tourEmits)\n\nconst ns = useNamespace('tour')\nconst total = ref(0)\nconst currentStep = ref<TourStepProps>()\n\nconst current = useVModel(props, 'current', emit, {\n passive: true,\n})\n\nconst currentTarget = computed(() => currentStep.value?.target)\n\nconst kls = computed(() => [\n ns.b(),\n mergedType.value === 'primary' ? ns.m('primary') : '',\n])\n\nconst mergedPlacement = computed(\n () => currentStep.value?.placement || props.placement\n)\n\nconst mergedContentStyle = computed(\n () => currentStep.value?.contentStyle ?? props.contentStyle\n)\n\nconst mergedMask = computed(() => currentStep.value?.mask ?? props.mask)\nconst mergedShowMask = computed(() => !!mergedMask.value && props.modelValue)\nconst mergedMaskStyle = computed(() =>\n isBoolean(mergedMask.value) ? undefined : mergedMask.value\n)\n\nconst mergedShowArrow = computed(\n () =>\n !!currentTarget.value && (currentStep.value?.showArrow ?? props.showArrow)\n)\n\nconst mergedScrollIntoViewOptions = computed(\n () => currentStep.value?.scrollIntoViewOptions ?? props.scrollIntoViewOptions\n)\nconst mergedType = computed(() => currentStep.value?.type ?? props.type)\n\nconst { nextZIndex } = useZIndex()\nconst nowZIndex = nextZIndex()\nconst mergedZIndex = computed(() => props.zIndex ?? nowZIndex)\n\nconst { mergedPosInfo: pos, triggerTarget } = useTarget(\n currentTarget,\n toRef(props, 'modelValue'),\n toRef(props, 'gap'),\n mergedMask,\n mergedScrollIntoViewOptions\n)\n\nwatch(\n () => props.modelValue,\n (val) => {\n if (!val) {\n current.value = 0\n }\n }\n)\n\nconst onEscClose = () => {\n if (props.closeOnPressEscape) {\n emit(UPDATE_MODEL_EVENT, false)\n emit('close', current.value)\n }\n}\n\nconst onUpdateTotal = (val: number) => {\n total.value = val\n}\n\nconst slots = useSlots()\n\nprovide(tourKey, {\n currentStep,\n current,\n total,\n showClose: toRef(props, 'showClose'),\n closeIcon: toRef(props, 'closeIcon'),\n mergedType,\n ns,\n slots,\n updateModelValue(modelValue) {\n emit(UPDATE_MODEL_EVENT, modelValue)\n },\n onClose() {\n emit('close', current.value)\n },\n onFinish() {\n emit('finish')\n },\n onChange() {\n emit(CHANGE_EVENT, current.value)\n },\n})\n</script>\n"],"names":["_createVNode","_unref","_createElementVNode","_mergeProps","$attrs","ElTourMask","_normalizeStyle","_createBlock","ElTourContent","_renderSlot","_createCommentVNode"],"mappings":"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"}