ra-element 0.0.1 → 0.0.2

package/dist/index.d.ts

@@ -1 +1,5 @@
-export {}
+import { App } from 'vue';
+import { default as RaDialog } from './ra-dialog/index.vue';
+declare const install: (app: App) => void;
+export { RaDialog };
+export default install;

package/dist/ra-dialog/index.vue.d.ts

@@ -0,0 +1,31 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        header?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    appendToBody: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/ra-element.js

@@ -1564,14 +1564,12 @@ const Ur = De(Kr), Vr = /* @__PURE__ */ N({
       }, 16, ["append-to-body"]);
     };
   }
-}), Yr = [Vr], Hr = (e) => {
+}), Yr = [Vr], Gr = (e) => {
   Yr.forEach((t) => {
     e.component(t.name, t);
   });
-}, Wr = {
-  install: Hr
 };
 export {
   Vr as RaDialog,
-  Wr as default
+  Gr as default
 };

package/dist/ra-element.umd.cjs

@@ -9,4 +9,4 @@ usage: app.provide(ID_INJECTION_KEY, {
   current: number,
 })`);const o=ge();return Yn(()=>n.unref(e)||`${o.value}-id-${t.prefix}-${t.current++}`)},To=e=>{if(e.tabIndex>0||e.tabIndex===0&&e.getAttribute("tabIndex")!==null)return!0;if(e.tabIndex<0||e.hasAttribute("disabled")||e.getAttribute("aria-disabled")==="true")return!1;switch(e.nodeName){case"A":return!!e.href&&e.rel!=="ignore";case"INPUT":return!(e.type==="hidden"||e.type==="file");case"BUTTON":case"SELECT":case"TEXTAREA":return!0;default:return!1}},pe="focus-trap.focus-after-trapped",me="focus-trap.focus-after-released",So="focus-trap.focusout-prevented",Ye={cancelable:!0,bubbles:!1},Oo={cancelable:!0,bubbles:!1},He="focusAfterTrapped",Ge="focusAfterReleased",We=Symbol("elFocusTrap"),he=n.ref(),ee=n.ref(0),ye=n.ref(0);let te=0;const Je=e=>{const t=[],o=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:r=>{const s=r.tagName==="INPUT"&&r.type==="hidden";return r.disabled||r.hidden||s?NodeFilter.FILTER_SKIP:r.tabIndex>=0||r===document.activeElement?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;o.nextNode();)t.push(o.currentNode);return t},Xe=(e,t)=>{for(const o of e)if(!Io(o,t))return o},Io=(e,t)=>{if(process.env.NODE_ENV==="test")return!1;if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(t&&e===t)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1},No=e=>{const t=Je(e),o=Xe(t,e),r=Xe(t.reverse(),e);return[o,r]},Po=e=>e instanceof HTMLInputElement&&"select"in e,A=(e,t)=>{if(e&&e.focus){const o=document.activeElement;let r=!1;$e(e)&&!To(e)&&!e.getAttribute("tabindex")&&(e.setAttribute("tabindex","-1"),r=!0),e.focus({preventScroll:!0}),ye.value=window.performance.now(),e!==o&&Po(e)&&t&&e.select(),$e(e)&&r&&e.removeAttribute("tabindex")}};function Ze(e,t){const o=[...e],r=e.indexOf(t);return r!==-1&&o.splice(r,1),o}const $o=()=>{let e=[];return{push:r=>{const s=e[0];s&&r!==s&&s.pause(),e=Ze(e,r),e.unshift(r)},remove:r=>{var s,a;e=Ze(e,r),(a=(s=e[0])==null?void 0:s.resume)==null||a.call(s)}}},Lo=(e,t=!1)=>{const o=document.activeElement;for(const r of e)if(A(r,t),document.activeElement!==o)return},qe=$o(),Do=()=>ee.value>ye.value,ne=()=>{he.value="pointer",ee.value=window.performance.now()},Qe=()=>{he.value="keyboard",ee.value=window.performance.now()},Ao=()=>(n.onMounted(()=>{te===0&&(document.addEventListener("mousedown",ne),document.addEventListener("touchstart",ne),document.addEventListener("keydown",Qe)),te++}),n.onBeforeUnmount(()=>{te--,te<=0&&(document.removeEventListener("mousedown",ne),document.removeEventListener("touchstart",ne),document.removeEventListener("keydown",Qe))}),{focusReason:he,lastUserFocusTimestamp:ee,lastAutomatedFocusTimestamp:ye}),oe=e=>new CustomEvent(So,{...Oo,detail:e}),et={tab:"Tab",esc:"Escape"};let z=[];const tt=e=>{e.code===et.esc&&z.forEach(t=>t(e))},ko=e=>{n.onMounted(()=>{z.length===0&&document.addEventListener("keydown",tt),O&&z.push(e)}),n.onBeforeUnmount(()=>{z=z.filter(t=>t!==e),z.length===0&&O&&document.removeEventListener("keydown",tt)})},xo=n.defineComponent({name:"ElFocusTrap",inheritAttrs:!1,props:{loop:Boolean,trapped:Boolean,focusTrapEl:Object,focusStartEl:{type:[Object,String],default:"first"}},emits:[He,Ge,"focusin","focusout","focusout-prevented","release-requested"],setup(e,{emit:t}){const o=n.ref();let r,s;const{focusReason:a}=Ao();ko(l=>{e.trapped&&!d.paused&&t("release-requested",l)});const d={paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}},h=l=>{if(!e.loop&&!e.trapped||d.paused)return;const{code:i,altKey:u,ctrlKey:c,metaKey:b,currentTarget:v,shiftKey:I}=l,{loop:N}=e,L=i===et.tab&&!u&&!c&&!b,w=document.activeElement;if(L&&w){const T=v,[P,k]=No(T);if(P&&k){if(!I&&w===k){const S=oe({focusReason:a.value});t("focusout-prevented",S),S.defaultPrevented||(l.preventDefault(),N&&A(P,!0))}else if(I&&[P,T].includes(w)){const S=oe({focusReason:a.value});t("focusout-prevented",S),S.defaultPrevented||(l.preventDefault(),N&&A(k,!0))}}else if(w===T){const S=oe({focusReason:a.value});t("focusout-prevented",S),S.defaultPrevented||l.preventDefault()}}};n.provide(We,{focusTrapRef:o,onKeydown:h}),n.watch(()=>e.focusTrapEl,l=>{l&&(o.value=l)},{immediate:!0}),n.watch([o],([l],[i])=>{l&&(l.addEventListener("keydown",h),l.addEventListener("focusin",g),l.addEventListener("focusout",m)),i&&(i.removeEventListener("keydown",h),i.removeEventListener("focusin",g),i.removeEventListener("focusout",m))});const f=l=>{t(He,l)},y=l=>t(Ge,l),g=l=>{const i=n.unref(o);if(!i)return;const u=l.target,c=l.relatedTarget,b=u&&i.contains(u);e.trapped||c&&i.contains(c)||(r=c),b&&t("focusin",l),!d.paused&&e.trapped&&(b?s=u:A(s,!0))},m=l=>{const i=n.unref(o);if(!(d.paused||!i))if(e.trapped){const u=l.relatedTarget;!kn(u)&&!i.contains(u)&&setTimeout(()=>{if(!d.paused&&e.trapped){const c=oe({focusReason:a.value});t("focusout-prevented",c),c.defaultPrevented||A(s,!0)}},0)}else{const u=l.target;u&&i.contains(u)||t("focusout",l)}};async function E(){await n.nextTick();const l=n.unref(o);if(l){qe.push(d);const i=l.contains(document.activeElement)?r:document.activeElement;if(r=i,!l.contains(i)){const c=new Event(pe,Ye);l.addEventListener(pe,f),l.dispatchEvent(c),c.defaultPrevented||n.nextTick(()=>{let b=e.focusStartEl;W(b)||(A(b),document.activeElement!==b&&(b="first")),b==="first"&&Lo(Je(l),!0),(document.activeElement===i||b==="container")&&A(l)})}}}function _(){const l=n.unref(o);if(l){l.removeEventListener(pe,f);const i=new CustomEvent(me,{...Ye,detail:{focusReason:a.value}});l.addEventListener(me,y),l.dispatchEvent(i),!i.defaultPrevented&&(a.value=="keyboard"||!Do()||l.contains(document.activeElement))&&A(r??document.body),l.removeEventListener(me,y),qe.remove(d)}}return n.onMounted(()=>{e.trapped&&E(),n.watch(()=>e.trapped,l=>{l?E():_()})}),n.onBeforeUnmount(()=>{e.trapped&&_(),o.value&&(o.value.removeEventListener("keydown",h),o.value.removeEventListener("focusin",g),o.value.removeEventListener("focusout",m),o.value=void 0)}),{onKeydown:h}}});function Fo(e,t,o,r,s,a){return n.renderSlot(e.$slots,"default",{handleKeydown:e.onKeydown})}var Mo=Y(xo,[["render",Fo],["__file","focus-trap.vue"]]);const nt=U({to:{type:R([String,Object]),required:!0},disabled:Boolean});var Bo=Y(n.defineComponent({__name:"teleport",props:nt,setup(e){return(t,o)=>t.disabled?n.renderSlot(t.$slots,"default",{key:0}):(n.openBlock(),n.createBlock(n.Teleport,{key:1,to:t.to},[n.renderSlot(t.$slots,"default")],8,["to"]))}}),[["__file","teleport.vue"]]);const jo=ue(Bo),Ro=({from:e,replacement:t,scope:o,version:r,ref:s,type:a="API"},d)=>{n.watch(()=>n.unref(d),h=>{h&&Z(o,`[${a}] ${e} is about to be deprecated in version ${r}, please use ${t} instead.
 For more detail, please visit: ${s}
-`)},{immediate:!0})};var re=(e=>(e[e.TEXT=1]="TEXT",e[e.CLASS=2]="CLASS",e[e.STYLE=4]="STYLE",e[e.PROPS=8]="PROPS",e[e.FULL_PROPS=16]="FULL_PROPS",e[e.HYDRATE_EVENTS=32]="HYDRATE_EVENTS",e[e.STABLE_FRAGMENT=64]="STABLE_FRAGMENT",e[e.KEYED_FRAGMENT=128]="KEYED_FRAGMENT",e[e.UNKEYED_FRAGMENT=256]="UNKEYED_FRAGMENT",e[e.NEED_PATCH=512]="NEED_PATCH",e[e.DYNAMIC_SLOTS=1024]="DYNAMIC_SLOTS",e[e.HOISTED=-1]="HOISTED",e[e.BAIL=-2]="BAIL",e))(re||{});const ot=e=>{if(!e)return{onClick:se,onMousedown:se,onMouseup:se};let t=!1,o=!1;return{onClick:d=>{t&&o&&e(d),t=o=!1},onMousedown:d=>{t=d.target===d.currentTarget},onMouseup:d=>{o=d.target===d.currentTarget}}},zo=U({mask:{type:Boolean,default:!0},customMaskEvent:Boolean,overlayClass:{type:R([String,Array,Object])},zIndex:{type:R([String,Number])}}),Vo={click:e=>e instanceof MouseEvent},Ko="overlay";var Uo=n.defineComponent({name:"ElOverlay",props:zo,emits:Vo,setup(e,{slots:t,emit:o}){const r=G(Ko),s=f=>{o("click",f)},{onClick:a,onMousedown:d,onMouseup:h}=ot(e.customMaskEvent?void 0:s);return()=>e.mask?n.createVNode("div",{class:[r.b(),e.overlayClass],style:{zIndex:e.zIndex},onClick:a,onMousedown:d,onMouseup:h},[n.renderSlot(t,"default")],re.STYLE|re.CLASS|re.PROPS,["onClick","onMouseup","onMousedown"]):n.h("div",{class:e.overlayClass,style:{zIndex:e.zIndex,position:"fixed",top:"0px",right:"0px",bottom:"0px",left:"0px"}},[n.renderSlot(t,"default")])}});const Yo=Uo,rt=Symbol("dialogInjectionKey"),st=U({center:Boolean,alignCenter:Boolean,closeIcon:{type:_o},draggable:Boolean,overflow:Boolean,fullscreen:Boolean,headerClass:String,bodyClass:String,footerClass:String,showClose:{type:Boolean,default:!0},title:{type:String,default:""},ariaLevel:{type:String,default:"2"}}),Ho={close:()=>!0},Go=(e,t,o,r)=>{const s={offsetX:0,offsetY:0},a=(m,E)=>{if(e.value){const{offsetX:_,offsetY:l}=s,i=e.value.getBoundingClientRect(),u=i.left,c=i.top,b=i.width,v=i.height,I=document.documentElement.clientWidth,N=document.documentElement.clientHeight,L=-u+_,w=-c+l,T=I-u-b+_,P=N-c-(v<N?v:0)+l;r?.value||(m=Math.min(Math.max(m,L),T),E=Math.min(Math.max(E,w),P)),s.offsetX=m,s.offsetY=E,e.value.style.transform=`translate(${q(m)}, ${q(E)})`}},d=m=>{const E=m.clientX,_=m.clientY,{offsetX:l,offsetY:i}=s,u=b=>{const v=l+b.clientX-E,I=i+b.clientY-_;a(v,I)},c=()=>{document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",c)};document.addEventListener("mousemove",u),document.addEventListener("mouseup",c)},h=()=>{t.value&&e.value&&(t.value.addEventListener("mousedown",d),window.addEventListener("resize",g))},f=()=>{t.value&&e.value&&(t.value.removeEventListener("mousedown",d),window.removeEventListener("resize",g))},y=()=>{s.offsetX=0,s.offsetY=0,e.value&&(e.value.style.transform="")},g=()=>{const{offsetX:m,offsetY:E}=s;a(m,E)};return n.onMounted(()=>{n.watchEffect(()=>{o.value?h():f()})}),n.onBeforeUnmount(()=>{f()}),{resetPosition:y,updatePosition:g}},Wo=(...e)=>t=>{e.forEach(o=>{ut(o)?o(t):o.value=t})},Jo=n.defineComponent({name:"ElDialogContent"}),Xo=n.defineComponent({...Jo,props:st,emits:Ho,setup(e,{expose:t}){const o=e,{t:r}=oo(),{Close:s}=Co,{dialogRef:a,headerRef:d,bodyId:h,ns:f,style:y}=n.inject(rt),{focusTrapRef:g}=n.inject(We),m=n.computed(()=>[f.b(),f.is("fullscreen",o.fullscreen),f.is("draggable",o.draggable),f.is("align-center",o.alignCenter),{[f.m("center")]:o.center}]),E=Wo(g,a),_=n.computed(()=>o.draggable),l=n.computed(()=>o.overflow),{resetPosition:i,updatePosition:u}=Go(a,d,_,l);return t({resetPosition:i,updatePosition:u}),(c,b)=>(n.openBlock(),n.createElementBlock("div",{ref:n.unref(E),class:n.normalizeClass(n.unref(m)),style:n.normalizeStyle(n.unref(y)),tabindex:"-1"},[n.createElementVNode("header",{ref_key:"headerRef",ref:d,class:n.normalizeClass([n.unref(f).e("header"),c.headerClass,{"show-close":c.showClose}])},[n.renderSlot(c.$slots,"header",{},()=>[n.createElementVNode("span",{role:"heading","aria-level":c.ariaLevel,class:n.normalizeClass(n.unref(f).e("title"))},n.toDisplayString(c.title),11,["aria-level"])]),c.showClose?(n.openBlock(),n.createElementBlock("button",{key:0,"aria-label":n.unref(r)("el.dialog.close"),class:n.normalizeClass(n.unref(f).e("headerbtn")),type:"button",onClick:v=>c.$emit("close")},[n.createVNode(n.unref(go),{class:n.normalizeClass(n.unref(f).e("close"))},{default:n.withCtx(()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(c.closeIcon||n.unref(s))))]),_:1},8,["class"])],10,["aria-label","onClick"])):n.createCommentVNode("v-if",!0)],2),n.createElementVNode("div",{id:n.unref(h),class:n.normalizeClass([n.unref(f).e("body"),c.bodyClass])},[n.renderSlot(c.$slots,"default")],10,["id"]),c.$slots.footer?(n.openBlock(),n.createElementBlock("footer",{key:0,class:n.normalizeClass([n.unref(f).e("footer"),c.footerClass])},[n.renderSlot(c.$slots,"footer")],2)):n.createCommentVNode("v-if",!0)],6))}});var Zo=Y(Xo,[["__file","dialog-content.vue"]]);const qo=U({...st,appendToBody:Boolean,appendTo:{type:nt.to.type,default:"body"},beforeClose:{type:R(Function)},destroyOnClose:Boolean,closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{type:Number,default:0},closeDelay:{type:Number,default:0},top:{type:String},modelValue:Boolean,modalClass:String,headerClass:String,bodyClass:String,footerClass:String,width:{type:[String,Number]},zIndex:{type:Number},trapFocus:Boolean,headerAriaLevel:{type:String,default:"2"}}),Qo={open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,[ze]:e=>Fn(e),openAutoFocus:()=>!0,closeAutoFocus:()=>!0},er=(e,t={})=>{n.isRef(e)||Wn("[useLockscreen]","You need to pass a ref param to this function");const o=t.ns||G("popup"),r=n.computed(()=>o.bm("parent","hidden"));if(!O||Ke(document.body,r.value))return;let s=0,a=!1,d="0";const h=()=>{setTimeout(()=>{typeof document>"u"||a&&document&&(document.body.style.width=d,co(document.body,r.value))},200)};n.watch(e,f=>{if(!f){h();return}a=!Ke(document.body,r.value),a&&(d=document.body.style.width,lo(document.body,r.value)),s=fo(o.namespace.value);const y=document.documentElement.clientHeight<document.body.scrollHeight,g=uo(document.body,"overflowY");s>0&&(y||g==="scroll")&&a&&(document.body.style.width=`calc(100% - ${s}px)`)}),n.onScopeDispose(()=>h())},tr=(e,t)=>{var o;const s=n.getCurrentInstance().emit,{nextZIndex:a}=Zn();let d="";const h=Ue(),f=Ue(),y=n.ref(!1),g=n.ref(!1),m=n.ref(!1),E=n.ref((o=e.zIndex)!=null?o:a());let _,l;const i=ao("namespace",H),u=n.computed(()=>{const C={},$=`--${i.value}-dialog`;return e.fullscreen||(e.top&&(C[`${$}-margin-top`]=e.top),e.width&&(C[`${$}-width`]=q(e.width))),C}),c=n.computed(()=>e.alignCenter?{display:"flex"}:{});function b(){s("opened")}function v(){s("closed"),s(ze,!1),e.destroyOnClose&&(m.value=!1)}function I(){s("close")}function N(){l?.(),_?.(),e.openDelay&&e.openDelay>0?{stop:_}=ke(()=>P(),e.openDelay):P()}function L(){_?.(),l?.(),e.closeDelay&&e.closeDelay>0?{stop:l}=ke(()=>k(),e.closeDelay):k()}function w(){function C($){$||(g.value=!0,y.value=!1)}e.beforeClose?e.beforeClose(C):L()}function T(){e.closeOnClickModal&&w()}function P(){O&&(y.value=!0)}function k(){y.value=!1}function p(){s("openAutoFocus")}function S(){s("closeAutoFocus")}function lr(C){var $;(($=C.detail)==null?void 0:$.focusReason)==="pointer"&&C.preventDefault()}e.lockScroll&&er(y);function cr(){e.closeOnPressEscape&&w()}return n.watch(()=>e.zIndex,()=>{var C;E.value=(C=e.zIndex)!=null?C:a()}),n.watch(()=>e.modelValue,C=>{var $;C?(g.value=!1,N(),m.value=!0,E.value=($=e.zIndex)!=null?$:a(),n.nextTick(()=>{s("open"),t.value&&(t.value.parentElement.scrollTop=0,t.value.parentElement.scrollLeft=0,t.value.scrollTop=0)})):y.value&&L()}),n.watch(()=>e.fullscreen,C=>{t.value&&(C?(d=t.value.style.transform,t.value.style.transform=""):t.value.style.transform=d)}),n.onMounted(()=>{e.modelValue&&(y.value=!0,m.value=!0,N())}),{afterEnter:b,afterLeave:v,beforeLeave:I,handleClose:w,onModalClick:T,close:L,doClose:k,onOpenAutoFocus:p,onCloseAutoFocus:S,onCloseRequested:cr,onFocusoutPrevented:lr,titleId:h,bodyId:f,closed:g,style:u,overlayDialogStyle:c,rendered:m,visible:y,zIndex:E}},nr=n.defineComponent({name:"ElDialog",inheritAttrs:!1}),or=n.defineComponent({...nr,props:qo,emits:Qo,setup(e,{expose:t}){const o=e,r=n.useSlots();Ro({scope:"el-dialog",from:"the title slot",replacement:"the header slot",version:"3.0.0",ref:"https://element-plus.org/en-US/component/dialog.html#slots"},n.computed(()=>!!r.title));const s=G("dialog"),a=n.ref(),d=n.ref(),h=n.ref(),{visible:f,titleId:y,bodyId:g,style:m,overlayDialogStyle:E,rendered:_,zIndex:l,afterEnter:i,afterLeave:u,beforeLeave:c,handleClose:b,onModalClick:v,onOpenAutoFocus:I,onCloseAutoFocus:N,onCloseRequested:L,onFocusoutPrevented:w}=tr(o,a);n.provide(rt,{dialogRef:a,headerRef:d,bodyId:g,ns:s,rendered:_,style:m});const T=ot(v),P=n.computed(()=>o.draggable&&!o.fullscreen);return t({visible:f,dialogContentRef:h,resetPosition:()=>{var p;(p=h.value)==null||p.resetPosition()},handleClose:b}),(p,S)=>(n.openBlock(),n.createBlock(n.unref(jo),{to:p.appendTo,disabled:p.appendTo!=="body"?!1:!p.appendToBody},{default:n.withCtx(()=>[n.createVNode(n.Transition,{name:"dialog-fade",onAfterEnter:n.unref(i),onAfterLeave:n.unref(u),onBeforeLeave:n.unref(c),persisted:""},{default:n.withCtx(()=>[n.withDirectives(n.createVNode(n.unref(Yo),{"custom-mask-event":"",mask:p.modal,"overlay-class":p.modalClass,"z-index":n.unref(l)},{default:n.withCtx(()=>[n.createElementVNode("div",{role:"dialog","aria-modal":"true","aria-label":p.title||void 0,"aria-labelledby":p.title?void 0:n.unref(y),"aria-describedby":n.unref(g),class:n.normalizeClass(`${n.unref(s).namespace.value}-overlay-dialog`),style:n.normalizeStyle(n.unref(E)),onClick:n.unref(T).onClick,onMousedown:n.unref(T).onMousedown,onMouseup:n.unref(T).onMouseup},[n.createVNode(n.unref(Mo),{loop:"",trapped:n.unref(f),"focus-start-el":"container",onFocusAfterTrapped:n.unref(I),onFocusAfterReleased:n.unref(N),onFocusoutPrevented:n.unref(w),onReleaseRequested:n.unref(L)},{default:n.withCtx(()=>[n.unref(_)?(n.openBlock(),n.createBlock(Zo,n.mergeProps({key:0,ref_key:"dialogContentRef",ref:h},p.$attrs,{center:p.center,"align-center":p.alignCenter,"close-icon":p.closeIcon,draggable:n.unref(P),overflow:p.overflow,fullscreen:p.fullscreen,"header-class":p.headerClass,"body-class":p.bodyClass,"footer-class":p.footerClass,"show-close":p.showClose,title:p.title,"aria-level":p.headerAriaLevel,onClose:n.unref(b)}),n.createSlots({header:n.withCtx(()=>[p.$slots.title?n.renderSlot(p.$slots,"title",{key:1}):n.renderSlot(p.$slots,"header",{key:0,close:n.unref(b),titleId:n.unref(y),titleClass:n.unref(s).e("title")})]),default:n.withCtx(()=>[n.renderSlot(p.$slots,"default")]),_:2},[p.$slots.footer?{name:"footer",fn:n.withCtx(()=>[n.renderSlot(p.$slots,"footer")])}:void 0]),1040,["center","align-center","close-icon","draggable","overflow","fullscreen","header-class","body-class","footer-class","show-close","title","aria-level","onClose"])):n.createCommentVNode("v-if",!0)]),_:3},8,["trapped","onFocusAfterTrapped","onFocusAfterReleased","onFocusoutPrevented","onReleaseRequested"])],46,["aria-label","aria-labelledby","aria-describedby","onClick","onMousedown","onMouseup"])]),_:3},8,["mask","overlay-class","z-index"]),[[n.vShow,n.unref(f)]])]),_:3},8,["onAfterEnter","onAfterLeave","onBeforeLeave"])]),_:3},8,["to","disabled"]))}});var rr=Y(or,[["__file","dialog.vue"]]);const sr=ue(rr),at=n.defineComponent({name:"RaDialog",__name:"index",props:{appendToBody:{type:Boolean,default:!1}},setup(e){return(t,o)=>{const r=sr;return n.openBlock(),n.createBlock(r,n.mergeProps(t.$attrs,{"append-to-body":e.appendToBody}),{header:n.withCtx(()=>[n.renderSlot(t.$slots,"header")]),footer:n.withCtx(()=>[n.renderSlot(t.$slots,"footer")]),default:n.withCtx(()=>[n.renderSlot(t.$slots,"default")]),_:3},16,["append-to-body"])}}}),ar=[at],ir={install:e=>{ar.forEach(t=>{e.component(t.name,t)})}};D.RaDialog=at,D.default=ir,Object.defineProperties(D,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+`)},{immediate:!0})};var re=(e=>(e[e.TEXT=1]="TEXT",e[e.CLASS=2]="CLASS",e[e.STYLE=4]="STYLE",e[e.PROPS=8]="PROPS",e[e.FULL_PROPS=16]="FULL_PROPS",e[e.HYDRATE_EVENTS=32]="HYDRATE_EVENTS",e[e.STABLE_FRAGMENT=64]="STABLE_FRAGMENT",e[e.KEYED_FRAGMENT=128]="KEYED_FRAGMENT",e[e.UNKEYED_FRAGMENT=256]="UNKEYED_FRAGMENT",e[e.NEED_PATCH=512]="NEED_PATCH",e[e.DYNAMIC_SLOTS=1024]="DYNAMIC_SLOTS",e[e.HOISTED=-1]="HOISTED",e[e.BAIL=-2]="BAIL",e))(re||{});const ot=e=>{if(!e)return{onClick:se,onMousedown:se,onMouseup:se};let t=!1,o=!1;return{onClick:d=>{t&&o&&e(d),t=o=!1},onMousedown:d=>{t=d.target===d.currentTarget},onMouseup:d=>{o=d.target===d.currentTarget}}},zo=U({mask:{type:Boolean,default:!0},customMaskEvent:Boolean,overlayClass:{type:R([String,Array,Object])},zIndex:{type:R([String,Number])}}),Vo={click:e=>e instanceof MouseEvent},Ko="overlay";var Uo=n.defineComponent({name:"ElOverlay",props:zo,emits:Vo,setup(e,{slots:t,emit:o}){const r=G(Ko),s=f=>{o("click",f)},{onClick:a,onMousedown:d,onMouseup:h}=ot(e.customMaskEvent?void 0:s);return()=>e.mask?n.createVNode("div",{class:[r.b(),e.overlayClass],style:{zIndex:e.zIndex},onClick:a,onMousedown:d,onMouseup:h},[n.renderSlot(t,"default")],re.STYLE|re.CLASS|re.PROPS,["onClick","onMouseup","onMousedown"]):n.h("div",{class:e.overlayClass,style:{zIndex:e.zIndex,position:"fixed",top:"0px",right:"0px",bottom:"0px",left:"0px"}},[n.renderSlot(t,"default")])}});const Yo=Uo,rt=Symbol("dialogInjectionKey"),st=U({center:Boolean,alignCenter:Boolean,closeIcon:{type:_o},draggable:Boolean,overflow:Boolean,fullscreen:Boolean,headerClass:String,bodyClass:String,footerClass:String,showClose:{type:Boolean,default:!0},title:{type:String,default:""},ariaLevel:{type:String,default:"2"}}),Ho={close:()=>!0},Go=(e,t,o,r)=>{const s={offsetX:0,offsetY:0},a=(m,E)=>{if(e.value){const{offsetX:_,offsetY:l}=s,i=e.value.getBoundingClientRect(),u=i.left,c=i.top,b=i.width,v=i.height,I=document.documentElement.clientWidth,N=document.documentElement.clientHeight,L=-u+_,w=-c+l,T=I-u-b+_,P=N-c-(v<N?v:0)+l;r?.value||(m=Math.min(Math.max(m,L),T),E=Math.min(Math.max(E,w),P)),s.offsetX=m,s.offsetY=E,e.value.style.transform=`translate(${q(m)}, ${q(E)})`}},d=m=>{const E=m.clientX,_=m.clientY,{offsetX:l,offsetY:i}=s,u=b=>{const v=l+b.clientX-E,I=i+b.clientY-_;a(v,I)},c=()=>{document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",c)};document.addEventListener("mousemove",u),document.addEventListener("mouseup",c)},h=()=>{t.value&&e.value&&(t.value.addEventListener("mousedown",d),window.addEventListener("resize",g))},f=()=>{t.value&&e.value&&(t.value.removeEventListener("mousedown",d),window.removeEventListener("resize",g))},y=()=>{s.offsetX=0,s.offsetY=0,e.value&&(e.value.style.transform="")},g=()=>{const{offsetX:m,offsetY:E}=s;a(m,E)};return n.onMounted(()=>{n.watchEffect(()=>{o.value?h():f()})}),n.onBeforeUnmount(()=>{f()}),{resetPosition:y,updatePosition:g}},Wo=(...e)=>t=>{e.forEach(o=>{ut(o)?o(t):o.value=t})},Jo=n.defineComponent({name:"ElDialogContent"}),Xo=n.defineComponent({...Jo,props:st,emits:Ho,setup(e,{expose:t}){const o=e,{t:r}=oo(),{Close:s}=Co,{dialogRef:a,headerRef:d,bodyId:h,ns:f,style:y}=n.inject(rt),{focusTrapRef:g}=n.inject(We),m=n.computed(()=>[f.b(),f.is("fullscreen",o.fullscreen),f.is("draggable",o.draggable),f.is("align-center",o.alignCenter),{[f.m("center")]:o.center}]),E=Wo(g,a),_=n.computed(()=>o.draggable),l=n.computed(()=>o.overflow),{resetPosition:i,updatePosition:u}=Go(a,d,_,l);return t({resetPosition:i,updatePosition:u}),(c,b)=>(n.openBlock(),n.createElementBlock("div",{ref:n.unref(E),class:n.normalizeClass(n.unref(m)),style:n.normalizeStyle(n.unref(y)),tabindex:"-1"},[n.createElementVNode("header",{ref_key:"headerRef",ref:d,class:n.normalizeClass([n.unref(f).e("header"),c.headerClass,{"show-close":c.showClose}])},[n.renderSlot(c.$slots,"header",{},()=>[n.createElementVNode("span",{role:"heading","aria-level":c.ariaLevel,class:n.normalizeClass(n.unref(f).e("title"))},n.toDisplayString(c.title),11,["aria-level"])]),c.showClose?(n.openBlock(),n.createElementBlock("button",{key:0,"aria-label":n.unref(r)("el.dialog.close"),class:n.normalizeClass(n.unref(f).e("headerbtn")),type:"button",onClick:v=>c.$emit("close")},[n.createVNode(n.unref(go),{class:n.normalizeClass(n.unref(f).e("close"))},{default:n.withCtx(()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(c.closeIcon||n.unref(s))))]),_:1},8,["class"])],10,["aria-label","onClick"])):n.createCommentVNode("v-if",!0)],2),n.createElementVNode("div",{id:n.unref(h),class:n.normalizeClass([n.unref(f).e("body"),c.bodyClass])},[n.renderSlot(c.$slots,"default")],10,["id"]),c.$slots.footer?(n.openBlock(),n.createElementBlock("footer",{key:0,class:n.normalizeClass([n.unref(f).e("footer"),c.footerClass])},[n.renderSlot(c.$slots,"footer")],2)):n.createCommentVNode("v-if",!0)],6))}});var Zo=Y(Xo,[["__file","dialog-content.vue"]]);const qo=U({...st,appendToBody:Boolean,appendTo:{type:nt.to.type,default:"body"},beforeClose:{type:R(Function)},destroyOnClose:Boolean,closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{type:Number,default:0},closeDelay:{type:Number,default:0},top:{type:String},modelValue:Boolean,modalClass:String,headerClass:String,bodyClass:String,footerClass:String,width:{type:[String,Number]},zIndex:{type:Number},trapFocus:Boolean,headerAriaLevel:{type:String,default:"2"}}),Qo={open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,[ze]:e=>Fn(e),openAutoFocus:()=>!0,closeAutoFocus:()=>!0},er=(e,t={})=>{n.isRef(e)||Wn("[useLockscreen]","You need to pass a ref param to this function");const o=t.ns||G("popup"),r=n.computed(()=>o.bm("parent","hidden"));if(!O||Ke(document.body,r.value))return;let s=0,a=!1,d="0";const h=()=>{setTimeout(()=>{typeof document>"u"||a&&document&&(document.body.style.width=d,co(document.body,r.value))},200)};n.watch(e,f=>{if(!f){h();return}a=!Ke(document.body,r.value),a&&(d=document.body.style.width,lo(document.body,r.value)),s=fo(o.namespace.value);const y=document.documentElement.clientHeight<document.body.scrollHeight,g=uo(document.body,"overflowY");s>0&&(y||g==="scroll")&&a&&(document.body.style.width=`calc(100% - ${s}px)`)}),n.onScopeDispose(()=>h())},tr=(e,t)=>{var o;const s=n.getCurrentInstance().emit,{nextZIndex:a}=Zn();let d="";const h=Ue(),f=Ue(),y=n.ref(!1),g=n.ref(!1),m=n.ref(!1),E=n.ref((o=e.zIndex)!=null?o:a());let _,l;const i=ao("namespace",H),u=n.computed(()=>{const C={},$=`--${i.value}-dialog`;return e.fullscreen||(e.top&&(C[`${$}-margin-top`]=e.top),e.width&&(C[`${$}-width`]=q(e.width))),C}),c=n.computed(()=>e.alignCenter?{display:"flex"}:{});function b(){s("opened")}function v(){s("closed"),s(ze,!1),e.destroyOnClose&&(m.value=!1)}function I(){s("close")}function N(){l?.(),_?.(),e.openDelay&&e.openDelay>0?{stop:_}=ke(()=>P(),e.openDelay):P()}function L(){_?.(),l?.(),e.closeDelay&&e.closeDelay>0?{stop:l}=ke(()=>k(),e.closeDelay):k()}function w(){function C($){$||(g.value=!0,y.value=!1)}e.beforeClose?e.beforeClose(C):L()}function T(){e.closeOnClickModal&&w()}function P(){O&&(y.value=!0)}function k(){y.value=!1}function p(){s("openAutoFocus")}function S(){s("closeAutoFocus")}function lr(C){var $;(($=C.detail)==null?void 0:$.focusReason)==="pointer"&&C.preventDefault()}e.lockScroll&&er(y);function cr(){e.closeOnPressEscape&&w()}return n.watch(()=>e.zIndex,()=>{var C;E.value=(C=e.zIndex)!=null?C:a()}),n.watch(()=>e.modelValue,C=>{var $;C?(g.value=!1,N(),m.value=!0,E.value=($=e.zIndex)!=null?$:a(),n.nextTick(()=>{s("open"),t.value&&(t.value.parentElement.scrollTop=0,t.value.parentElement.scrollLeft=0,t.value.scrollTop=0)})):y.value&&L()}),n.watch(()=>e.fullscreen,C=>{t.value&&(C?(d=t.value.style.transform,t.value.style.transform=""):t.value.style.transform=d)}),n.onMounted(()=>{e.modelValue&&(y.value=!0,m.value=!0,N())}),{afterEnter:b,afterLeave:v,beforeLeave:I,handleClose:w,onModalClick:T,close:L,doClose:k,onOpenAutoFocus:p,onCloseAutoFocus:S,onCloseRequested:cr,onFocusoutPrevented:lr,titleId:h,bodyId:f,closed:g,style:u,overlayDialogStyle:c,rendered:m,visible:y,zIndex:E}},nr=n.defineComponent({name:"ElDialog",inheritAttrs:!1}),or=n.defineComponent({...nr,props:qo,emits:Qo,setup(e,{expose:t}){const o=e,r=n.useSlots();Ro({scope:"el-dialog",from:"the title slot",replacement:"the header slot",version:"3.0.0",ref:"https://element-plus.org/en-US/component/dialog.html#slots"},n.computed(()=>!!r.title));const s=G("dialog"),a=n.ref(),d=n.ref(),h=n.ref(),{visible:f,titleId:y,bodyId:g,style:m,overlayDialogStyle:E,rendered:_,zIndex:l,afterEnter:i,afterLeave:u,beforeLeave:c,handleClose:b,onModalClick:v,onOpenAutoFocus:I,onCloseAutoFocus:N,onCloseRequested:L,onFocusoutPrevented:w}=tr(o,a);n.provide(rt,{dialogRef:a,headerRef:d,bodyId:g,ns:s,rendered:_,style:m});const T=ot(v),P=n.computed(()=>o.draggable&&!o.fullscreen);return t({visible:f,dialogContentRef:h,resetPosition:()=>{var p;(p=h.value)==null||p.resetPosition()},handleClose:b}),(p,S)=>(n.openBlock(),n.createBlock(n.unref(jo),{to:p.appendTo,disabled:p.appendTo!=="body"?!1:!p.appendToBody},{default:n.withCtx(()=>[n.createVNode(n.Transition,{name:"dialog-fade",onAfterEnter:n.unref(i),onAfterLeave:n.unref(u),onBeforeLeave:n.unref(c),persisted:""},{default:n.withCtx(()=>[n.withDirectives(n.createVNode(n.unref(Yo),{"custom-mask-event":"",mask:p.modal,"overlay-class":p.modalClass,"z-index":n.unref(l)},{default:n.withCtx(()=>[n.createElementVNode("div",{role:"dialog","aria-modal":"true","aria-label":p.title||void 0,"aria-labelledby":p.title?void 0:n.unref(y),"aria-describedby":n.unref(g),class:n.normalizeClass(`${n.unref(s).namespace.value}-overlay-dialog`),style:n.normalizeStyle(n.unref(E)),onClick:n.unref(T).onClick,onMousedown:n.unref(T).onMousedown,onMouseup:n.unref(T).onMouseup},[n.createVNode(n.unref(Mo),{loop:"",trapped:n.unref(f),"focus-start-el":"container",onFocusAfterTrapped:n.unref(I),onFocusAfterReleased:n.unref(N),onFocusoutPrevented:n.unref(w),onReleaseRequested:n.unref(L)},{default:n.withCtx(()=>[n.unref(_)?(n.openBlock(),n.createBlock(Zo,n.mergeProps({key:0,ref_key:"dialogContentRef",ref:h},p.$attrs,{center:p.center,"align-center":p.alignCenter,"close-icon":p.closeIcon,draggable:n.unref(P),overflow:p.overflow,fullscreen:p.fullscreen,"header-class":p.headerClass,"body-class":p.bodyClass,"footer-class":p.footerClass,"show-close":p.showClose,title:p.title,"aria-level":p.headerAriaLevel,onClose:n.unref(b)}),n.createSlots({header:n.withCtx(()=>[p.$slots.title?n.renderSlot(p.$slots,"title",{key:1}):n.renderSlot(p.$slots,"header",{key:0,close:n.unref(b),titleId:n.unref(y),titleClass:n.unref(s).e("title")})]),default:n.withCtx(()=>[n.renderSlot(p.$slots,"default")]),_:2},[p.$slots.footer?{name:"footer",fn:n.withCtx(()=>[n.renderSlot(p.$slots,"footer")])}:void 0]),1040,["center","align-center","close-icon","draggable","overflow","fullscreen","header-class","body-class","footer-class","show-close","title","aria-level","onClose"])):n.createCommentVNode("v-if",!0)]),_:3},8,["trapped","onFocusAfterTrapped","onFocusAfterReleased","onFocusoutPrevented","onReleaseRequested"])],46,["aria-label","aria-labelledby","aria-describedby","onClick","onMousedown","onMouseup"])]),_:3},8,["mask","overlay-class","z-index"]),[[n.vShow,n.unref(f)]])]),_:3},8,["onAfterEnter","onAfterLeave","onBeforeLeave"])]),_:3},8,["to","disabled"]))}});var rr=Y(or,[["__file","dialog.vue"]]);const sr=ue(rr),at=n.defineComponent({name:"RaDialog",__name:"index",props:{appendToBody:{type:Boolean,default:!1}},setup(e){return(t,o)=>{const r=sr;return n.openBlock(),n.createBlock(r,n.mergeProps(t.$attrs,{"append-to-body":e.appendToBody}),{header:n.withCtx(()=>[n.renderSlot(t.$slots,"header")]),footer:n.withCtx(()=>[n.renderSlot(t.$slots,"footer")]),default:n.withCtx(()=>[n.renderSlot(t.$slots,"default")]),_:3},16,["append-to-body"])}}}),ar=[at],ir=e=>{ar.forEach(t=>{e.component(t.name,t)})};D.RaDialog=at,D.default=ir,Object.defineProperties(D,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "ra-element",
-    "version": "0.0.1",
+    "version": "0.0.2",
     "description": "基于 Vue3、Element Plus 的如安组件库",
     "private": false,
     "type": "module",