vue-devui 1.6.18 → 1.6.20

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.18",
+  "version": "1.6.20",
   "license": "MIT",
   "description": "DevUI components based on Vite and Vue3",
   "keywords": [