ll-package
Version:
2 lines (1 loc) • 4.68 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("../../../@babel/runtime/helpers/esm/extends.js"),T=require("../../../@babel/runtime/helpers/esm/objectSpread2.js"),t=require("vue"),U=require("../vc-trigger/Trigger.js"),X=require("../vc-trigger/interface.js"),E=require("../_util/classNames.js"),k=require("../_util/hooks/useMergedState.js"),Y=require("./hooks/useTarget.js"),Z=require("./TourStep/index.js"),ee=require("./Mask.js"),te=require("./placements.js"),oe=require("../_util/props-util/initDefaultProps.js"),a=require("../_util/type.js"),le=require("../_util/PortalWrapper.js");var ne=function(o,i){var p={};for(var l in o)Object.prototype.hasOwnProperty.call(o,l)&&i.indexOf(l)<0&&(p[l]=o[l]);if(o!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,l=Object.getOwnPropertySymbols(o);r<l.length;r++)i.indexOf(l[r])<0&&Object.prototype.propertyIsEnumerable.call(o,l[r])&&(p[l[r]]=o[l[r]]);return p};const x={left:"50%",top:"50%",width:"1px",height:"1px"},A=()=>{const{builtinPlacements:o,popupAlign:i}=X.triggerProps();return{builtinPlacements:o,popupAlign:i,steps:a.arrayType(),open:a.booleanType(),defaultCurrent:{type:Number},current:{type:Number},onChange:a.functionType(),onClose:a.functionType(),onFinish:a.functionType(),mask:a.someType([Boolean,Object],!0),arrow:a.someType([Boolean,Object],!0),rootClassName:{type:String},placement:a.stringType("bottom"),prefixCls:{type:String,default:"rc-tour"},renderPanel:a.functionType(),gap:a.objectType(),animated:a.someType([Boolean,Object]),scrollIntoViewOptions:a.someType([Boolean,Object],!0),zIndex:{type:Number,default:1001}}},ae=t.defineComponent({name:"Tour",inheritAttrs:!1,props:oe.default(A(),{}),setup(o){const{defaultCurrent:i,placement:p,mask:l,scrollIntoViewOptions:r,open:R,gap:z,arrow:F}=t.toRefs(o),y=t.ref(),[u,N]=k.default(0,{value:t.computed(()=>o.current),defaultValue:i.value}),[s,B]=k.default(void 0,{value:t.computed(()=>o.open),postState:e=>u.value<0||u.value>=o.steps.length?!1:e??!0}),_=t.shallowRef(s.value);t.watchEffect(()=>{s.value&&!_.value&&N(0),_.value=s.value});const n=t.computed(()=>o.steps[u.value]||{}),D=t.computed(()=>{var e;return(e=n.value.placement)!==null&&e!==void 0?e:p.value}),f=t.computed(()=>{var e;return s.value&&((e=n.value.mask)!==null&&e!==void 0?e:l.value)}),L=t.computed(()=>{var e;return(e=n.value.scrollIntoViewOptions)!==null&&e!==void 0?e:r.value}),[S,b]=Y.default(t.computed(()=>n.value.target),R,z,L),C=t.computed(()=>b.value?typeof n.value.arrow>"u"?F.value:n.value.arrow:!1),q=t.computed(()=>typeof C.value=="object"?C.value.pointAtCenter:!1);t.watch(q,()=>{var e;(e=y.value)===null||e===void 0||e.forcePopupAlign()}),t.watch(u,()=>{var e;(e=y.value)===null||e===void 0||e.forcePopupAlign()});const j=e=>{var d;N(e),(d=o.onChange)===null||d===void 0||d.call(o,e)};return()=>{var e;const{prefixCls:d,steps:$,onClose:P,onFinish:O,rootClassName:h,renderPanel:H,animated:W,zIndex:I}=o,M=ne(o,["prefixCls","steps","onClose","onFinish","rootClassName","renderPanel","animated","zIndex"]);if(b.value===void 0)return null;const V=()=>{B(!1),P==null||P(u.value)},G=typeof f.value=="boolean"?f.value:!!f.value,c=typeof f.value=="boolean"?void 0:f.value,J=()=>b.value||document.body,K=()=>t.createVNode(Z.default,T.default({arrow:C.value,key:"content",prefixCls:d,total:$.length,renderPanel:H,onPrev:()=>{j(u.value-1)},onNext:()=>{j(u.value+1)},onClose:V,current:u.value,onFinish:()=>{V(),O==null||O()}},n.value),null),Q=t.computed(()=>{const m=S.value||x,w={};return Object.keys(m).forEach(v=>{typeof m[v]=="number"?w[v]=`${m[v]}px`:w[v]=m[v]}),w});return s.value?t.createVNode(t.Fragment,null,[t.createVNode(ee.default,{zIndex:I,prefixCls:d,pos:S.value,showMask:G,style:c==null?void 0:c.style,fill:c==null?void 0:c.color,open:s.value,animated:W,rootClassName:h},null),t.createVNode(U.default,T.default(T.default({},M),{},{builtinPlacements:n.value.target?(e=M.builtinPlacements)!==null&&e!==void 0?e:te.getPlacements(q.value):void 0,ref:y,popupStyle:n.value.target?n.value.style:g.default(g.default({},n.value.style),{position:"fixed",left:x.left,top:x.top,transform:"translate(-50%, -50%)"}),popupPlacement:D.value,popupVisible:s.value,popupClassName:E.default(h,n.value.className),prefixCls:d,popup:K,forceRender:!1,destroyPopupOnHide:!0,zIndex:I,mask:!1,getTriggerDOMNode:J}),{default:()=>[t.createVNode(le.default,{visible:s.value,autoLock:!0},{default:()=>[t.createVNode("div",{class:E.default(h,`${d}-target-placeholder`),style:g.default(g.default({},Q.value),{position:"fixed",pointerEvents:"none"})},null)]})]})]):null}}}),re=ae;exports.default=re;exports.tourProps=A;