@wetspace/pro-components/dist/guide/src/index.vue.js

::: tip 基本介绍

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("./symbol.js"),N=require("./types.js"),n=require("element-plus"),x=require("../../node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.5.12_typescript@5.4.2_/node_modules/@element-plus/icons-vue/dist/index.js"),w={key:1},_={class:"actions-btnbox"},d=8,g=e.defineComponent({name:"WetGuide",__name:"index",props:N.wetGuideProps,emits:["update:modelValue"],setup(f,{emit:k}){const l=n.useNamespace("guide"),p=k,a=f,o=e.shallowRef(0),v={},s=e.computed(()=>{const t={...v};return Object.values(t).filter(i=>i!==null).sort((i,c)=>i.value.order-c.value.order)}),h=e.computed(()=>{const t=s.value[o.value];return t?{width:t.value.width+d+"px",height:t.value.height+d+"px",top:t.value.top-d/2+"px",left:t.value.left-d/2+"px"}:{}}),r=e.computed(()=>{const t=s.value[o.value];return{description:t.value.description||"",title:t.value.title||"",placement:t.value.placement}}),m=e.shallowRef(!1),V=()=>{m.value=!1,setTimeout(()=>{m.value=!0},100)};e.watch([()=>a.modelValue,o],V);const y=()=>{o.value--},C=()=>{if(o.value===s.value.length-1){p("update:modelValue",!1),o.value=0;return}o.value++},B=()=>{o.value=0,p("update:modelValue",!1)};return e.provide(E.SymbolState,v),(t,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.renderSlot(t.$slots,"default"),a.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l).e("gide-mask"))},null,2)):e.createCommentVNode("",!0),a.modelValue?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(l).b(),e.unref(l).is("mask",a.mask)]),style:e.normalizeStyle(h.value)},[m.value?(e.openBlock(),e.createBlock(e.unref(n.ElPopover),{key:0,"popper-class":a.mask?e.unref(l).e("mask-popover"):e.unref(l).e("popover"),visible:!0,width:"auto",teleported:!1,placement:r.value.placement},{reference:e.withCtx(()=>u[0]||(u[0]=[e.createElementVNode("div",{style:{width:"100%",height:"100%"}},null,-1)])),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(l).e("header"),e.unref(l).is("mask",a.mask)])},[e.createElementVNode("div",null,e.toDisplayString(r.value.title),1),e.createVNode(e.unref(n.ElButton),{link:""},{default:e.withCtx(()=>[e.createVNode(e.unref(n.ElIcon),{class:"close",onClick:B},{default:e.withCtx(()=>[e.createVNode(e.unref(x.Close))]),_:1})]),_:1})],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(l).e("description"),e.unref(l).is("mask",a.mask)])},[typeof r.value.description!="string"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value.description),{key:0})):(e.openBlock(),e.createElementBlock("div",w,e.toDisplayString(r.value.description),1))],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(l).e("footer")])},[e.createVNode(e.unref(n.ElSpace),{class:"index-dots"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,(i,c)=>(e.openBlock(),e.createElementBlock("div",{key:c,class:e.normalizeClass(["index-dot",e.unref(l).is("mask",a.mask),e.unref(l).is("active",c<=o.value)])},null,2))),128))]),_:1}),e.createElementVNode("div",_,[e.createVNode(e.unref(n.ElButton),{plain:!a.mask,size:"small",disabled:o.value===0,click:"previous",onClick:y},{default:e.withCtx(()=>u[1]||(u[1]=[e.createTextVNode(" 上一步 ")])),_:1},8,["plain","disabled"]),e.createVNode(e.unref(n.ElButton),{size:"small",type:a.mask?"primary":"",onClick:C},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.value===s.value.length-1?"完成":"下一步"),1)]),_:1},8,["type"])])],2)]),_:1},8,["popper-class","placement"])):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0)],64))}});exports.default=g;