@extclp/vexip-ui/es/components/tour/tour-step.mjs.map

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

{"version":3,"file":"tour-step.mjs","sources":["../../../components/tour/tour-step.ts"],"sourcesContent":["import { defineComponent, inject, onBeforeUnmount, reactive, renderSlot, watch } from 'vue'\n\nimport { useProps } from '@vexip-ui/config'\nimport { tourStepProps } from './props'\nimport { TOUR_STATE } from './symbol'\n\nimport type { TourPayload, TourStepOptions } from './symbol'\n\ntype StepPropKey = keyof typeof tourStepProps\n\nconst propKeys = Object.keys(tourStepProps) as StepPropKey[]\nconst deepProps: StepPropKey[] = []\nconst ignoredProps: StepPropKey[] = ['renderer']\n\nconst funcProp = {\n  default: null,\n  isFunc: true,\n  static: true\n}\n\nexport default defineComponent({\n  name: 'TourStep',\n  props: tourStepProps,\n  setup(_props, { slots }) {\n    const props = useProps('tourStep', _props, {\n      target: {\n        default: null,\n        static: true\n      },\n      placement: 'bottom',\n      title: '',\n      content: '',\n      order: {\n        default: 0,\n        static: true\n      },\n      type: 'default',\n      renderer: funcProp\n    })\n\n    const tourState = inject(TOUR_STATE, null)\n    const options = reactive({}) as TourStepOptions\n\n    for (const key of propKeys) {\n      if (ignoredProps.includes(key)) continue\n\n      watch(\n        () => props[key],\n        value => {\n          ;(options[key as keyof TourStepOptions] as any) = value\n        },\n        { immediate: true, deep: deepProps.includes(key) }\n      )\n    }\n\n    watch(() => props.renderer, setRenderer)\n\n    setRenderer()\n\n    tourState?.increaseStep(options)\n\n    onBeforeUnmount(() => {\n      tourState?.decreaseStep(options)\n    })\n\n    function setRenderer() {\n      if (typeof slots.default === 'function') {\n        options.renderer = (payload: TourPayload) => renderSlot(slots, 'default', payload as any)\n      } else if (typeof props.renderer === 'function') {\n        options.renderer = props.renderer\n      } else {\n        options.renderer = undefined\n      }\n    }\n\n    return () => null\n  }\n})\n"],"names":["propKeys","tourStepProps","deepProps","ignoredProps","funcProp","TourStep","defineComponent","_props","slots","props","useProps","tourState","inject","TOUR_STATE","options","reactive","key","watch","value","setRenderer","onBeforeUnmount","payload","renderSlot"],"mappings":";;;;AAUA,MAAMA,IAAW,OAAO,KAAKC,CAAa,GACpCC,IAA2B,CAAC,GAC5BC,IAA8B,CAAC,UAAU,GAEzCC,IAAW;AAAA,EACf,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV,GAEAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAOL;AAAA,EACP,MAAMM,GAAQ,EAAE,OAAAC,KAAS;AACjB,UAAAC,IAAQC,EAAS,YAAYH,GAAQ;AAAA,MACzC,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,QACL,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,MACA,MAAM;AAAA,MACN,UAAUH;AAAA,IAAA,CACX,GAEKO,IAAYC,EAAOC,GAAY,IAAI,GACnCC,IAAUC,EAAS,EAAE;AAE3B,eAAWC,KAAOhB;AACZ,MAAAG,EAAa,SAASa,CAAG,KAE7BC;AAAA,QACE,MAAMR,EAAMO,CAAG;AAAA,QACf,CAASE,MAAA;AACL,UAAAJ,EAAQE,CAA4B,IAAYE;AAAA,QACpD;AAAA,QACA,EAAE,WAAW,IAAM,MAAMhB,EAAU,SAASc,CAAG,EAAE;AAAA,MACnD;AAGI,IAAAC,EAAA,MAAMR,EAAM,UAAUU,CAAW,GAE3BA,EAAA,GAEZR,KAAA,QAAAA,EAAW,aAAaG,IAExBM,EAAgB,MAAM;AACpB,MAAAT,KAAA,QAAAA,EAAW,aAAaG;AAAA,IAAO,CAChC;AAED,aAASK,IAAc;AACjB,MAAA,OAAOX,EAAM,WAAY,aAC3BM,EAAQ,WAAW,CAACO,MAAyBC,EAAWd,GAAO,WAAWa,CAAc,IAC/E,OAAOZ,EAAM,YAAa,aACnCK,EAAQ,WAAWL,EAAM,WAEzBK,EAAQ,WAAW;AAAA,IACrB;AAGF,WAAO,MAAM;AAAA,EAAA;AAEjB,CAAC;"}