vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
3 lines (2 loc) • 924 B
JavaScript
;const e=require("vue"),d=require("@vexip-ui/config"),u=require("./props.cjs"),l=require("./symbol.cjs"),f=Object.keys(u.tourStepProps),a=[],m=["renderer"],y={default:null,isFunc:!0,static:!0},P=e.defineComponent({name:"TourStep",props:u.tourStepProps,setup(p,{slots:s}){const o=d.useProps("tourStep",p,{target:{default:null,static:!0},placement:"bottom",title:"",content:"",order:{default:0,static:!0},type:"default",renderer:y}),r=e.inject(l.TOUR_STATE,null),t=e.reactive({});for(const n of f)m.includes(n)||e.watch(()=>o[n],i=>{t[n]=i},{immediate:!0,deep:a.includes(n)});e.watch(()=>o.renderer,c),c(),r==null||r.increaseStep(t),e.onBeforeUnmount(()=>{r==null||r.decreaseStep(t)});function c(){typeof s.default=="function"?t.renderer=n=>e.renderSlot(s,"default",n):typeof o.renderer=="function"?t.renderer=o.renderer:t.renderer=void 0}return()=>null}});module.exports=P;
//# sourceMappingURL=tour-step.cjs.map