vue-devui 1.6.17 → 1.6.19

package/modal/index.umd.js

@@ -1,7 +1,7 @@
-var he=Object.defineProperty,ve=Object.defineProperties;var we=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,K=Object.prototype.propertyIsEnumerable;var U=(s,e,m)=>e in s?he(s,e,{enumerable:!0,configurable:!0,writable:!0,value:m}):s[e]=m,X=(s,e)=>{for(var m in e||(e={}))G.call(e,m)&&U(s,m,e[m]);if(I)for(var m of I(e))K.call(e,m)&&U(s,m,e[m]);return s},H=(s,e)=>ve(s,we(e));var Z=(s,e)=>{var m={};for(var E in s)G.call(s,E)&&e.indexOf(E)<0&&(m[E]=s[E]);if(s!=null&&I)for(var E of I(s))e.indexOf(E)<0&&K.call(s,E)&&(m[E]=s[E]);return m};var J=(s,e,m)=>(U(s,typeof e!="symbol"?e+"":e,m),m);(function(s,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom"],e):(s=typeof globalThis!="undefined"?globalThis:s||self,e(s.index={},s.Vue,s.dom))})(this,function(s,e,m){"use strict";const E={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},lockScroll:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0},beforeClose:{type:Function},escapable:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},showAnimation:{type:Boolean,default:!0},showOverlay:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!0},type:{type:String,default:""},keepLast:{type:Boolean,default:!1}},Q={name:{type:String,default:""},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},ee={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function O(o,t,n){let l=o;return t&&(l+=`__${t}`),n&&(l+=`--${n}`),l}function x(o,t=!1){const n=t?`.devui-${o}`:`devui-${o}`;return{b:()=>O(n),e:a=>a?O(n,a):"",m:a=>a?O(n,"",a):"",em:(a,d)=>a&&d?O(n,a,d):""}}var Ve="",te=e.defineComponent({name:"DSvgIcon",props:ee,setup(o){const{name:t,color:n,size:l}=e.toRefs(o),r=x("svg-icon"),i=e.computed(()=>`#icon-${t.value}`),c=e.computed(()=>typeof l.value=="number"?`${l.value}px`:l.value),a={width:c.value,height:c.value};return()=>e.createVNode("svg",{class:r.b(),style:a},[e.createVNode("use",{"xlink:href":i.value,fill:n.value},null)])}});function oe(o){return/^((http|https):)?\/\//.test(o)}function ne(o,t){const{component:n,name:l,size:r,color:i,classPrefix:c,rotate:a}=e.toRefs(o),d=x("icon"),g=e.computed(()=>typeof r.value=="number"?`${r.value}px`:r.value),w=n.value?e.resolveDynamicComponent(n.value):e.resolveDynamicComponent(te),u=()=>e.createVNode("img",e.mergeProps({src:l.value,alt:l.value.split("/")[l.value.split("/").length-1],class:[(a==null?void 0:a.value)==="infinite"&&d.m("spin")],style:{width:g.value||"",transform:`rotate(${a==null?void 0:a.value}deg)`,verticalAlign:"middle"}},t.attrs),null),h=()=>e.createVNode(w,e.mergeProps({name:l.value,color:i.value,size:g.value,class:[(a==null?void 0:a.value)==="infinite"&&d.m("spin")],style:{transform:`rotate(${a==null?void 0:a.value}deg)`}},t.attrs),null),b=()=>{const N=/^icon-/.test(l.value)?l.value:`${c.value}-${l.value}`;return e.createVNode("i",e.mergeProps({class:[c.value,N,(a==null?void 0:a.value)==="infinite"&&d.m("spin")],style:{fontSize:g.value,color:i.value,transform:`rotate(${a==null?void 0:a.value}deg)`}},t.attrs),null)};return{iconDom:()=>n.value?h():oe(l.value)?u():b()}}var Y=e.defineComponent({name:"DIcon",props:Q,emits:["click"],setup(o,t){const{disabled:n,operable:l}=e.toRefs(o),{iconDom:r}=ne(o,t),i=x("icon"),c=e.computed(()=>({[i.e("container")]:!0,[i.m("disabled")]:n.value,[i.m("operable")]:l.value,[i.m("no-slots")]:!Object.keys(t.slots).length})),a=d=>{n.value||t.emit("click",d)};return()=>{var d,g,w,u;return e.createVNode("div",{class:c.value,onClick:a},[(g=(d=t.slots).prefix)==null?void 0:g.call(d),r(),(u=(w=t.slots).suffix)==null?void 0:u.call(w)])}}}),Ce="";e.defineComponent({name:"DIconGroup",setup(o,t){const n=x("icon-group");return()=>{var l,r;return e.createVNode("div",{class:n.b()},[(r=(l=t.slots).default)==null?void 0:r.call(l)])}}});const le={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function j(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const o=document.documentElement.scrollTop,t=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${o}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{t?document.documentElement.setAttribute("style",t):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=o}}}function ae(o,t){let n;const l=i=>{i.preventDefault(),t.emit("click",i),o.closeOnClickOverlay&&t.emit("update:modelValue",!1)},r=()=>{n==null||n()};return e.watch(()=>o.modelValue,i=>{i?o.lockScroll&&(n=j()):r()}),e.onUnmounted(r),{onClick:l}}var Ne="";const re=e.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:le,emits:["update:modelValue","click"],setup(o,t){const{modelValue:n}=e.toRefs(o),l=x("fixed-overlay"),{onClick:r}=ae(o,t);return()=>e.createVNode(e.Transition,{name:l.m("fade")},{default:()=>{var i,c;return[n.value&&e.createVNode("div",e.mergeProps({class:l.b()},t.attrs,{onClick:r}),[(c=(i=t.slots).default)==null?void 0:c.call(i)])]}})}}),ie={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},shiftOffset:{type:Number},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0},clickEventBubble:{type:Boolean,default:!1},fitOriginWidth:{type:Boolean,default:!1}};function se(o,t,n,l){let{x:r,y:i}=t;if(!o){const{width:c,height:a}=l;r&&n.includes("start")&&(r=12),r&&n.includes("end")&&(r=Math.round(c-24)),i&&n.includes("start")&&(i=10),i&&n.includes("end")&&(i=a-14)}return{x:r,y:i}}function ce(o,t){const{fitOriginWidth:n,position:l,showArrow:r}=e.toRefs(o),i=e.ref(),c=e.ref(),a=e.ref(0);let d;const g=e.computed(()=>n.value?{width:a.value+"px"}:{}),w=(y,p,v,C)=>{const{x:f,y:k}=se(o.isArrowCenter,v,p,C.getBoundingClientRect()),M={top:"bottom",right:"left",bottom:"top",left:"right"}[p.split("-")[0]];Object.assign(y.style,{left:f?`${f}px`:"",top:k?`${k}px`:"",right:"",bottom:"",[M]:"-4px"})},u=async()=>{const y=o.origin,p=e.unref(i.value),v=e.unref(c.value),[C,...f]=l.value,k=[m.offset(o.offset)];k.push(f.length?m.flip({fallbackPlacements:f}):m.flip()),r.value&&k.push(m.arrow({element:c.value}));const{x:M,y:F,placement:A,middlewareData:S}=await m.computePosition(y,p,{strategy:"fixed",placement:C,middleware:k});let $=M,T=F;t("positionChange",A),Object.assign(p.style,{top:`${T}px`,left:`${$}px`}),o.showArrow&&w(v,A,S.arrow,p)},h=y=>{var v,C;const p=y.target;(p==null?void 0:p.contains((C=(v=o.origin)==null?void 0:v.$el)!=null?C:o.origin))&&u()},b=y=>{a.value=y.getBoundingClientRect().width,u()},V=()=>{var y,p;if(n.value&&typeof window!="undefined"){const v=(p=(y=o.origin)==null?void 0:y.$el)!=null?p:o.origin;v&&(d=new window.ResizeObserver(()=>b(v)),d.observe(v))}},N=()=>{var p,v;const y=(v=(p=o.origin)==null?void 0:p.$el)!=null?v:o.origin;y&&(d==null||d.unobserve(y))};return e.watch(()=>o.modelValue,()=>{o.modelValue&&o.origin?(e.nextTick(u),window.addEventListener("scroll",h,!0),window.addEventListener("resize",u),V()):(window.removeEventListener("scroll",h,!0),window.removeEventListener("resize",u),N())}),e.onUnmounted(()=>{window.removeEventListener("scroll",h,!0),window.removeEventListener("resize",u),N()}),{arrowRef:c,overlayRef:i,styles:g,updatePosition:u}}var Ee="";e.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:ie,emits:["update:modelValue","positionChange"],setup(o,{slots:t,attrs:n,emit:l,expose:r}){const i=x("flexible-overlay"),{clickEventBubble:c}=e.toRefs(o),{arrowRef:a,overlayRef:d,styles:g,updatePosition:w}=ce(o,l);return r({updatePosition:w}),()=>{var u;return o.modelValue&&e.createVNode("div",e.mergeProps({ref:d,class:i.b(),style:g.value},n,{onClick:e.withModifiers(()=>({}),[c.value?"":"stop"]),onPointerup:e.withModifiers(()=>({}),["stop"])}),[(u=t.default)==null?void 0:u.call(t),o.showArrow&&e.createVNode("div",{ref:a,class:i.e("arrow")},null)])}}});const de=typeof window!="undefined";function ue(o,t){function n(){t("update:modelValue",!1),t("close")}function l(){o.beforeClose?o.beforeClose(n):n()}function r(i){i.code==="Escape"&&l()}return e.onMounted(()=>{o.escapable&&window.addEventListener("keydown",r)}),e.onUnmounted(()=>{o.escapable&&window.addEventListener("keydown",r)}),{execClose:l}}function fe(o){let t;const n=()=>{t==null||t()};e.watch(()=>o.modelValue,l=>{l?o.lockScroll&&(t=j()):n()},{immediate:!0}),e.onUnmounted(n)}function _(o,t="px"){return o?typeof o=="string"?o:typeof o=="number"?`${o}${t}`:"":""}const me=(o,t,n)=>{const l=e.ref("translate(-50%, -50%)");let r={offsetX:0,offsetY:0};const i=g=>{const w=g.clientX,u=g.clientY,{offsetX:h,offsetY:b}=r,V=o.value.getBoundingClientRect(),N=V.left,y=V.top,p=V.width,v=V.height,C=document.documentElement.clientWidth,f=document.documentElement.clientHeight,k=-N+h,M=-y+b,F=C-N-p+h,A=f-y-v+b,S=T=>{const W=Math.min(Math.max(h+T.clientX-w,k),F),q=Math.min(Math.max(b+T.clientY-u,M),A);r={offsetX:W,offsetY:q},l.value=`translate(calc(-50% + ${_(W)}), calc(-50% + ${_(q)}))`},$=()=>{document.removeEventListener("mousemove",S),document.removeEventListener("mouseup",$)};document.addEventListener("mousemove",S),document.addEventListener("mouseup",$)},c=()=>{t.value&&o.value&&t.value.addEventListener("mousedown",i)},a=()=>{t.value&&o.value&&t.value.removeEventListener("mousedown",i)};return e.onMounted(()=>{e.watchEffect(()=>{n.value?c():a()})}),e.onBeforeUnmount(()=>{a()}),{clearPosition:()=>{r={offsetX:0,offsetY:0},l.value="translate(-50%, -50%)"},modalPosition:l}};var B=e.defineComponent({name:"DModalHeader",setup(o,{slots:t}){const n=x("modal");return()=>{var l;return e.createVNode("div",{class:n.e("header")},[(l=t.default)==null?void 0:l.call(t)])}}}),P=e.defineComponent({name:"DModalBody",setup(o,{slots:t}){const n=x("modal");return()=>{var l;return e.createVNode("div",{class:n.e("body")},[(l=t.default)==null?void 0:l.call(t)])}}});function pe(){return e.createVNode("svg",{width:"18px",height:"18px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createVNode("g",{id:"modal-close",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{transform:"translate(3.000000, 3.000000)",fill:"#71757F","fill-rule":"nonzero",id:"modal-close-road"},[e.createVNode("path",{d:`M-0.353553391,-0.353553391 C-0.179987039,-0.527119742 0.0894373624,-0.546404893 0.284305503,-0.411408841 L0.353553391,-0.353553391 
+(function(b,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom"],e):(b=typeof globalThis!="undefined"?globalThis:b||self,e(b.index={},b.Vue,b.dom))})(this,function(b,e,x){"use strict";const z={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},lockScroll:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0},beforeClose:{type:Function},escapable:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},showAnimation:{type:Boolean,default:!0},showOverlay:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!0},type:{type:String,default:""},keepLast:{type:Boolean,default:!1}},j={name:{type:String,default:""},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},_={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function B(o,t,n){let l=o;return t&&(l+=`__${t}`),n&&(l+=`--${n}`),l}function C(o,t=!1){const n=t?`.devui-${o}`:`devui-${o}`;return{b:()=>B(n),e:a=>a?B(n,a):"",m:a=>a?B(n,"",a):"",em:(a,c)=>a&&c?B(n,a,c):""}}var de="",W=e.defineComponent({name:"DSvgIcon",props:_,setup(o){const{name:t,color:n,size:l}=e.toRefs(o),r=C("svg-icon"),i=e.computed(()=>`#icon-${t.value}`),s=e.computed(()=>typeof l.value=="number"?`${l.value}px`:l.value),a={width:s.value,height:s.value};return()=>e.createVNode("svg",{class:r.b(),style:a},[e.createVNode("use",{"xlink:href":i.value,fill:n.value},null)])}});function q(o){return/^((http|https):)?\/\//.test(o)}function G(o,t){const{component:n,name:l,size:r,color:i,classPrefix:s,rotate:a}=e.toRefs(o),c=C("icon"),y=e.computed(()=>typeof r.value=="number"?`${r.value}px`:r.value),m=n.value?e.resolveDynamicComponent(n.value):e.resolveDynamicComponent(W),u=()=>e.createVNode("img",e.mergeProps({src:l.value,alt:l.value.split("/")[l.value.split("/").length-1],class:[(a==null?void 0:a.value)==="infinite"&&c.m("spin")],style:{width:y.value||"",transform:`rotate(${a==null?void 0:a.value}deg)`,verticalAlign:"middle"}},t.attrs),null),g=()=>e.createVNode(m,e.mergeProps({name:l.value,color:i.value,size:y.value,class:[(a==null?void 0:a.value)==="infinite"&&c.m("spin")],style:{transform:`rotate(${a==null?void 0:a.value}deg)`}},t.attrs),null),V=()=>{const E=/^icon-/.test(l.value)?l.value:`${s.value}-${l.value}`;return e.createVNode("i",e.mergeProps({class:[s.value,E,(a==null?void 0:a.value)==="infinite"&&c.m("spin")],style:{fontSize:y.value,color:i.value,transform:`rotate(${a==null?void 0:a.value}deg)`}},t.attrs),null)};return{iconDom:()=>n.value?g():q(l.value)?u():V()}}var F=e.defineComponent({name:"DIcon",props:j,emits:["click"],setup(o,t){const{disabled:n,operable:l}=e.toRefs(o),{iconDom:r}=G(o,t),i=C("icon"),s=e.computed(()=>({[i.e("container")]:!0,[i.m("disabled")]:n.value,[i.m("operable")]:l.value,[i.m("no-slots")]:!Object.keys(t.slots).length})),a=c=>{n.value||t.emit("click",c)};return()=>{var c,y,m,u;return e.createVNode("div",{class:s.value,onClick:a},[(y=(c=t.slots).prefix)==null?void 0:y.call(c),r(),(u=(m=t.slots).suffix)==null?void 0:u.call(m)])}}}),ue="";e.defineComponent({name:"DIconGroup",setup(o,t){const n=C("icon-group");return()=>{var l,r;return e.createVNode("div",{class:n.b()},[(r=(l=t.slots).default)==null?void 0:r.call(l)])}}});const K={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function U(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const o=document.documentElement.scrollTop,t=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${o}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{t?document.documentElement.setAttribute("style",t):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=o}}}function Z(o,t){let n;const l=i=>{i.preventDefault(),t.emit("click",i),o.closeOnClickOverlay&&t.emit("update:modelValue",!1)},r=()=>{n==null||n()};return e.watch(()=>o.modelValue,i=>{i?o.lockScroll&&(n=U()):r()}),e.onUnmounted(r),{onClick:l}}var fe="";const J=e.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:K,emits:["update:modelValue","click"],setup(o,t){const{modelValue:n}=e.toRefs(o),l=C("fixed-overlay"),{onClick:r}=Z(o,t);return()=>e.createVNode(e.Transition,{name:l.m("fade")},{default:()=>{var i,s;return[n.value&&e.createVNode("div",e.mergeProps({class:l.b()},t.attrs,{onClick:r}),[(s=(i=t.slots).default)==null?void 0:s.call(i)])]}})}}),Q={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},shiftOffset:{type:Number},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0},clickEventBubble:{type:Boolean,default:!1},fitOriginWidth:{type:Boolean,default:!1}};function ee(o,t,n,l){let{x:r,y:i}=t;if(!o){const{width:s,height:a}=l;r&&n.includes("start")&&(r=12),r&&n.includes("end")&&(r=Math.round(s-24)),i&&n.includes("start")&&(i=10),i&&n.includes("end")&&(i=a-14)}return{x:r,y:i}}function te(o,t){const{fitOriginWidth:n,position:l,showArrow:r}=e.toRefs(o),i=e.ref(),s=e.ref(),a=e.ref(0);let c;const y=e.computed(()=>n.value?{width:a.value+"px"}:{}),m=(p,f,h,w)=>{const{x:d,y:N}=ee(o.isArrowCenter,h,f,w.getBoundingClientRect()),k={top:"bottom",right:"left",bottom:"top",left:"right"}[f.split("-")[0]];Object.assign(p.style,{left:d?`${d}px`:"",top:N?`${N}px`:"",right:"",bottom:"",[k]:"-4px"})},u=async()=>{const p=o.origin,f=e.unref(i.value),h=e.unref(s.value),[w,...d]=l.value,N=[x.offset(o.offset)];N.push(d.length?x.flip({fallbackPlacements:d}):x.flip()),r.value&&N.push(x.arrow({element:s.value}));const{x:k,y:R,placement:D,middlewareData:A}=await x.computePosition(p,f,{strategy:"fixed",placement:w,middleware:N});let S=k,$=R;t("positionChange",D),Object.assign(f.style,{top:`${$}px`,left:`${S}px`}),o.showArrow&&m(h,D,A.arrow,f)},g=p=>{var h,w;const f=p.target;f!=null&&f.contains((w=(h=o.origin)==null?void 0:h.$el)!=null?w:o.origin)&&u()},V=p=>{a.value=p.getBoundingClientRect().width,u()},v=()=>{var p,f;if(n.value&&typeof window!="undefined"){const h=(f=(p=o.origin)==null?void 0:p.$el)!=null?f:o.origin;h&&(c=new window.ResizeObserver(()=>V(h)),c.observe(h))}},E=()=>{var f,h;const p=(h=(f=o.origin)==null?void 0:f.$el)!=null?h:o.origin;p&&(c==null||c.unobserve(p))};return e.watch(()=>o.modelValue,()=>{o.modelValue&&o.origin?(e.nextTick(u),window.addEventListener("scroll",g,!0),window.addEventListener("resize",u),v()):(window.removeEventListener("scroll",g,!0),window.removeEventListener("resize",u),E())}),e.onUnmounted(()=>{window.removeEventListener("scroll",g,!0),window.removeEventListener("resize",u),E()}),{arrowRef:s,overlayRef:i,styles:y,updatePosition:u}}var me="";e.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:Q,emits:["update:modelValue","positionChange"],setup(o,{slots:t,attrs:n,emit:l,expose:r}){const i=C("flexible-overlay"),{clickEventBubble:s}=e.toRefs(o),{arrowRef:a,overlayRef:c,styles:y,updatePosition:m}=te(o,l);return r({updatePosition:m}),()=>{var u;return o.modelValue&&e.createVNode("div",e.mergeProps({ref:c,class:i.b(),style:y.value},n,{onClick:e.withModifiers(()=>({}),[s.value?"":"stop"]),onPointerup:e.withModifiers(()=>({}),["stop"])}),[(u=t.default)==null?void 0:u.call(t),o.showArrow&&e.createVNode("div",{ref:a,class:i.e("arrow")},null)])}}});const oe=typeof window!="undefined";function ne(o,t){function n(){t("update:modelValue",!1),t("close")}function l(){o.beforeClose?o.beforeClose(n):n()}function r(i){i.code==="Escape"&&l()}return e.onMounted(()=>{o.escapable&&window.addEventListener("keydown",r)}),e.onUnmounted(()=>{o.escapable&&window.addEventListener("keydown",r)}),{execClose:l}}function le(o){let t;const n=()=>{t==null||t()};e.watch(()=>o.modelValue,l=>{l?o.lockScroll&&(t=U()):n()},{immediate:!0}),e.onUnmounted(n)}function X(o,t="px"){return o?typeof o=="string"?o:typeof o=="number"?`${o}${t}`:"":""}const ae=(o,t,n)=>{const l=e.ref("translate(-50%, -50%)");let r={offsetX:0,offsetY:0};const i=y=>{const m=y.clientX,u=y.clientY,{offsetX:g,offsetY:V}=r,v=o.value.getBoundingClientRect(),E=v.left,p=v.top,f=v.width,h=v.height,w=document.documentElement.clientWidth,d=document.documentElement.clientHeight,N=-E+g,k=-p+V,R=w-E-f+g,D=d-p-h+V,A=$=>{const H=Math.min(Math.max(g+$.clientX-m,N),R),Y=Math.min(Math.max(V+$.clientY-u,k),D);r={offsetX:H,offsetY:Y},l.value=`translate(calc(-50% + ${X(H)}), calc(-50% + ${X(Y)}))`},S=()=>{document.removeEventListener("mousemove",A),document.removeEventListener("mouseup",S)};document.addEventListener("mousemove",A),document.addEventListener("mouseup",S)},s=()=>{t.value&&o.value&&t.value.addEventListener("mousedown",i)},a=()=>{t.value&&o.value&&t.value.removeEventListener("mousedown",i)};return e.onMounted(()=>{e.watchEffect(()=>{n.value?s():a()})}),e.onBeforeUnmount(()=>{a()}),{clearPosition:()=>{r={offsetX:0,offsetY:0},l.value="translate(-50%, -50%)"},modalPosition:l}};var M=e.defineComponent({name:"DModalHeader",setup(o,{slots:t}){const n=C("modal");return()=>{var l;return e.createVNode("div",{class:n.e("header")},[(l=t.default)==null?void 0:l.call(t)])}}}),O=e.defineComponent({name:"DModalBody",setup(o,{slots:t}){const n=C("modal");return()=>{var l;return e.createVNode("div",{class:n.e("body")},[(l=t.default)==null?void 0:l.call(t)])}}});function re(){return e.createVNode("svg",{width:"18px",height:"18px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createVNode("g",{id:"modal-close",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{transform:"translate(3.000000, 3.000000)",fill:"#71757F","fill-rule":"nonzero",id:"modal-close-road"},[e.createVNode("path",{d:`M-0.353553391,-0.353553391 C-0.179987039,-0.527119742 0.0894373624,-0.546404893 0.284305503,-0.411408841 L0.353553391,-0.353553391 
 						L10.3535534,9.64644661 C10.5488155,9.84170876 10.5488155,10.1582912 10.3535534,10.3535534 C10.179987,10.5271197 9.91056264,10.5464049 
 						9.7156945,10.4114088 L9.64644661,10.3535534 L-0.353553391,0.353553391 C-0.548815536,0.158291245 -0.548815536,-0.158291245 
 						-0.353553391,-0.353553391 Z`},null),e.createVNode("path",{d:`M9.64644661,-0.353553391 C9.84170876,-0.548815536 10.1582912,-0.548815536 10.3535534,-0.353553391 C10.5271197,-0.179987039 
 						10.5464049,0.0894373624 10.4114088,0.284305503 L10.3535534,0.353553391 L0.353553391,10.3535534 C0.158291245,10.5488155 
 						-0.158291245,10.5488155 -0.353553391,10.3535534 C-0.527119742,10.179987 -0.546404893,9.91056264 -0.411408841,9.7156945 L-0.353553391,9.64644661 
-						L9.64644661,-0.353553391 Z`},null)])])])}var xe="",L=e.defineComponent({name:"DModal",inheritAttrs:!1,props:E,emits:["update:modelValue","close"],setup(o,{slots:t,attrs:n,emit:l}){const r=x("modal"),{modelValue:i,title:c,showClose:a,showOverlay:d,appendToBody:g,closeOnClickOverlay:w,keepLast:u}=e.toRefs(o),{execClose:h}=ue(o,l);fe(o);const b=e.ref(),V=e.ref(),N=e.computed(()=>o.draggable),{clearPosition:y,modalPosition:p}=me(b,V,N);e.watch(i,C=>{C&&!u.value&&(y(),e.nextTick(()=>{const f=document==null?void 0:document.querySelector("[autofocus]");f&&f.focus()}))});const v=()=>{const f=[{type:"success",text:"\u6210\u529F",icon:"right-o",color:"var(--devui-success)"},{type:"failed",text:"\u9519\u8BEF",icon:"error-o",color:"var(--devui-danger)"},{type:"warning",text:"\u8B66\u544A",icon:"warning-o",color:"var(--devui-warning)"},{type:"info",text:"\u4FE1\u606F",icon:"info-o",color:"var(--devui-info)"}].find(k=>k.type===o.type);return e.createVNode("div",{style:{cursor:o.draggable?"move":"default"},ref:V},[e.createVNode(B,null,{default:()=>[e.createVNode("div",{class:"type-content"},[e.createVNode("div",{class:"type-content-icon"},[e.createVNode(Y,{name:f==null?void 0:f.icon,color:f==null?void 0:f.color},null)]),e.createVNode("div",{class:"type-content-text"},[f==null?void 0:f.text])])]})])};return()=>e.createVNode(e.Teleport,{to:"body",disabled:!g.value},{default:()=>[d.value&&e.createVNode(re,e.mergeProps({modelValue:i.value},{"onUpdate:modelValue":h},{class:r.e("overlay"),"lock-scroll":!1,"close-on-click-overlay":w.value,style:{zIndex:"calc(var(--devui-z-index-modal, 1050) - 1)"}}),null),e.createVNode(e.Transition,{name:o.showAnimation?r.m("wipe"):""},{default:()=>{var C;return[i.value&&e.createVNode("div",e.mergeProps({ref:b,class:r.b()},n,{onClick:f=>f.stopPropagation(),style:{transform:p.value}}),[a.value&&e.createVNode("div",{onClick:h,class:"btn-close"},[e.createVNode(Y,{operable:!0,component:pe()},null)]),o.type?v():e.createVNode("div",{style:{cursor:o.draggable?"move":"default"},ref:V},[t.header?t.header():c.value&&e.createVNode(B,null,{default:()=>[c.value]})]),e.createVNode(P,null,{default:()=>{var f;return[(f=t.default)==null?void 0:f.call(t)]}}),(C=t.footer)==null?void 0:C.call(t)])]}})]})}}),R=e.defineComponent({name:"DModalFooter",setup(o,{slots:t}){const n=x("modal");return()=>{var l;return e.createVNode("div",{class:n.e("footer")},[(l=t.default)==null?void 0:l.call(t)])}}});class ye{constructor(t){this.anchorContainer=t}renderModal(t,n,l){const r=e.h(this.component(),n,l);return e.render(r,t),r}renderNull(t){setTimeout(()=>{e.render(null,t)},500)}}let D;class z extends ye{component(){return L}open(t={}){const n=document.createElement("div");this.anchorContainer.appendChild(n);const w=t,{header:l,content:r,footer:i}=w,c=Z(w,["header","content","footer"]),a=(u,h)=>this.renderModal(n,H(X({},u),{modelValue:!0,"onUpdate:modelValue":h}),{header:l,default:r,footer:i}),d=()=>{var h,b,V;const u=N=>{N||d()};a(c,N=>{N?a(c,u):(this.renderModal(n,H(X({},c),{modelValue:!1})),this.renderNull(n))}),(V=(b=(h=D==null?void 0:D.component)==null?void 0:h.exposed)==null?void 0:b.handleVisibleChange)==null||V.call(b,!1)},g=u=>{u||d()};return this.renderModal(n,{modelValue:!1}),D=a(c,g),{hide:d}}}J(z,"token","MODAL_SERVICE_TOKEN");var ge={title:"Modal \u5F39\u7A97",category:"\u53CD\u9988",status:"100%",install(o){if(o.component(L.name,L),o.component(B.name,B),o.component(P.name,P),o.component(R.name,R),!de)return;let t=document.getElementById("d-modal-anchors-container");t||(t=document.createElement("div"),t.setAttribute("id","d-modal-anchors-container"),document.body.appendChild(t)),o.provide(z.token,new z(t))}};s.Modal=L,s.ModalBody=P,s.ModalFooter=R,s.ModalHeader=B,s.default=ge,s.modalProps=E,Object.defineProperty(s,"__esModule",{value:!0}),s[Symbol.toStringTag]="Module"});
+						L9.64644661,-0.353553391 Z`},null)])])])}var pe="",P=e.defineComponent({name:"DModal",inheritAttrs:!1,props:z,emits:["update:modelValue","close"],setup(o,{slots:t,attrs:n,emit:l}){const r=C("modal"),{modelValue:i,title:s,showClose:a,showOverlay:c,appendToBody:y,closeOnClickOverlay:m,keepLast:u}=e.toRefs(o),{execClose:g}=ne(o,l);le(o);const V=e.ref(),v=e.ref(),E=e.computed(()=>o.draggable),{clearPosition:p,modalPosition:f}=ae(V,v,E);e.watch(i,w=>{w&&!u.value&&(p(),e.nextTick(()=>{const d=document==null?void 0:document.querySelector("[autofocus]");d&&d.focus()}))});const h=()=>{const d=[{type:"success",text:"\u6210\u529F",icon:"right-o",color:"var(--devui-success)"},{type:"failed",text:"\u9519\u8BEF",icon:"error-o",color:"var(--devui-danger)"},{type:"warning",text:"\u8B66\u544A",icon:"warning-o",color:"var(--devui-warning)"},{type:"info",text:"\u4FE1\u606F",icon:"info-o",color:"var(--devui-info)"}].find(N=>N.type===o.type);return e.createVNode("div",{style:{cursor:o.draggable?"move":"default"},ref:v},[e.createVNode(M,null,{default:()=>[e.createVNode("div",{class:"type-content"},[e.createVNode("div",{class:"type-content-icon"},[e.createVNode(F,{name:d==null?void 0:d.icon,color:d==null?void 0:d.color},null)]),e.createVNode("div",{class:"type-content-text"},[d==null?void 0:d.text])])]})])};return()=>e.createVNode(e.Teleport,{to:"body",disabled:!y.value},{default:()=>[c.value&&e.createVNode(J,e.mergeProps({modelValue:i.value},{"onUpdate:modelValue":g},{class:r.e("overlay"),"lock-scroll":!1,"close-on-click-overlay":m.value,style:{zIndex:"calc(var(--devui-z-index-modal, 1050) - 1)"}}),null),e.createVNode(e.Transition,{name:o.showAnimation?r.m("wipe"):""},{default:()=>{var w;return[i.value&&e.createVNode("div",e.mergeProps({ref:V,class:r.b()},n,{onClick:d=>d.stopPropagation(),style:{transform:f.value}}),[a.value&&e.createVNode("div",{onClick:g,class:"btn-close"},[e.createVNode(F,{operable:!0,component:re()},null)]),o.type?h():e.createVNode("div",{style:{cursor:o.draggable?"move":"default"},ref:v},[t.header?t.header():s.value&&e.createVNode(M,null,{default:()=>[s.value]})]),e.createVNode(O,null,{default:()=>{var d;return[(d=t.default)==null?void 0:d.call(t)]}}),(w=t.footer)==null?void 0:w.call(t)])]}})]})}}),T=e.defineComponent({name:"DModalFooter",setup(o,{slots:t}){const n=C("modal");return()=>{var l;return e.createVNode("div",{class:n.e("footer")},[(l=t.default)==null?void 0:l.call(t)])}}});class ie{constructor(t){this.anchorContainer=t}renderModal(t,n,l){const r=e.h(this.component(),n,l);return e.render(r,t),r}renderNull(t){setTimeout(()=>{e.render(null,t)},500)}}let L;class I extends ie{component(){return P}open(t={}){const n=document.createElement("div");this.anchorContainer.appendChild(n);const{header:l,content:r,footer:i,...s}=t,a=(m,u)=>this.renderModal(n,{...m,modelValue:!0,"onUpdate:modelValue":u},{header:l,default:r,footer:i}),c=()=>{var u,g,V;const m=v=>{v||c()};a(s,v=>{v?a(s,m):(this.renderModal(n,{...s,modelValue:!1}),this.renderNull(n))}),(V=(g=(u=L==null?void 0:L.component)==null?void 0:u.exposed)==null?void 0:g.handleVisibleChange)==null||V.call(g,!1)},y=m=>{m||c()};return this.renderModal(n,{modelValue:!1}),L=a(s,y),{hide:c}}}I.token="MODAL_SERVICE_TOKEN";var se={title:"Modal \u5F39\u7A97",category:"\u53CD\u9988",status:"100%",install(o){if(o.component(P.name,P),o.component(M.name,M),o.component(O.name,O),o.component(T.name,T),!oe)return;let t=document.getElementById("d-modal-anchors-container");t||(t=document.createElement("div"),t.setAttribute("id","d-modal-anchors-container"),document.body.appendChild(t)),o.provide(I.token,new I(t))}};b.Modal=P,b.ModalBody=O,b.ModalFooter=T,b.ModalHeader=M,b.default=se,b.modalProps=z,Object.defineProperties(b,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/notification/index.es.js

@@ -1,22 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, toRefs, computed, createVNode, resolveDynamicComponent, mergeProps, watch, Transition, withModifiers, reactive, createApp, onUnmounted, isVNode } from "vue";
 const notificationProps = {
   modelValue: {
@@ -417,14 +398,17 @@ function useEvent(props, emit) {
   const handleDestroy = () => {
     emit("destroy");
   };
-  watch(() => props.modelValue, (val) => {
-    if (val) {
-      timestamp = Date.now();
-      if (props.duration) {
-        timer = setTimeout(close2, props.duration);
+  watch(
+    () => props.modelValue,
+    (val) => {
+      if (val) {
+        timestamp = Date.now();
+        if (props.duration) {
+          timer = setTimeout(close2, props.duration);
+        }
       }
     }
-  });
+  );
   return { interrupt, removeReset, close: close2, handleDestroy };
 }
 var notification = "";
@@ -528,11 +512,13 @@ class NotificationService {
     const originOnClose = options.onClose || null;
     const content = options.content;
     delete options.content;
-    const props = reactive(__spreadProps(__spreadValues(__spreadValues({}, defaultOptions), options), {
+    const props = reactive({
+      ...defaultOptions,
+      ...options,
       onClose: () => {
         close(props, originOnClose);
       }
-    }));
+    });
     initInstance(props, content);
     props.modelValue = true;
   }

package/notification/index.umd.js

@@ -1,8 +1,8 @@
-var K=Object.defineProperty,H=Object.defineProperties;var W=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var L=(c,e,d)=>e in c?K(c,e,{enumerable:!0,configurable:!0,writable:!0,value:d}):c[e]=d,C=(c,e)=>{for(var d in e||(e={}))J.call(e,d)&&L(c,d,e[d]);if(b)for(var d of b(e))Q.call(e,d)&&L(c,d,e[d]);return c},x=(c,e)=>H(c,W(e));(function(c,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(c=typeof globalThis!="undefined"?globalThis:c||self,e(c.index={},c.Vue))})(this,function(c,e){"use strict";const d={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},type:{type:String,default:"normal"},duration:{type:Number,default:3e3},onClose:{type:Function}},I={name:{type:String,default:""},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},S={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function N(n,t,o){let i=n;return t&&(i+=`__${t}`),o&&(i+=`--${o}`),i}function p(n,t=!1){const o=t?`.devui-${n}`:`devui-${n}`;return{b:()=>N(o),e:l=>l?N(o,l):"",m:l=>l?N(o,"",l):"",em:(l,a)=>l&&a?N(o,l,a):""}}var ee="",D=e.defineComponent({name:"DSvgIcon",props:S,setup(n){const{name:t,color:o,size:i}=e.toRefs(n),s=p("svg-icon"),r=e.computed(()=>`#icon-${t.value}`),u=e.computed(()=>typeof i.value=="number"?`${i.value}px`:i.value),l={width:u.value,height:u.value};return()=>e.createVNode("svg",{class:s.b(),style:l},[e.createVNode("use",{"xlink:href":r.value,fill:o.value},null)])}});function P(n){return/^((http|https):)?\/\//.test(n)}function $(n,t){const{component:o,name:i,size:s,color:r,classPrefix:u,rotate:l}=e.toRefs(n),a=p("icon"),f=e.computed(()=>typeof s.value=="number"?`${s.value}px`:s.value),g=o.value?e.resolveDynamicComponent(o.value):e.resolveDynamicComponent(D),m=()=>e.createVNode("img",e.mergeProps({src:i.value,alt:i.value.split("/")[i.value.split("/").length-1],class:[(l==null?void 0:l.value)==="infinite"&&a.m("spin")],style:{width:f.value||"",transform:`rotate(${l==null?void 0:l.value}deg)`,verticalAlign:"middle"}},t.attrs),null),v=()=>e.createVNode(g,e.mergeProps({name:i.value,color:r.value,size:f.value,class:[(l==null?void 0:l.value)==="infinite"&&a.m("spin")],style:{transform:`rotate(${l==null?void 0:l.value}deg)`}},t.attrs),null),q=()=>{const G=/^icon-/.test(i.value)?i.value:`${u.value}-${i.value}`;return e.createVNode("i",e.mergeProps({class:[u.value,G,(l==null?void 0:l.value)==="infinite"&&a.m("spin")],style:{fontSize:f.value,color:r.value,transform:`rotate(${l==null?void 0:l.value}deg)`}},t.attrs),null)};return{iconDom:()=>o.value?v():P(i.value)?m():q()}}var _=e.defineComponent({name:"DIcon",props:I,emits:["click"],setup(n,t){const{disabled:o,operable:i}=e.toRefs(n),{iconDom:s}=$(n,t),r=p("icon"),u=e.computed(()=>({[r.e("container")]:!0,[r.m("disabled")]:o.value,[r.m("operable")]:i.value,[r.m("no-slots")]:!Object.keys(t.slots).length})),l=a=>{o.value||t.emit("click",a)};return()=>{var a,f,g,m;return e.createVNode("div",{class:u.value,onClick:l},[(f=(a=t.slots).prefix)==null?void 0:f.call(a),s(),(m=(g=t.slots).suffix)==null?void 0:m.call(g)])}}}),te="";e.defineComponent({name:"DIconGroup",setup(n,t){const o=p("icon-group");return()=>{var i,s;return e.createVNode("div",{class:o.b()},[(s=(i=t.slots).default)==null?void 0:s.call(i)])}}});var M=e.defineComponent({emits:["click"],setup(n,{emit:t}){const o=p("notification");return()=>e.createVNode("div",{class:o.e("icon-close"),onClick:i=>t("click",i)},[e.createVNode(_,{name:"close",size:"14px"},null)])}});const h=p("notification"),V={"xmlns:xlink":"http://www.w3.org/1999/xlink"},y={"xlink:href":"#path-s"};function T(){return e.createVNode("svg",e.mergeProps({width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},V),[e.createVNode("defs",null,[e.createVNode("polygon",{id:"path-s",points:"6.53553391 9.77817459 12.1923882 4.12132034 13.6066017 5.53553391 6.53553391 12.6066017 3 9.07106781 4.41421356 7.65685425 6.53553391 9.77817459"},null)]),e.createVNode("g",{id:"correct",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("mask",{id:"mask-2",fill:"white"},[e.createVNode("use",y,null)]),e.createVNode("use",e.mergeProps({id:"Mask",class:h.e("image-success-path")},y),null)])])}function E(){return e.createVNode("svg",e.mergeProps({width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},V),[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:h.e("warning-outer"),d:`M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117
+(function(d,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis!="undefined"?globalThis:d||self,e(d.index={},d.Vue))})(this,function(d,e){"use strict";const v={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},type:{type:String,default:"normal"},duration:{type:Number,default:3e3},onClose:{type:Function}},k={name:{type:String,default:""},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},b={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function h(n,t,o){let i=n;return t&&(i+=`__${t}`),o&&(i+=`--${o}`),i}function m(n,t=!1){const o=t?`.devui-${n}`:`devui-${n}`;return{b:()=>h(o),e:l=>l?h(o,l):"",m:l=>l?h(o,"",l):"",em:(l,a)=>l&&a?h(o,l,a):""}}var O="",L=e.defineComponent({name:"DSvgIcon",props:b,setup(n){const{name:t,color:o,size:i}=e.toRefs(n),s=m("svg-icon"),c=e.computed(()=>`#icon-${t.value}`),r=e.computed(()=>typeof i.value=="number"?`${i.value}px`:i.value),l={width:r.value,height:r.value};return()=>e.createVNode("svg",{class:s.b(),style:l},[e.createVNode("use",{"xlink:href":c.value,fill:o.value},null)])}});function x(n){return/^((http|https):)?\/\//.test(n)}function I(n,t){const{component:o,name:i,size:s,color:c,classPrefix:r,rotate:l}=e.toRefs(n),a=m("icon"),u=e.computed(()=>typeof s.value=="number"?`${s.value}px`:s.value),p=o.value?e.resolveDynamicComponent(o.value):e.resolveDynamicComponent(L),f=()=>e.createVNode("img",e.mergeProps({src:i.value,alt:i.value.split("/")[i.value.split("/").length-1],class:[(l==null?void 0:l.value)==="infinite"&&a.m("spin")],style:{width:u.value||"",transform:`rotate(${l==null?void 0:l.value}deg)`,verticalAlign:"middle"}},t.attrs),null),w=()=>e.createVNode(p,e.mergeProps({name:i.value,color:c.value,size:u.value,class:[(l==null?void 0:l.value)==="infinite"&&a.m("spin")],style:{transform:`rotate(${l==null?void 0:l.value}deg)`}},t.attrs),null),Z=()=>{const U=/^icon-/.test(i.value)?i.value:`${r.value}-${i.value}`;return e.createVNode("i",e.mergeProps({class:[r.value,U,(l==null?void 0:l.value)==="infinite"&&a.m("spin")],style:{fontSize:u.value,color:c.value,transform:`rotate(${l==null?void 0:l.value}deg)`}},t.attrs),null)};return{iconDom:()=>o.value?w():x(i.value)?f():Z()}}var S=e.defineComponent({name:"DIcon",props:k,emits:["click"],setup(n,t){const{disabled:o,operable:i}=e.toRefs(n),{iconDom:s}=I(n,t),c=m("icon"),r=e.computed(()=>({[c.e("container")]:!0,[c.m("disabled")]:o.value,[c.m("operable")]:i.value,[c.m("no-slots")]:!Object.keys(t.slots).length})),l=a=>{o.value||t.emit("click",a)};return()=>{var a,u,p,f;return e.createVNode("div",{class:r.value,onClick:l},[(u=(a=t.slots).prefix)==null?void 0:u.call(a),s(),(f=(p=t.slots).suffix)==null?void 0:f.call(p)])}}}),q="";e.defineComponent({name:"DIconGroup",setup(n,t){const o=m("icon-group");return()=>{var i,s;return e.createVNode("div",{class:o.b()},[(s=(i=t.slots).default)==null?void 0:s.call(i)])}}});var D=e.defineComponent({emits:["click"],setup(n,{emit:t}){const o=m("notification");return()=>e.createVNode("div",{class:o.e("icon-close"),onClick:i=>t("click",i)},[e.createVNode(S,{name:"close",size:"14px"},null)])}});const g=m("notification"),N={"xmlns:xlink":"http://www.w3.org/1999/xlink"},V={"xlink:href":"#path-s"};function P(){return e.createVNode("svg",e.mergeProps({width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},N),[e.createVNode("defs",null,[e.createVNode("polygon",{id:"path-s",points:"6.53553391 9.77817459 12.1923882 4.12132034 13.6066017 5.53553391 6.53553391 12.6066017 3 9.07106781 4.41421356 7.65685425 6.53553391 9.77817459"},null)]),e.createVNode("g",{id:"correct",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("mask",{id:"mask-2",fill:"white"},[e.createVNode("use",V,null)]),e.createVNode("use",e.mergeProps({id:"Mask",class:g.e("image-success-path")},V),null)])])}function $(){return e.createVNode("svg",e.mergeProps({width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},N),[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:g.e("warning-outer"),d:`M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117
           15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,
           15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873
           0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,
           0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,
-          0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z`},null),e.createVNode("path",{class:h.e("warning-inner"),"stroke-width":"0.3","fill-rule":"nonzero",d:"M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105 L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"},null)])])}function R(){return e.createVNode("svg",e.mergeProps({width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},V),[e.createVNode("g",{id:"info",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:h.e("image-info-path"),d:"M7,13 L7,6 L9,6 L9,13 L7,13 Z M7,5 L7,3 L9,3 L9,5 L7,5 Z",id:"info"},null)])])}function z(){return e.createVNode("svg",e.mergeProps({width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},V),[e.createVNode("defs",null,[e.createVNode("polygon",{id:"path-e",points:`8.07106781 6.65685425 10.8994949 3.82842712 12.3137085 5.24264069 9.48528137 8.07106781 12.3137085
+          0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z`},null),e.createVNode("path",{class:g.e("warning-inner"),"stroke-width":"0.3","fill-rule":"nonzero",d:"M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105 L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"},null)])])}function _(){return e.createVNode("svg",e.mergeProps({width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},N),[e.createVNode("g",{id:"info",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:g.e("image-info-path"),d:"M7,13 L7,6 L9,6 L9,13 L7,13 Z M7,5 L7,3 L9,3 L9,5 L7,5 Z",id:"info"},null)])])}function M(){return e.createVNode("svg",e.mergeProps({width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},N),[e.createVNode("defs",null,[e.createVNode("polygon",{id:"path-e",points:`8.07106781 6.65685425 10.8994949 3.82842712 12.3137085 5.24264069 9.48528137 8.07106781 12.3137085
           10.8994949 10.8994949 12.3137085 8.07106781 9.48528137 5.24264069 12.3137085 3.82842712 10.8994949 6.65685425
-          8.07106781 3.82842712 5.24264069 5.24264069 3.82842712`},null)]),e.createVNode("g",{id:"error",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("mask",{id:"mask-2",fill:"white"},[e.createVNode("use",y,null)]),e.createVNode("use",e.mergeProps({id:"Mask",class:h.e("image-error-path")},y),null)])])}var B=e.defineComponent({props:{type:{type:String,default:"normal"}},setup(n){const{type:t}=e.toRefs(n),o=p("notification"),i=e.computed(()=>({[o.e("image")]:!0,[o.em("image",t.value)]:!0}));return()=>e.createVNode("span",{class:i.value},[t.value&&t.value!=="normal"&&(t.value==="success"&&e.createVNode(T,null,null)||t.value==="info"&&e.createVNode(R,null,null)||t.value==="warning"&&e.createVNode(E,null,null)||t.value==="error"&&e.createVNode(z,null,null))])}});function j(n){return{classes:e.computed(()=>({"devui-notification-item-container":!0,[`devui-notification-message-${n.type}`]:!0}))}}function A(n,t){let o=null,i;const s=()=>{var a;o&&clearTimeout(o),o=null,(a=n.onClose)==null||a.call(n),t("update:modelValue",!1)},r=()=>{o&&n.duration&&(clearTimeout(o),o=null)},u=()=>{if(n.modelValue&&n.duration){const a=n.duration-(Date.now()-i);o=setTimeout(s,a)}},l=()=>{t("destroy")};return e.watch(()=>n.modelValue,a=>{a&&(i=Date.now(),n.duration&&(o=setTimeout(s,n.duration)))}),{interrupt:r,removeReset:u,close:s,handleDestroy:l}}var ne="",w=e.defineComponent({name:"DNotification",props:d,emits:["update:modelValue","destroy"],setup(n,{emit:t,slots:o}){const{modelValue:i,title:s,type:r}=e.toRefs(n),{classes:u}=j(n),{interrupt:l,removeReset:a,close:f,handleDestroy:g}=A(n,t),m=p("notification");return()=>e.createVNode(e.Transition,{name:"notification-fade",onAfterLeave:g},{default:()=>{var v;return[i.value&&e.createVNode("div",{class:m.b(),onClick:e.withModifiers(()=>({}),["stop"]),onPointerup:e.withModifiers(()=>({}),["stop"])},[e.createVNode("div",{class:u.value,onMouseenter:l,onMouseleave:a},[e.createVNode("div",{class:m.e("item")},[e.createVNode(M,{onClick:f},null),s.value&&e.createVNode(B,{type:r.value},null),e.createVNode("div",{class:m.e("message")},[e.createVNode("span",{class:m.e("title")},[s.value]),e.createVNode("span",{class:m.e("content")},[(v=o.default)==null?void 0:v.call(o)])])])])])]}})}});function F(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const Z={modelValue:!1,duration:3e3,type:"normal"};function U(n,t){const o=document.createElement("div");o.classList.add("notification__warpper");const i=document.body.lastElementChild;let s=50;if(i==null?void 0:i.classList.contains("notification__warpper")){const l=i.lastElementChild.getBoundingClientRect(),a=l.height,f=l.top;s=a+f}const r=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(w,e.mergeProps(n,{onDestroy:r.unmount,style:[`top: ${s}px`]}),F(t)?t:{default:()=>[t]})}});return document.body.appendChild(o),r.mount(o),r}function X(n,t){n.modelValue=!1,t==null||t()}class k{static open(t){const o=t.onClose||null,i=t.content;delete t.content;const s=e.reactive(x(C(C({},Z),t),{onClose:()=>{X(s,o)}}));U(s,i),s.modelValue=!0}}var O={title:"Notification \u5168\u5C40\u901A\u77E5",category:"\u53CD\u9988",status:"100%",install(n){n.component(w.name,w),n.config.globalProperties.$notificationService=k}};c.Notification=w,c.NotificationService=k,c.default=O,c.notificationProps=d,Object.defineProperty(c,"__esModule",{value:!0}),c[Symbol.toStringTag]="Module"});
+          8.07106781 3.82842712 5.24264069 5.24264069 3.82842712`},null)]),e.createVNode("g",{id:"error",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("mask",{id:"mask-2",fill:"white"},[e.createVNode("use",V,null)]),e.createVNode("use",e.mergeProps({id:"Mask",class:g.e("image-error-path")},V),null)])])}var T=e.defineComponent({props:{type:{type:String,default:"normal"}},setup(n){const{type:t}=e.toRefs(n),o=m("notification"),i=e.computed(()=>({[o.e("image")]:!0,[o.em("image",t.value)]:!0}));return()=>e.createVNode("span",{class:i.value},[t.value&&t.value!=="normal"&&(t.value==="success"&&e.createVNode(P,null,null)||t.value==="info"&&e.createVNode(_,null,null)||t.value==="warning"&&e.createVNode($,null,null)||t.value==="error"&&e.createVNode(M,null,null))])}});function E(n){return{classes:e.computed(()=>({"devui-notification-item-container":!0,[`devui-notification-message-${n.type}`]:!0}))}}function R(n,t){let o=null,i;const s=()=>{var a;o&&clearTimeout(o),o=null,(a=n.onClose)==null||a.call(n),t("update:modelValue",!1)},c=()=>{o&&n.duration&&(clearTimeout(o),o=null)},r=()=>{if(n.modelValue&&n.duration){const a=n.duration-(Date.now()-i);o=setTimeout(s,a)}},l=()=>{t("destroy")};return e.watch(()=>n.modelValue,a=>{a&&(i=Date.now(),n.duration&&(o=setTimeout(s,n.duration)))}),{interrupt:c,removeReset:r,close:s,handleDestroy:l}}var G="",y=e.defineComponent({name:"DNotification",props:v,emits:["update:modelValue","destroy"],setup(n,{emit:t,slots:o}){const{modelValue:i,title:s,type:c}=e.toRefs(n),{classes:r}=E(n),{interrupt:l,removeReset:a,close:u,handleDestroy:p}=R(n,t),f=m("notification");return()=>e.createVNode(e.Transition,{name:"notification-fade",onAfterLeave:p},{default:()=>{var w;return[i.value&&e.createVNode("div",{class:f.b(),onClick:e.withModifiers(()=>({}),["stop"]),onPointerup:e.withModifiers(()=>({}),["stop"])},[e.createVNode("div",{class:r.value,onMouseenter:l,onMouseleave:a},[e.createVNode("div",{class:f.e("item")},[e.createVNode(D,{onClick:u},null),s.value&&e.createVNode(T,{type:c.value},null),e.createVNode("div",{class:f.e("message")},[e.createVNode("span",{class:f.e("title")},[s.value]),e.createVNode("span",{class:f.e("content")},[(w=o.default)==null?void 0:w.call(o)])])])])])]}})}});function z(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const B={modelValue:!1,duration:3e3,type:"normal"};function j(n,t){const o=document.createElement("div");o.classList.add("notification__warpper");const i=document.body.lastElementChild;let s=50;if(i!=null&&i.classList.contains("notification__warpper")){const l=i.lastElementChild.getBoundingClientRect(),a=l.height,u=l.top;s=a+u}const c=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(y,e.mergeProps(n,{onDestroy:c.unmount,style:[`top: ${s}px`]}),z(t)?t:{default:()=>[t]})}});return document.body.appendChild(o),c.mount(o),c}function A(n,t){n.modelValue=!1,t==null||t()}class C{static open(t){const o=t.onClose||null,i=t.content;delete t.content;const s=e.reactive({...B,...t,onClose:()=>{A(s,o)}});j(s,i),s.modelValue=!0}}var F={title:"Notification \u5168\u5C40\u901A\u77E5",category:"\u53CD\u9988",status:"100%",install(n){n.component(y.name,y),n.config.globalProperties.$notificationService=C}};d.Notification=y,d.NotificationService=C,d.default=F,d.notificationProps=v,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/overlay/index.es.js

@@ -1,4 +1,4 @@
-import { watch, onUnmounted, defineComponent, toRefs, createVNode, Transition, mergeProps, ref, computed, unref, nextTick, withModifiers } from "vue";
+import { watch, onUnmounted, defineComponent, toRefs, createVNode, Transition, mergeProps, ref, computed, nextTick, unref, withModifiers } from "vue";
 import { offset, flip, arrow, computePosition } from "@floating-ui/dom";
 const fixedOverlayProps = {
   modelValue: {
@@ -45,13 +45,16 @@ function useFixedOverlay(props, ctx) {
   const removeBodyAdditions = () => {
     lockScrollCb == null ? void 0 : lockScrollCb();
   };
-  watch(() => props.modelValue, (val) => {
-    if (val) {
-      props.lockScroll && (lockScrollCb = lockScroll());
-    } else {
-      removeBodyAdditions();
+  watch(
+    () => props.modelValue,
+    (val) => {
+      if (val) {
+        props.lockScroll && (lockScrollCb = lockScroll());
+      } else {
+        removeBodyAdditions();
+      }
     }
-  });
+  );
   onUnmounted(removeBodyAdditions);
   return { onClick };
 }
@@ -242,18 +245,21 @@ function useOverlay(props, emit) {
     const originEl = (_b = (_a = props.origin) == null ? void 0 : _a.$el) != null ? _b : props.origin;
     originEl && (originObserver == null ? void 0 : originObserver.unobserve(originEl));
   };
-  watch(() => props.modelValue, () => {
-    if (props.modelValue && props.origin) {
-      nextTick(updatePosition);
-      window.addEventListener("scroll", scrollCallback, true);
-      window.addEventListener("resize", updatePosition);
-      observeOrigin();
-    } else {
-      window.removeEventListener("scroll", scrollCallback, true);
-      window.removeEventListener("resize", updatePosition);
-      unobserveOrigin();
+  watch(
+    () => props.modelValue,
+    () => {
+      if (props.modelValue && props.origin) {
+        nextTick(updatePosition);
+        window.addEventListener("scroll", scrollCallback, true);
+        window.addEventListener("resize", updatePosition);
+        observeOrigin();
+      } else {
+        window.removeEventListener("scroll", scrollCallback, true);
+        window.removeEventListener("resize", updatePosition);
+        unobserveOrigin();
+      }
     }
-  });
+  );
   onUnmounted(() => {
     window.removeEventListener("scroll", scrollCallback, true);
     window.removeEventListener("resize", updatePosition);

package/overlay/index.umd.js

@@ -1 +1 @@
-(function(d,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom"],t):(d=typeof globalThis!="undefined"?globalThis:d||self,t(d.index={},d.Vue,d.dom))})(this,function(d,t,h){"use strict";const C={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function R(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const e=document.documentElement.scrollTop,n=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${e}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{n?document.documentElement.setAttribute("style",n):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=e}}}function F(e,n){let o;const r=l=>{l.preventDefault(),n.emit("click",l),e.closeOnClickOverlay&&n.emit("update:modelValue",!1)},s=()=>{o==null||o()};return t.watch(()=>e.modelValue,l=>{l?e.lockScroll&&(o=R()):s()}),t.onUnmounted(s),{onClick:r}}function p(e,n,o){let r=e;return n&&(r+=`__${n}`),o&&(r+=`--${o}`),r}function P(e,n=!1){const o=n?`.devui-${e}`:`devui-${e}`;return{b:()=>p(o),e:a=>a?p(o,a):"",m:a=>a?p(o,"",a):"",em:(a,m)=>a&&m?p(o,a,m):""}}var q="";const b=t.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:C,emits:["update:modelValue","click"],setup(e,n){const{modelValue:o}=t.toRefs(e),r=P("fixed-overlay"),{onClick:s}=F(e,n);return()=>t.createVNode(t.Transition,{name:r.m("fade")},{default:()=>{var l,f;return[o.value&&t.createVNode("div",t.mergeProps({class:r.b()},n.attrs,{onClick:s}),[(f=(l=n.slots).default)==null?void 0:f.call(l)])]}})}}),k={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},shiftOffset:{type:Number},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0},clickEventBubble:{type:Boolean,default:!1},fitOriginWidth:{type:Boolean,default:!1}};function T(e,n,o,r){let{x:s,y:l}=n;if(!e){const{width:f,height:a}=r;s&&o.includes("start")&&(s=12),s&&o.includes("end")&&(s=Math.round(f-24)),l&&o.includes("start")&&(l=10),l&&o.includes("end")&&(l=a-14)}return{x:s,y:l}}function j(e,n){const{fitOriginWidth:o,position:r,showArrow:s}=t.toRefs(e),l=t.ref(),f=t.ref(),a=t.ref(0);let m;const E=t.computed(()=>o.value?{width:a.value+"px"}:{}),x=(c,i,u,w)=>{const{x:g,y:v}=T(e.isArrowCenter,u,i,w.getBoundingClientRect()),B={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];Object.assign(c.style,{left:g?`${g}px`:"",top:v?`${v}px`:"",right:"",bottom:"",[B]:"-4px"})},y=async()=>{const c=e.origin,i=t.unref(l.value),u=t.unref(f.value),[w,...g]=r.value,v=[h.offset(e.offset)];v.push(g.length?h.flip({fallbackPlacements:g}):h.flip()),s.value&&v.push(h.arrow({element:f.value}));const{x:B,y:M,placement:$,middlewareData:D}=await h.computePosition(c,i,{strategy:"fixed",placement:w,middleware:v});let W=B,_=M;n("positionChange",$),Object.assign(i.style,{top:`${_}px`,left:`${W}px`}),e.showArrow&&x(u,$,D.arrow,i)},A=c=>{var u,w;const i=c.target;(i==null?void 0:i.contains((w=(u=e.origin)==null?void 0:u.$el)!=null?w:e.origin))&&y()},S=c=>{a.value=c.getBoundingClientRect().width,y()},z=()=>{var c,i;if(o.value&&typeof window!="undefined"){const u=(i=(c=e.origin)==null?void 0:c.$el)!=null?i:e.origin;u&&(m=new window.ResizeObserver(()=>S(u)),m.observe(u))}},V=()=>{var i,u;const c=(u=(i=e.origin)==null?void 0:i.$el)!=null?u:e.origin;c&&(m==null||m.unobserve(c))};return t.watch(()=>e.modelValue,()=>{e.modelValue&&e.origin?(t.nextTick(y),window.addEventListener("scroll",A,!0),window.addEventListener("resize",y),z()):(window.removeEventListener("scroll",A,!0),window.removeEventListener("resize",y),V())}),t.onUnmounted(()=>{window.removeEventListener("scroll",A,!0),window.removeEventListener("resize",y),V()}),{arrowRef:f,overlayRef:l,styles:E,updatePosition:y}}var H="";const O=t.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:k,emits:["update:modelValue","positionChange"],setup(e,{slots:n,attrs:o,emit:r,expose:s}){const l=P("flexible-overlay"),{clickEventBubble:f}=t.toRefs(e),{arrowRef:a,overlayRef:m,styles:E,updatePosition:x}=j(e,r);return s({updatePosition:x}),()=>{var y;return e.modelValue&&t.createVNode("div",t.mergeProps({ref:m,class:l.b(),style:E.value},o,{onClick:t.withModifiers(()=>({}),[f.value?"":"stop"]),onPointerup:t.withModifiers(()=>({}),["stop"])}),[(y=n.default)==null?void 0:y.call(n),e.showArrow&&t.createVNode("div",{ref:a,class:l.e("arrow")},null)])}}}),N=typeof window!="undefined";var L={title:"Overlay \u906E\u7F69\u5C42",category:"\u901A\u7528",status:"100%",install(e){if(e.component(b.name,b),e.component(O.name,O),N&&!document.getElementById("d-overlay-anchor")){const n=document.createElement("div");n.setAttribute("id","d-overlay-anchor"),n.style.position="fixed",n.style.left="0",n.style.top="0",n.style.zIndex="1000",document.body.appendChild(n)}}};d.FixedOverlay=b,d.FlexibleOverlay=O,d.default=L,d.fixedOverlayProps=C,d.flexibleOverlayProps=k,Object.defineProperty(d,"__esModule",{value:!0}),d[Symbol.toStringTag]="Module"});
+(function(u,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom"],t):(u=typeof globalThis!="undefined"?globalThis:u||self,t(u.index={},u.Vue,u.dom))})(this,function(u,t,h){"use strict";const C={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function R(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const e=document.documentElement.scrollTop,n=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${e}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{n?document.documentElement.setAttribute("style",n):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=e}}}function F(e,n){let o;const r=l=>{l.preventDefault(),n.emit("click",l),e.closeOnClickOverlay&&n.emit("update:modelValue",!1)},s=()=>{o==null||o()};return t.watch(()=>e.modelValue,l=>{l?e.lockScroll&&(o=R()):s()}),t.onUnmounted(s),{onClick:r}}function p(e,n,o){let r=e;return n&&(r+=`__${n}`),o&&(r+=`--${o}`),r}function P(e,n=!1){const o=n?`.devui-${e}`:`devui-${e}`;return{b:()=>p(o),e:a=>a?p(o,a):"",m:a=>a?p(o,"",a):"",em:(a,m)=>a&&m?p(o,a,m):""}}var q="";const b=t.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:C,emits:["update:modelValue","click"],setup(e,n){const{modelValue:o}=t.toRefs(e),r=P("fixed-overlay"),{onClick:s}=F(e,n);return()=>t.createVNode(t.Transition,{name:r.m("fade")},{default:()=>{var l,f;return[o.value&&t.createVNode("div",t.mergeProps({class:r.b()},n.attrs,{onClick:s}),[(f=(l=n.slots).default)==null?void 0:f.call(l)])]}})}}),k={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},shiftOffset:{type:Number},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0},clickEventBubble:{type:Boolean,default:!1},fitOriginWidth:{type:Boolean,default:!1}};function T(e,n,o,r){let{x:s,y:l}=n;if(!e){const{width:f,height:a}=r;s&&o.includes("start")&&(s=12),s&&o.includes("end")&&(s=Math.round(f-24)),l&&o.includes("start")&&(l=10),l&&o.includes("end")&&(l=a-14)}return{x:s,y:l}}function j(e,n){const{fitOriginWidth:o,position:r,showArrow:s}=t.toRefs(e),l=t.ref(),f=t.ref(),a=t.ref(0);let m;const x=t.computed(()=>o.value?{width:a.value+"px"}:{}),E=(d,i,c,w)=>{const{x:g,y:v}=T(e.isArrowCenter,c,i,w.getBoundingClientRect()),B={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];Object.assign(d.style,{left:g?`${g}px`:"",top:v?`${v}px`:"",right:"",bottom:"",[B]:"-4px"})},y=async()=>{const d=e.origin,i=t.unref(l.value),c=t.unref(f.value),[w,...g]=r.value,v=[h.offset(e.offset)];v.push(g.length?h.flip({fallbackPlacements:g}):h.flip()),s.value&&v.push(h.arrow({element:f.value}));const{x:B,y:M,placement:$,middlewareData:D}=await h.computePosition(d,i,{strategy:"fixed",placement:w,middleware:v});let W=B,_=M;n("positionChange",$),Object.assign(i.style,{top:`${_}px`,left:`${W}px`}),e.showArrow&&E(c,$,D.arrow,i)},A=d=>{var c,w;const i=d.target;i!=null&&i.contains((w=(c=e.origin)==null?void 0:c.$el)!=null?w:e.origin)&&y()},S=d=>{a.value=d.getBoundingClientRect().width,y()},z=()=>{var d,i;if(o.value&&typeof window!="undefined"){const c=(i=(d=e.origin)==null?void 0:d.$el)!=null?i:e.origin;c&&(m=new window.ResizeObserver(()=>S(c)),m.observe(c))}},V=()=>{var i,c;const d=(c=(i=e.origin)==null?void 0:i.$el)!=null?c:e.origin;d&&(m==null||m.unobserve(d))};return t.watch(()=>e.modelValue,()=>{e.modelValue&&e.origin?(t.nextTick(y),window.addEventListener("scroll",A,!0),window.addEventListener("resize",y),z()):(window.removeEventListener("scroll",A,!0),window.removeEventListener("resize",y),V())}),t.onUnmounted(()=>{window.removeEventListener("scroll",A,!0),window.removeEventListener("resize",y),V()}),{arrowRef:f,overlayRef:l,styles:x,updatePosition:y}}var H="";const O=t.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:k,emits:["update:modelValue","positionChange"],setup(e,{slots:n,attrs:o,emit:r,expose:s}){const l=P("flexible-overlay"),{clickEventBubble:f}=t.toRefs(e),{arrowRef:a,overlayRef:m,styles:x,updatePosition:E}=j(e,r);return s({updatePosition:E}),()=>{var y;return e.modelValue&&t.createVNode("div",t.mergeProps({ref:m,class:l.b(),style:x.value},o,{onClick:t.withModifiers(()=>({}),[f.value?"":"stop"]),onPointerup:t.withModifiers(()=>({}),["stop"])}),[(y=n.default)==null?void 0:y.call(n),e.showArrow&&t.createVNode("div",{ref:a,class:l.e("arrow")},null)])}}}),N=typeof window!="undefined";var L={title:"Overlay \u906E\u7F69\u5C42",category:"\u901A\u7528",status:"100%",install(e){if(e.component(b.name,b),e.component(O.name,O),N&&!document.getElementById("d-overlay-anchor")){const n=document.createElement("div");n.setAttribute("id","d-overlay-anchor"),n.style.position="fixed",n.style.left="0",n.style.top="0",n.style.zIndex="1000",document.body.appendChild(n)}}};u.FixedOverlay=b,u.FlexibleOverlay=O,u.default=L,u.fixedOverlayProps=C,u.flexibleOverlayProps=k,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-devui",
-  "version": "1.6.17",
+  "version": "1.6.19",
   "license": "MIT",
   "description": "DevUI components based on Vite and Vue3",
   "keywords": [