vue-devui 1.0.0-rc.3 → 1.0.0-rc.4

package/button/index.umd.js

@@ -1 +1 @@
-var R=Object.defineProperty;var A=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var y=(i,t,s)=>t in i?R(i,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[t]=s,f=(i,t)=>{for(var s in t||(t={}))_.call(t,s)&&y(i,s,t[s]);if(A)for(var s of A(t))I.call(t,s)&&y(i,s,t[s]);return i};var c=(i,t,s)=>(y(i,typeof t!="symbol"?t+"":t,s),s);(function(i,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(i=typeof globalThis!="undefined"?globalThis:i||self,t(i.index={},i.Vue))})(this,function(i,t){"use strict";const s={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var C=t.defineComponent({name:"DIcon",props:s,setup(e){const{name:n,size:o,color:a,classPrefix:r}=t.toRefs(e);return()=>/^((https?):)?\/\//.test(n.value)?t.createVNode("img",{src:n.value,alt:n.value.split("/")[n.value.split("/").length-1],style:{width:o.value,verticalAlign:"text-bottom"}},null):t.createVNode("i",{class:`${r.value} ${r.value}-${n.value}`,style:{fontSize:o.value,color:a.value}},null)}});class b{constructor(){c(this,"top","50%");c(this,"left","50%")}}const z={message:String,backdrop:Boolean,view:{type:Object,default:()=>new b},zIndex:Number,isFull:{type:Boolean,default:!1}};class T{constructor(){c(this,"target");c(this,"message");c(this,"loadingTemplateRef");c(this,"backdrop",!0);c(this,"positionType","relative");c(this,"view",new b);c(this,"zIndex")}}var q="",B=t.defineComponent({name:"DLoading",inheritAttrs:!1,props:z,setup(e){const n={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(n.background="none");const o=t.ref(!1);return{style:n,isShow:o,open:()=>{o.value=!0},close:()=>{o.value=!1}}},render(){var d;const{isShow:e,isFull:n,backdrop:o,style:a,message:r,$slots:l}=this;return e&&t.createVNode("div",{class:["devui-loading-contanier",n?"devui-loading--full":""]},[((d=l.default)==null?void 0:d.call(l))||t.createVNode("div",{class:"devui-loading-wrapper"},[o?t.createVNode("div",{class:"devui-loading-mask"},null):null,t.createVNode("div",{style:a,class:"devui-loading-area"},[t.createVNode("div",{class:"devui-busy-default-spinner"},[t.createVNode("div",{class:"devui-loading-bar1"},null),t.createVNode("div",{class:"devui-loading-bar2"},null),t.createVNode("div",{class:"devui-loading-bar3"},null),t.createVNode("div",{class:"devui-loading-bar4"},null)]),r?t.createVNode("span",{class:"devui-loading-text"},[r]):null])])])}});const h=Symbol("dev_component_container");function L(e,n,o=null){const a=t.h(e,f({},n),o),r=document.createElement("div");return a[h]=r,t.render(a,r),a.component}function O(e){t.render(null,e==null?void 0:e.vnode[h])}const $=t.defineComponent(B),u=new WeakSet,v=e=>{if(!e)return!0;if(Array.isArray(e))return e.length===0;if(e instanceof Set||e instanceof Map)return e.size===0;if(e instanceof Promise)return!1;if(typeof e=="object")try{return Object.keys(e).length===0}catch{return!1}return!1},w=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),E=e=>{switch(w(e)){case"promise":return[e];case"array":return e.some(o=>w(o)!=="promise")?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):e;default:return!1}},N=e=>{u.delete(e),e.instance.proxy.close(),O(e.instance)},S=(e,n)=>{if(n.value){const o=E(n.value);if(o==="error")return;e.instance.proxy.open(),e.appendChild(e.mask),u.add(e),o&&Promise.all(o).catch(a=>{console.error(new Error("Promise handling errors"),a)}).finally(()=>{N(e)})}else N(e)},V=e=>{e.removeAttribute("zindex"),e.removeAttribute("positiontype"),e.removeAttribute("backdrop"),e.removeAttribute("message"),e.removeAttribute("view"),e.removeAttribute("loadingtemplateref")},P=(e,n)=>{var l;const o=f(f({},new T),n),a=o.loadingTemplateRef,r=L($,f({},o),a?()=>a:null);e.style.position=o.positionType,e.options=o,e.instance=r,e.mask=(l=r==null?void 0:r.proxy)==null?void 0:l.$el},M={mounted:function(e,n,o){P(e,o.props),V(e),!v(n.value)&&S(e,n)},updated:function(e,n,o){!v(n.value)&&u.has(e)||v(n.value)&&!u.has(e)||(!u.has(e)&&P(e,o.props),V(e),S(e,n))}},k={variant:{type:String,default:"outline"},size:{type:String,default:"md"},color:{type:String},icon:{type:String,default:""},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}};function j(e,n){const o=t.computed(()=>n.slots.default),r={solid:"primary",outline:"secondary",text:"secondary"}[e.variant],l=t.computed(()=>({"devui-btn":!0,[`devui-btn-${e.variant}`]:!0,[`devui-btn-${e.variant}-${e.color||r}`]:!0,[`devui-btn-${e.size}`]:!0,"devui-btn-icon-wrap":e.icon,"devui-btn-icon":e.icon&&!o.value&&e.variant!=="solid"})),d=t.computed(()=>{if(!e.icon)return;const p="devui-icon-fix icon";return o.value?`${p} clear-right-5`:p});return{classes:l,iconClass:d}}var F="",g=t.defineComponent({name:"DButton",directives:{devLoading:M},props:k,emits:["click"],setup(e,n){const{icon:o,disabled:a,loading:r}=t.toRefs(e),{classes:l,iconClass:d}=j(e,n),p=m=>{r.value||n.emit("click",m)};return()=>{var m,x;return t.withDirectives(t.createVNode("button",{class:l.value,disabled:a.value,onClick:p},[o.value&&t.createVNode(C,{name:o.value,size:"12px",color:"",class:d.value},null),t.createVNode("span",{class:"button-content"},[(x=(m=n.slots).default)==null?void 0:x.call(m)])]),[[t.resolveDirective("dLoading"),r.value]])}}}),D={title:"Button \u6309\u94AE",category:"\u901A\u7528",status:"100%",install(e){e.component(g.name,g)}};i.Button=g,i.buttonProps=k,i.default=D,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});
+var R=Object.defineProperty;var P=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var y=(r,t,s)=>t in r?R(r,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[t]=s,f=(r,t)=>{for(var s in t||(t={}))_.call(t,s)&&y(r,s,t[s]);if(P)for(var s of P(t))I.call(t,s)&&y(r,s,t[s]);return r};var c=(r,t,s)=>(y(r,typeof t!="symbol"?t+"":t,s),s);(function(r,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(r=typeof globalThis!="undefined"?globalThis:r||self,t(r.index={},r.Vue))})(this,function(r,t){"use strict";const s={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var C=t.defineComponent({name:"DIcon",props:s,setup(e){const{name:n,size:o,color:a,classPrefix:i}=t.toRefs(e);return()=>/^((https?):)?\/\//.test(n.value)?t.createVNode("img",{src:n.value,alt:n.value.split("/")[n.value.split("/").length-1],style:{width:o.value,verticalAlign:"text-bottom"}},null):t.createVNode("i",{class:`${i.value} ${i.value}-${n.value}`,style:{fontSize:o.value,color:a.value}},null)}});class b{constructor(){c(this,"top","50%");c(this,"left","50%")}}const z={message:String,backdrop:Boolean,view:{type:Object,default:()=>new b},zIndex:Number,isFull:{type:Boolean,default:!1}};class T{constructor(){c(this,"target");c(this,"message");c(this,"loadingTemplateRef");c(this,"backdrop",!0);c(this,"positionType","relative");c(this,"view",new b);c(this,"zIndex")}}var q="",B=t.defineComponent({name:"DLoading",inheritAttrs:!1,props:z,setup(e){const n={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(n.background="none");const o=t.ref(!1);return{style:n,isShow:o,open:()=>{o.value=!0},close:()=>{o.value=!1}}},render(){var d;const{isShow:e,isFull:n,backdrop:o,style:a,message:i,$slots:l}=this;return e&&t.createVNode("div",{class:["devui-loading-contanier",n?"devui-loading--full":""]},[((d=l.default)==null?void 0:d.call(l))||t.createVNode("div",{class:"devui-loading-wrapper"},[o?t.createVNode("div",{class:"devui-loading-mask"},null):null,t.createVNode("div",{style:a,class:"devui-loading-area"},[t.createVNode("div",{class:"devui-busy-default-spinner"},[t.createVNode("div",{class:"devui-loading-bar1"},null),t.createVNode("div",{class:"devui-loading-bar2"},null),t.createVNode("div",{class:"devui-loading-bar3"},null),t.createVNode("div",{class:"devui-loading-bar4"},null)]),i?t.createVNode("span",{class:"devui-loading-text"},[i]):null])])])}});const h=Symbol("dev_component_container");function O(e,n,o=null){const a=t.h(e,f({},n),o),i=document.createElement("div");return a[h]=i,t.render(a,i),a.component}function L(e){t.render(null,e==null?void 0:e.vnode[h])}const $=t.defineComponent(B),u=new WeakSet,g=e=>{if(!e)return!0;if(Array.isArray(e))return e.length===0;if(e instanceof Set||e instanceof Map)return e.size===0;if(e instanceof Promise)return!1;if(typeof e=="object")try{return Object.keys(e).length===0}catch{return!1}return!1},w=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),E=e=>{switch(w(e)){case"promise":return[e];case"array":return e.some(o=>w(o)!=="promise")?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):e;default:return!1}},N=e=>{u.delete(e),e.instance.proxy.close(),L(e.instance)},S=(e,n)=>{var o,a,i;if(n.value){const l=E(n.value);if(l==="error")return;(i=(a=(o=e==null?void 0:e.instance)==null?void 0:o.proxy)==null?void 0:a.open)==null||i.call(a),e.appendChild(e.mask),u.add(e),l&&Promise.all(l).catch(d=>{console.error(new Error("Promise handling errors"),d)}).finally(()=>{N(e)})}else N(e)},V=e=>{e.removeAttribute("zindex"),e.removeAttribute("positiontype"),e.removeAttribute("backdrop"),e.removeAttribute("message"),e.removeAttribute("view"),e.removeAttribute("loadingtemplateref")},k=(e,n)=>{var l;const o=f(f({},new T),n),a=o.loadingTemplateRef,i=O($,f({},o),a?()=>a:null);e.style.position=o.positionType,e.options=o,e.instance=i,e.mask=(l=i==null?void 0:i.proxy)==null?void 0:l.$el},M={mounted:function(e,n,o){k(e,o.props),V(e),!g(n.value)&&S(e,n)},updated:function(e,n,o){!g(n.value)&&u.has(e)||g(n.value)&&!u.has(e)||(!u.has(e)&&k(e,o.props),V(e),S(e,n))}},x={variant:{type:String,default:"outline"},size:{type:String,default:"md"},color:{type:String},icon:{type:String,default:""},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}};function j(e,n){const o=t.computed(()=>n.slots.default),i={solid:"primary",outline:"secondary",text:"secondary"}[e.variant],l=t.computed(()=>({"devui-btn":!0,[`devui-btn-${e.variant}`]:!0,[`devui-btn-${e.variant}-${e.color||i}`]:!0,[`devui-btn-${e.size}`]:!0,"devui-btn-icon-wrap":e.icon,"devui-btn-icon":e.icon&&!o.value&&e.variant!=="solid"})),d=t.computed(()=>{if(!e.icon)return;const p="devui-icon-fix icon";return o.value?`${p} clear-right-5`:p});return{classes:l,iconClass:d}}var F="",v=t.defineComponent({name:"DButton",directives:{dLoading:M},props:x,emits:["click"],setup(e,n){const{icon:o,disabled:a,loading:i}=t.toRefs(e),{classes:l,iconClass:d}=j(e,n),p=m=>{i.value||n.emit("click",m)};return()=>{var m,A;return t.withDirectives(t.createVNode("button",{class:l.value,disabled:a.value,onClick:p},[o.value&&t.createVNode(C,{name:o.value,size:"12px",color:"",class:d.value},null),t.createVNode("span",{class:"button-content"},[(A=(m=n.slots).default)==null?void 0:A.call(m)])]),[[t.resolveDirective("dLoading"),i.value]])}}}),D={title:"Button \u6309\u94AE",category:"\u901A\u7528",status:"100%",install(e){e.component(v.name,v)}};r.Button=v,r.buttonProps=x,r.default=D,Object.defineProperty(r,"__esModule",{value:!0}),r[Symbol.toStringTag]="Module"});

package/button/style.css

@@ -1 +1 @@
-@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(135deg) scale(1.5)}to{transform:rotate(270deg) scale(1)}}.devui-loading-mask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #adb0b8);opacity:.3}.devui-loading-wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:9999}.devui-loading--hidden{overflow:hidden}.devui-loading-text{margin-left:10px}.devui-loading-area{position:absolute;transform:translate(-50%,-50%);padding:12px 14px;background:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-card, 6px)}.devui-busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-busy-default-spinner .devui-loading-bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-busy-default-spinner .devui-loading-bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-busy-default-spinner .devui-loading-bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-busy-default-spinner .devui-loading-bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-font-size-base{font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:var(--devui-font-size, 12px);font-weight:400;line-height:1.5}.devui-font-size-modal-title{font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:var(--devui-font-size-modal-title, 18px);font-weight:700;line-height:1.5}.devui-font-size-page-title{font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:var(--devui-font-size-page-title, 16px);font-weight:700;line-height:1.5}.devui-font-size-secondary-title{font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:var(--devui-font-size-card-title, 14px);font-weight:700;line-height:1.5}.devui-btn{padding:0 20px;font-size:var(--devui-font-size-md, 12px);height:28px;line-height:1.5;border:none;border-radius:var(--devui-border-radius, 2px);border-width:1px;background-color:transparent}.devui-btn:hover{cursor:pointer}.devui-btn:disabled{cursor:not-allowed}.devui-btn-solid{color:var(--devui-light-text, #ffffff);min-width:64px}.devui-btn-solid-secondary{color:var(--devui-text, #252b3a);background-color:var(--devui-dividing-line, #dfe1e6)}.devui-btn-solid-secondary:hover{opacity:.8}.devui-btn-solid-secondary:focus{opacity:.8}.devui-btn-solid-secondary:active{opacity:.8}.devui-btn-solid-secondary:disabled{opacity:.8}.devui-btn-solid-primary{background-color:var(--devui-primary, #5e7ce0)}.devui-btn-solid-primary:hover{background-color:var(--devui-primary-hover, #7693f5)}.devui-btn-solid-primary:focus{background-color:var(--devui-primary-hover, #7693f5)}.devui-btn-solid-primary:active{background-color:var(--devui-primary-active, #344899)}.devui-btn-solid-primary:disabled{color:var(--devui-light-text, #ffffff);background:var(--devui-primary-disabled, #beccfa);border:none}.devui-btn-solid-danger{background-color:var(--devui-contrast, #c7000b)}.devui-btn-solid-danger:hover{background-color:var(--devui-contrast-hover, #d64a52)}.devui-btn-solid-danger:focus{background-color:var(--devui-contrast-hover, #d64a52)}.devui-btn-solid-danger:active{background-color:var(--devui-contrast-active, #b12220)}.devui-btn-solid-danger:disabled{background-color:var(--devui-contrast-disabled, #ffbcba)}.devui-btn-outline{background-color:var(--devui-block, #ffffff);border-style:solid}.devui-btn-outline-secondary{color:var(--devui-text, #252b3a);border-color:var(--devui-line, #adb0b8)}.devui-btn-outline-secondary:hover{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-btn-outline-secondary:focus{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-btn-outline-secondary:active{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-btn-outline-secondary:disabled{color:var(--devui-disabled-text, #adb0b8);border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-btn-outline-primary{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-btn-outline-primary:hover{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-btn-outline-primary:focus{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-btn-outline-primary:active{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-btn-outline-primary:disabled{opacity:.8}.devui-btn-outline-danger{color:var(--devui-contrast, #c7000b);border-color:var(--devui-contrast, #c7000b)}.devui-btn-outline-danger:hover,.devui-btn-outline-danger:focus,.devui-btn-outline-danger:active,.devui-btn-outline-danger:disabled{opacity:.8}.devui-btn-text{padding:0}.devui-btn-text-secondary{color:var(--devui-text, #252b3a)}.devui-btn-text-secondary:hover{color:var(--devui-list-item-hover-text, #526ecc)}.devui-btn-text-secondary:focus{color:var(--devui-list-item-hover-text, #526ecc)}.devui-btn-text-secondary:active{color:var(--devui-list-item-hover-text, #526ecc)}.devui-btn-text-secondary:disabled{color:var(--devui-disabled-text, #adb0b8)}.devui-btn-text-primary{color:var(--devui-brand-active, #526ecc)}.devui-btn-text-primary:hover{color:var(--devui-brand-active-focus, #344899)}.devui-btn-text-primary:focus{color:var(--devui-brand-active-focus, #344899)}.devui-btn-text-primary:active{color:var(--devui-brand-active-focus, #344899)}.devui-btn-text-primary:disabled{opacity:.8}.devui-btn-text-danger{color:var(--devui-contrast, #c7000b)}.devui-btn-text-danger:hover,.devui-btn-text-danger:focus,.devui-btn-text-danger:active,.devui-btn-text-danger:disabled{opacity:.8}.devui-btn-xs{padding:0 4px;height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:48px}.devui-btn-sm{padding:0 16px;height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:56px}.devui-btn-lg{padding:0 24px;height:32px;font-size:var(--devui-font-size-lg, 14px);min-width:72px}.devui-btn.devui-btn-icon:hover,.devui-btn.devui-btn-icon:focus{border:1px solid var(--devui-list-item-hover-bg, #f2f5fc);background-color:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-btn.devui-btn-icon:disabled{background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-btn:not(:disabled).devui-btn-text.devui-btn-icon-wrap{color:var(--devui-text, #252b3a)}.devui-btn:not(:disabled).devui-btn-text.devui-btn-icon-wrap .devui-icon-fix{color:var(--devui-text-weak, #575d6c)}.devui-btn:not(:disabled).devui-btn-text.devui-btn-icon-wrap:hover{color:var(--devui-list-item-hover-text, #526ecc)}.devui-btn:not(:disabled).devui-btn-text.devui-btn-icon-wrap:hover .devui-icon-fix{color:var(--devui-icon-fill-active, #5e7ce0)}.devui-loading .devui-loading-default-spinner div{background-color:var(--devui-text, #252b3a)}.devui-btn{transition:background-color .2s;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.devui-btn.devui-btn-icon{padding:8px;line-height:1em;border:1px solid transparent}.devui-btn.devui-btn-icon.devui-btn-xs,.devui-btn.devui-btn-icon.devui-btn-sm{padding:4px}.devui-btn.devui-btn-icon.devui-btn-xs,.devui-btn.devui-btn-icon.devui-btn-sm{min-width:24px}.devui-btn.devui-btn-icon.devui-btn-lg{min-width:32px}.devui-btn.devui-btn-icon.devui-btn-lg .icon{font-size:var(--devui-font-size-icon, 16px)}.devui-btn:not(.devui-btn-icon) .icon-fix{font-size:var(--devui-font-size-icon, 16px)}.devui-icon-fix{position:relative;font-size:var(--devui-font-size, 12px)}.button-content{display:inline-block;position:relative}.clear-right-5{margin-right:5px}
+@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(135deg) scale(1.5)}to{transform:rotate(270deg) scale(1)}}.devui-loading-mask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #adb0b8);opacity:.3}.devui-loading-wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:9999}.devui-loading--hidden{overflow:hidden}.devui-loading-text{margin-left:10px}.devui-loading-area{position:absolute;transform:translate(-50%,-50%);padding:12px 14px;background:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-card, 6px)}.devui-busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-busy-default-spinner .devui-loading-bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-busy-default-spinner .devui-loading-bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-busy-default-spinner .devui-loading-bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-busy-default-spinner .devui-loading-bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-btn{padding:0 20px;font-size:var(--devui-font-size-md, 12px);height:28px;line-height:1.5;border:none;border-radius:var(--devui-border-radius, 2px);border-width:1px;background-color:transparent}.devui-btn:hover{cursor:pointer}.devui-btn:disabled{cursor:not-allowed}.devui-btn-solid{color:var(--devui-light-text, #ffffff);min-width:64px}.devui-btn-solid-secondary{color:var(--devui-text, #252b3a);background-color:var(--devui-dividing-line, #dfe1e6)}.devui-btn-solid-secondary:hover{opacity:.8}.devui-btn-solid-secondary:focus{opacity:.8}.devui-btn-solid-secondary:active{opacity:.8}.devui-btn-solid-secondary:disabled{opacity:.8}.devui-btn-solid-primary{background-color:var(--devui-primary, #5e7ce0)}.devui-btn-solid-primary:hover{background-color:var(--devui-primary-hover, #7693f5)}.devui-btn-solid-primary:focus{background-color:var(--devui-primary-hover, #7693f5)}.devui-btn-solid-primary:active{background-color:var(--devui-primary-active, #344899)}.devui-btn-solid-primary:disabled{color:var(--devui-light-text, #ffffff);background:var(--devui-primary-disabled, #beccfa);border:none}.devui-btn-solid-danger{background-color:var(--devui-contrast, #c7000b)}.devui-btn-solid-danger:hover{background-color:var(--devui-contrast-hover, #d64a52)}.devui-btn-solid-danger:focus{background-color:var(--devui-contrast-hover, #d64a52)}.devui-btn-solid-danger:active{background-color:var(--devui-contrast-active, #b12220)}.devui-btn-solid-danger:disabled{background-color:var(--devui-contrast-disabled, #ffbcba)}.devui-btn-outline{background-color:var(--devui-block, #ffffff);border-style:solid}.devui-btn-outline-secondary{color:var(--devui-text, #252b3a);border-color:var(--devui-line, #adb0b8)}.devui-btn-outline-secondary:hover{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-btn-outline-secondary:focus{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-btn-outline-secondary:active{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-btn-outline-secondary:disabled{color:var(--devui-disabled-text, #adb0b8);border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-btn-outline-primary{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-btn-outline-primary:hover{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-btn-outline-primary:focus{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-btn-outline-primary:active{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-btn-outline-primary:disabled{opacity:.8}.devui-btn-outline-danger{color:var(--devui-contrast, #c7000b);border-color:var(--devui-contrast, #c7000b)}.devui-btn-outline-danger:hover,.devui-btn-outline-danger:focus,.devui-btn-outline-danger:active,.devui-btn-outline-danger:disabled{opacity:.8}.devui-btn-text{padding:0}.devui-btn-text-secondary{color:var(--devui-text, #252b3a)}.devui-btn-text-secondary:hover{color:var(--devui-list-item-hover-text, #526ecc)}.devui-btn-text-secondary:focus{color:var(--devui-list-item-hover-text, #526ecc)}.devui-btn-text-secondary:active{color:var(--devui-list-item-hover-text, #526ecc)}.devui-btn-text-secondary:disabled{color:var(--devui-disabled-text, #adb0b8)}.devui-btn-text-primary{color:var(--devui-brand-active, #526ecc)}.devui-btn-text-primary:hover{color:var(--devui-brand-active-focus, #344899)}.devui-btn-text-primary:focus{color:var(--devui-brand-active-focus, #344899)}.devui-btn-text-primary:active{color:var(--devui-brand-active-focus, #344899)}.devui-btn-text-primary:disabled{opacity:.8}.devui-btn-text-danger{color:var(--devui-contrast, #c7000b)}.devui-btn-text-danger:hover,.devui-btn-text-danger:focus,.devui-btn-text-danger:active,.devui-btn-text-danger:disabled{opacity:.8}.devui-btn-xs{padding:0 4px;height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:48px}.devui-btn-sm{padding:0 16px;height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:56px}.devui-btn-lg{padding:0 24px;height:32px;font-size:var(--devui-font-size-lg, 14px);min-width:72px}.devui-btn.devui-btn-icon:hover,.devui-btn.devui-btn-icon:focus{border:1px solid var(--devui-list-item-hover-bg, #f2f5fc);background-color:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-btn.devui-btn-icon:disabled{background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-btn:not(:disabled).devui-btn-text.devui-btn-icon-wrap{color:var(--devui-text, #252b3a)}.devui-btn:not(:disabled).devui-btn-text.devui-btn-icon-wrap .devui-icon-fix{color:var(--devui-text-weak, #575d6c)}.devui-btn:not(:disabled).devui-btn-text.devui-btn-icon-wrap:hover{color:var(--devui-list-item-hover-text, #526ecc)}.devui-btn:not(:disabled).devui-btn-text.devui-btn-icon-wrap:hover .devui-icon-fix{color:var(--devui-icon-fill-active, #5e7ce0)}.devui-loading .devui-loading-default-spinner div{background-color:var(--devui-text, #252b3a)}.devui-btn{transition:background-color .2s;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.devui-btn.devui-btn-icon{padding:8px;line-height:1em;border:1px solid transparent}.devui-btn.devui-btn-icon.devui-btn-xs,.devui-btn.devui-btn-icon.devui-btn-sm{padding:4px}.devui-btn.devui-btn-icon.devui-btn-xs,.devui-btn.devui-btn-icon.devui-btn-sm{min-width:24px}.devui-btn.devui-btn-icon.devui-btn-lg{min-width:32px}.devui-btn.devui-btn-icon.devui-btn-lg .icon{font-size:var(--devui-font-size-icon, 16px)}.devui-btn:not(.devui-btn-icon) .icon-fix{font-size:var(--devui-font-size-icon, 16px)}.devui-icon-fix{position:relative;font-size:var(--devui-font-size, 12px)}.button-content{display:inline-block;position:relative}.clear-right-5{margin-right:5px}

package/comment/index.es.js

@@ -53,9 +53,10 @@ var Comment = defineComponent({
         "src": avatar,
         "alt": "comment-avatar"
       }, null) : avatar]);
+      const actionsList = Array.isArray(actions) ? actions : [actions];
       const actionDom = actions ? createVNode("ul", {
         "class": `devui-comment-actions`
-      }, [getAction(Array.isArray(actions) ? actions : [actions])]) : null;
+      }, [getAction(actionsList)]) : null;
       return createVNode("div", {
         "class": "devui-comment"
       }, [avatarDom, createVNode("div", {

package/comment/index.umd.js

@@ -1 +1 @@
-(function(n,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis!="undefined"?globalThis:n||self,e(n.index={},n.Vue))})(this,function(n,e){"use strict";const o={actions:{type:Object,default:null},author:{type:Object,default:null},avatar:{type:Object,default:null},content:{type:Object,default:null},datetime:{type:Object,default:null}};var T="",i=e.defineComponent({name:"DComment",props:o,emits:[],slots:["actions","author","avatar","content","datetime"],setup(a,{slots:t}){return()=>{var u,r,f,v,l,y,h,V,p,N;const j=m=>!m||!m.length?null:m.map((P,b)=>e.createVNode("li",{key:`devui-comment-action-${b}`,class:`devui-comment-action-${b}`},[P])),c=(r=a.actions)!=null?r:(u=t.actions)==null?void 0:u.call(t),C=(v=a.author)!=null?v:(f=t.author)==null?void 0:f.call(t),d=(y=a.avatar)!=null?y:(l=t.avatar)==null?void 0:l.call(t),O=(V=a.content)!=null?V:(h=t.content)==null?void 0:h.call(t),A=(N=a.datetime)!=null?N:(p=t.datetime)==null?void 0:p.call(t),B=e.createVNode("div",{class:"devui-comment-avatar"},[typeof d=="string"?e.createVNode("img",{src:d,alt:"comment-avatar"},null):d]),D=c?e.createVNode("ul",{class:"devui-comment-actions"},[j(Array.isArray(c)?c:[c])]):null;return e.createVNode("div",{class:"devui-comment"},[B,e.createVNode("div",{class:"devui-comment-right"},[e.createVNode("div",{class:"devui-comment-head"},[e.createVNode("div",{class:"devui-comment-author"},[C]),e.createVNode("div",{class:"devui-comment-datetime"},[A])]),e.createVNode("div",{class:"devui-comment-content"},[O]),D])])}}}),g={title:"Comment \u8BC4\u8BBA",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(a){a.component(i.name,i)}};n.Comment=i,n.commentProps=o,n.default=g,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});
+(function(n,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis!="undefined"?globalThis:n||self,e(n.index={},n.Vue))})(this,function(n,e){"use strict";const m={actions:{type:Object,default:null},author:{type:Object,default:null},avatar:{type:Object,default:null},content:{type:Object,default:null},datetime:{type:Object,default:null}};var P="",i=e.defineComponent({name:"DComment",props:m,emits:[],slots:["actions","author","avatar","content","datetime"],setup(a,{slots:t}){return()=>{var u,r,f,v,l,y,h,V,p,N;const j=d=>!d||!d.length?null:d.map((L,b)=>e.createVNode("li",{key:`devui-comment-action-${b}`,class:`devui-comment-action-${b}`},[L])),c=(r=a.actions)!=null?r:(u=t.actions)==null?void 0:u.call(t),C=(v=a.author)!=null?v:(f=t.author)==null?void 0:f.call(t),o=(y=a.avatar)!=null?y:(l=t.avatar)==null?void 0:l.call(t),O=(V=a.content)!=null?V:(h=t.content)==null?void 0:h.call(t),A=(N=a.datetime)!=null?N:(p=t.datetime)==null?void 0:p.call(t),s=e.createVNode("div",{class:"devui-comment-avatar"},[typeof o=="string"?e.createVNode("img",{src:o,alt:"comment-avatar"},null):o]),B=Array.isArray(c)?c:[c],D=c?e.createVNode("ul",{class:"devui-comment-actions"},[j(B)]):null;return e.createVNode("div",{class:"devui-comment"},[s,e.createVNode("div",{class:"devui-comment-right"},[e.createVNode("div",{class:"devui-comment-head"},[e.createVNode("div",{class:"devui-comment-author"},[C]),e.createVNode("div",{class:"devui-comment-datetime"},[A])]),e.createVNode("div",{class:"devui-comment-content"},[O]),D])])}}}),g={title:"Comment \u8BC4\u8BBA",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(a){a.component(i.name,i)}};n.Comment=i,n.commentProps=m,n.default=g,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});

package/layout/index.es.js

@@ -66,7 +66,9 @@ var Aside = defineComponent({
   }) {
     return () => {
       var _a;
-      return createVNode("div", null, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+      return createVNode("div", {
+        "class": "devui-aside"
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });

package/layout/index.umd.js

@@ -1 +1 @@
-(function(d,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(d=typeof globalThis!="undefined"?globalThis:d||self,n(d.index={},d.Vue))})(this,function(d,n){"use strict";var y="",o=n.defineComponent({name:"DLayout",emits:[],setup(a,{slots:e}){return()=>{var f;const t=(f=e.default)==null?void 0:f.call(e),p=`${t.some(v=>v.name==="DAside")?"devui-layout-aside ":""}devui-layout`;return n.createVNode("div",{class:p},[t])}}}),C="",i=n.defineComponent({name:"DContent",setup(a,{slots:e}){return()=>{var t;return n.createVNode("div",{class:"devui-content"},[(t=e.default)==null?void 0:t.call(e)])}}}),D="",r=n.defineComponent({name:"DHeader",setup(a,{slots:e}){return()=>{var t;return n.createVNode("div",{class:"devui-header"},[(t=e.default)==null?void 0:t.call(e)])}}}),A="",u=n.defineComponent({name:"DFooter",setup(a,{slots:e}){return()=>{var t;return n.createVNode("div",{class:"devui-footer"},[(t=e.default)==null?void 0:t.call(e)])}}}),m=n.defineComponent({name:"DAside",setup(a,{slots:e}){return()=>{var t;return n.createVNode("div",null,[(t=e.default)==null?void 0:t.call(e)])}}}),c={title:"Layout \u5E03\u5C40",category:"\u5E03\u5C40",status:"100%",install(a){a.component(o.name,o),a.component(i.name,i),a.component(r.name,r),a.component(u.name,u),a.component(m.name,m)}};d.Aside=m,d.Content=i,d.Footer=u,d.Header=r,d.Layout=o,d.default=c,Object.defineProperty(d,"__esModule",{value:!0}),d[Symbol.toStringTag]="Module"});
+(function(d,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(d=typeof globalThis!="undefined"?globalThis:d||self,n(d.index={},d.Vue))})(this,function(d,n){"use strict";var y="",i=n.defineComponent({name:"DLayout",emits:[],setup(a,{slots:e}){return()=>{var c;const t=(c=e.default)==null?void 0:c.call(e),p=`${t.some(v=>v.name==="DAside")?"devui-layout-aside ":""}devui-layout`;return n.createVNode("div",{class:p},[t])}}}),C="",o=n.defineComponent({name:"DContent",setup(a,{slots:e}){return()=>{var t;return n.createVNode("div",{class:"devui-content"},[(t=e.default)==null?void 0:t.call(e)])}}}),D="",r=n.defineComponent({name:"DHeader",setup(a,{slots:e}){return()=>{var t;return n.createVNode("div",{class:"devui-header"},[(t=e.default)==null?void 0:t.call(e)])}}}),A="",u=n.defineComponent({name:"DFooter",setup(a,{slots:e}){return()=>{var t;return n.createVNode("div",{class:"devui-footer"},[(t=e.default)==null?void 0:t.call(e)])}}}),m=n.defineComponent({name:"DAside",setup(a,{slots:e}){return()=>{var t;return n.createVNode("div",{class:"devui-aside"},[(t=e.default)==null?void 0:t.call(e)])}}}),f={title:"Layout \u5E03\u5C40",category:"\u5E03\u5C40",status:"100%",install(a){a.component(i.name,i),a.component(o.name,o),a.component(r.name,r),a.component(u.name,u),a.component(m.name,m)}};d.Aside=m,d.Content=o,d.Footer=u,d.Header=r,d.Layout=i,d.default=f,Object.defineProperty(d,"__esModule",{value:!0}),d[Symbol.toStringTag]="Module"});

package/loading/index.es.js

@@ -28,7 +28,7 @@ class View {
     __publicField(this, "left", "50%");
   }
 }
-const componentProps = {
+const loadingProps = {
   message: String,
   backdrop: Boolean,
   view: {
@@ -41,7 +41,7 @@ const componentProps = {
     default: false
   }
 };
-class LoadingProps {
+class LoadingOptions {
   constructor() {
     __publicField(this, "target");
     __publicField(this, "message");
@@ -56,7 +56,7 @@ var loading$1 = "";
 var Loading = defineComponent({
   name: "DLoading",
   inheritAttrs: false,
-  props: componentProps,
+  props: loadingProps,
   setup(props) {
     const style = {
       top: props.view.top,
@@ -128,14 +128,18 @@ function unmountComponent(ComponnetInstance) {
 const loadingConstructor$1 = defineComponent(Loading);
 const cacheInstance = /* @__PURE__ */ new WeakSet();
 const isEmpty = (val) => {
-  if (!val)
+  if (!val) {
     return true;
-  if (Array.isArray(val))
+  }
+  if (Array.isArray(val)) {
     return val.length === 0;
-  if (val instanceof Set || val instanceof Map)
+  }
+  if (val instanceof Set || val instanceof Map) {
     return val.size === 0;
-  if (val instanceof Promise)
+  }
+  if (val instanceof Promise) {
     return false;
+  }
   if (typeof val === "object") {
     try {
       return Object.keys(val).length === 0;
@@ -169,11 +173,13 @@ const unmount = (el) => {
   unmountComponent(el.instance);
 };
 const toggleLoading = (el, binding) => {
+  var _a, _b, _c;
   if (binding.value) {
     const vals = isPromise(binding.value);
-    if (vals === "error")
+    if (vals === "error") {
       return;
-    el.instance.proxy.open();
+    }
+    (_c = (_b = (_a = el == null ? void 0 : el.instance) == null ? void 0 : _a.proxy) == null ? void 0 : _b.open) == null ? void 0 : _c.call(_b);
     el.appendChild(el.mask);
     cacheInstance.add(el);
     if (vals) {
@@ -197,7 +203,7 @@ const removeAttribute = (el) => {
 };
 const handleProps = (el, vprops) => {
   var _a;
-  const props = __spreadValues(__spreadValues({}, new LoadingProps()), vprops);
+  const props = __spreadValues(__spreadValues({}, new LoadingOptions()), vprops);
   const loadingTemplateRef = props.loadingTemplateRef;
   const loadingInstance = createComponent(loadingConstructor$1, __spreadValues({}, props), loadingTemplateRef ? () => loadingTemplateRef : null);
   el.style.position = props.positionType;
@@ -212,8 +218,9 @@ const loadingDirective = {
     !isEmpty(binding.value) && toggleLoading(el, binding);
   },
   updated: function(el, binding, vnode) {
-    if (!isEmpty(binding.value) && cacheInstance.has(el) || isEmpty(binding.value) && !cacheInstance.has(el))
+    if (!isEmpty(binding.value) && cacheInstance.has(el) || isEmpty(binding.value) && !cacheInstance.has(el)) {
       return;
+    }
     !cacheInstance.has(el) && handleProps(el, vnode.props);
     removeAttribute(el);
     toggleLoading(el, binding);
@@ -232,7 +239,7 @@ const loading = {
       parent.style.position = options.positionType;
     }
     const isFull = document.body === parent;
-    options = __spreadValues(__spreadValues({}, new LoadingProps()), options);
+    options = __spreadValues(__spreadValues({}, new LoadingOptions()), options);
     const instance = createComponent(loadingConstructor, __spreadProps(__spreadValues({}, options), {
       isFull
     }), options.loadingTemplateRef ? () => options.loadingTemplateRef : null);
@@ -261,4 +268,4 @@ var index = {
     app.config.globalProperties.$loadingService = loading;
   }
 };
-export { loadingDirective as Loading, loading as LoadingService, index as default };
+export { loadingDirective as Loading, LoadingOptions, loading as LoadingService, index as default, loadingProps };

package/loading/index.umd.js

@@ -1 +1 @@
-var _=Object.defineProperty,D=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var F=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var m=(i,t,s)=>t in i?_(i,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[t]=s,c=(i,t)=>{for(var s in t||(t={}))F.call(t,s)&&m(i,s,t[s]);if(P)for(var s of P(t))I.call(t,s)&&m(i,s,t[s]);return i},L=(i,t)=>D(i,B(t));var d=(i,t,s)=>(m(i,typeof t!="symbol"?t+"":t,s),s);(function(i,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(i=typeof globalThis!="undefined"?globalThis:i||self,t(i.index={},i.Vue))})(this,function(i,t){"use strict";class s{constructor(){d(this,"top","50%");d(this,"left","50%")}}const C={message:String,backdrop:Boolean,view:{type:Object,default:()=>new s},zIndex:Number,isFull:{type:Boolean,default:!1}};class y{constructor(){d(this,"target");d(this,"message");d(this,"loadingTemplateRef");d(this,"backdrop",!0);d(this,"positionType","relative");d(this,"view",new s);d(this,"zIndex")}}var $="",v=t.defineComponent({name:"DLoading",inheritAttrs:!1,props:C,setup(e){const n={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(n.background="none");const r=t.ref(!1);return{style:n,isShow:r,open:()=>{r.value=!0},close:()=>{r.value=!1}}},render(){var p;const{isShow:e,isFull:n,backdrop:r,style:o,message:a,$slots:l}=this;return e&&t.createVNode("div",{class:["devui-loading-contanier",n?"devui-loading--full":""]},[((p=l.default)==null?void 0:p.call(l))||t.createVNode("div",{class:"devui-loading-wrapper"},[r?t.createVNode("div",{class:"devui-loading-mask"},null):null,t.createVNode("div",{style:o,class:"devui-loading-area"},[t.createVNode("div",{class:"devui-busy-default-spinner"},[t.createVNode("div",{class:"devui-loading-bar1"},null),t.createVNode("div",{class:"devui-loading-bar2"},null),t.createVNode("div",{class:"devui-loading-bar3"},null),t.createVNode("div",{class:"devui-loading-bar4"},null)]),a?t.createVNode("span",{class:"devui-loading-text"},[a]):null])])])}});const b=Symbol("dev_component_container");function h(e,n,r=null){const o=t.h(e,c({},n),r),a=document.createElement("div");return o[b]=a,t.render(o,a),o.component}function O(e){t.render(null,e==null?void 0:e.vnode[b])}const j=t.defineComponent(v),u=new WeakSet,g=e=>{if(!e)return!0;if(Array.isArray(e))return e.length===0;if(e instanceof Set||e instanceof Map)return e.size===0;if(e instanceof Promise)return!1;if(typeof e=="object")try{return Object.keys(e).length===0}catch{return!1}return!1},w=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),z=e=>{switch(w(e)){case"promise":return[e];case"array":return e.some(r=>w(r)!=="promise")?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):e;default:return!1}},T=e=>{u.delete(e),e.instance.proxy.close(),O(e.instance)},N=(e,n)=>{if(n.value){const r=z(n.value);if(r==="error")return;e.instance.proxy.open(),e.appendChild(e.mask),u.add(e),r&&Promise.all(r).catch(o=>{console.error(new Error("Promise handling errors"),o)}).finally(()=>{T(e)})}else T(e)},x=e=>{e.removeAttribute("zindex"),e.removeAttribute("positiontype"),e.removeAttribute("backdrop"),e.removeAttribute("message"),e.removeAttribute("view"),e.removeAttribute("loadingtemplateref")},A=(e,n)=>{var l;const r=c(c({},new y),n),o=r.loadingTemplateRef,a=h(j,c({},r),o?()=>o:null);e.style.position=r.positionType,e.options=r,e.instance=a,e.mask=(l=a==null?void 0:a.proxy)==null?void 0:l.$el},S={mounted:function(e,n,r){A(e,r.props),x(e),!g(n.value)&&N(e,n)},updated:function(e,n,r){!g(n.value)&&u.has(e)||g(n.value)&&!u.has(e)||(!u.has(e)&&A(e,r.props),x(e),N(e,n))}},E=t.defineComponent(v),f=new WeakMap,V={open(e={}){var l,p,k;const n=e.target||document.body;if(f.has(n))return f.get(n);n.style&&(n.style.position=e.positionType);const r=document.body===n;e=c(c({},new y),e);const o=h(E,L(c({},e),{isFull:r}),e.loadingTemplateRef?()=>e.loadingTemplateRef:null);f.set(n,o),(l=o==null?void 0:o.proxy)==null||l.open(),n.appendChild((p=o==null?void 0:o.proxy)==null?void 0:p.$el);const a=(k=o==null?void 0:o.proxy)==null?void 0:k.close;return o&&(o.loadingInstance=o==null?void 0:o.proxy,o.loadingInstance&&(o.loadingInstance.close=(...R)=>{f.delete(n),a==null||a(...R)})),o}};var M={title:"Loading \u52A0\u8F7D\u63D0\u793A",category:"\u53CD\u9988",status:"100%",install(e){e.directive("dLoading",S),e.config.globalProperties.$loadingService=V}};i.Loading=S,i.LoadingService=V,i.default=M,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});
+var _=Object.defineProperty,D=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var F=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var y=(r,t,s)=>t in r?_(r,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[t]=s,c=(r,t)=>{for(var s in t||(t={}))F.call(t,s)&&y(r,s,t[s]);if(P)for(var s of P(t))I.call(t,s)&&y(r,s,t[s]);return r},O=(r,t)=>D(r,B(t));var l=(r,t,s)=>(y(r,typeof t!="symbol"?t+"":t,s),s);(function(r,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(r=typeof globalThis!="undefined"?globalThis:r||self,t(r.index={},r.Vue))})(this,function(r,t){"use strict";class s{constructor(){l(this,"top","50%");l(this,"left","50%")}}const v={message:String,backdrop:Boolean,view:{type:Object,default:()=>new s},zIndex:Number,isFull:{type:Boolean,default:!1}};class g{constructor(){l(this,"target");l(this,"message");l(this,"loadingTemplateRef");l(this,"backdrop",!0);l(this,"positionType","relative");l(this,"view",new s);l(this,"zIndex")}}var $="",b=t.defineComponent({name:"DLoading",inheritAttrs:!1,props:v,setup(e){const n={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(n.background="none");const i=t.ref(!1);return{style:n,isShow:i,open:()=>{i.value=!0},close:()=>{i.value=!1}}},render(){var u;const{isShow:e,isFull:n,backdrop:i,style:o,message:a,$slots:d}=this;return e&&t.createVNode("div",{class:["devui-loading-contanier",n?"devui-loading--full":""]},[((u=d.default)==null?void 0:u.call(d))||t.createVNode("div",{class:"devui-loading-wrapper"},[i?t.createVNode("div",{class:"devui-loading-mask"},null):null,t.createVNode("div",{style:o,class:"devui-loading-area"},[t.createVNode("div",{class:"devui-busy-default-spinner"},[t.createVNode("div",{class:"devui-loading-bar1"},null),t.createVNode("div",{class:"devui-loading-bar2"},null),t.createVNode("div",{class:"devui-loading-bar3"},null),t.createVNode("div",{class:"devui-loading-bar4"},null)]),a?t.createVNode("span",{class:"devui-loading-text"},[a]):null])])])}});const h=Symbol("dev_component_container");function w(e,n,i=null){const o=t.h(e,c({},n),i),a=document.createElement("div");return o[h]=a,t.render(o,a),o.component}function C(e){t.render(null,e==null?void 0:e.vnode[h])}const j=t.defineComponent(b),p=new WeakSet,m=e=>{if(!e)return!0;if(Array.isArray(e))return e.length===0;if(e instanceof Set||e instanceof Map)return e.size===0;if(e instanceof Promise)return!1;if(typeof e=="object")try{return Object.keys(e).length===0}catch{return!1}return!1},T=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),z=e=>{switch(T(e)){case"promise":return[e];case"array":return e.some(i=>T(i)!=="promise")?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):e;default:return!1}},N=e=>{p.delete(e),e.instance.proxy.close(),C(e.instance)},A=(e,n)=>{var i,o,a;if(n.value){const d=z(n.value);if(d==="error")return;(a=(o=(i=e==null?void 0:e.instance)==null?void 0:i.proxy)==null?void 0:o.open)==null||a.call(o),e.appendChild(e.mask),p.add(e),d&&Promise.all(d).catch(u=>{console.error(new Error("Promise handling errors"),u)}).finally(()=>{N(e)})}else N(e)},x=e=>{e.removeAttribute("zindex"),e.removeAttribute("positiontype"),e.removeAttribute("backdrop"),e.removeAttribute("message"),e.removeAttribute("view"),e.removeAttribute("loadingtemplateref")},S=(e,n)=>{var d;const i=c(c({},new g),n),o=i.loadingTemplateRef,a=w(j,c({},i),o?()=>o:null);e.style.position=i.positionType,e.options=i,e.instance=a,e.mask=(d=a==null?void 0:a.proxy)==null?void 0:d.$el},V={mounted:function(e,n,i){S(e,i.props),x(e),!m(n.value)&&A(e,n)},updated:function(e,n,i){!m(n.value)&&p.has(e)||m(n.value)&&!p.has(e)||(!p.has(e)&&S(e,i.props),x(e),A(e,n))}},E=t.defineComponent(b),f=new WeakMap,k={open(e={}){var d,u,L;const n=e.target||document.body;if(f.has(n))return f.get(n);n.style&&(n.style.position=e.positionType);const i=document.body===n;e=c(c({},new g),e);const o=w(E,O(c({},e),{isFull:i}),e.loadingTemplateRef?()=>e.loadingTemplateRef:null);f.set(n,o),(d=o==null?void 0:o.proxy)==null||d.open(),n.appendChild((u=o==null?void 0:o.proxy)==null?void 0:u.$el);const a=(L=o==null?void 0:o.proxy)==null?void 0:L.close;return o&&(o.loadingInstance=o==null?void 0:o.proxy,o.loadingInstance&&(o.loadingInstance.close=(...R)=>{f.delete(n),a==null||a(...R)})),o}};var M={title:"Loading \u52A0\u8F7D\u63D0\u793A",category:"\u53CD\u9988",status:"100%",install(e){e.directive("dLoading",V),e.config.globalProperties.$loadingService=k}};r.Loading=V,r.LoadingOptions=g,r.LoadingService=k,r.default=M,r.loadingProps=v,Object.defineProperty(r,"__esModule",{value:!0}),r[Symbol.toStringTag]="Module"});

package/modal/index.es.js

@@ -573,4 +573,4 @@ var index = {
     app.provide(ModalService.token, new ModalService(anchorsContainer));
   }
 };
-export { Modal, index as default };
+export { Modal, index as default, modalProps };

package/modal/index.umd.js

@@ -1 +1 @@
-var J=Object.defineProperty,Q=Object.defineProperties;var W=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var N=(a,e,d)=>e in a?J(a,e,{enumerable:!0,configurable:!0,writable:!0,value:d}):a[e]=d,k=(a,e)=>{for(var d in e||(e={}))M.call(e,d)&&N(a,d,e[d]);if(C)for(var d of C(e))P.call(e,d)&&N(a,d,e[d]);return a},V=(a,e)=>Q(a,W(e));var A=(a,e)=>{var d={};for(var p in a)M.call(a,p)&&e.indexOf(p)<0&&(d[p]=a[p]);if(a!=null&&C)for(var p of C(a))e.indexOf(p)<0&&P.call(a,p)&&(d[p]=a[p]);return d};var j=(a,e,d)=>(N(a,typeof e!="symbol"?e+"":e,d),d);(function(a,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):(a=typeof globalThis!="undefined"?globalThis:a||self,e(a.index={},a.Vue,a.dom))})(this,function(a,e,d){"use strict";const p={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0},beforeClose:{type:Function}},D={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var L=e.defineComponent({name:"DIcon",props:D,setup(o){const{name:t,size:n,color:i,classPrefix:l}=e.toRefs(o);return()=>/^((https?):)?\/\//.test(t.value)?e.createVNode("img",{src:t.value,alt:t.value.split("/")[t.value.split("/").length-1],style:{width:n.value,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${l.value} ${l.value}-${t.value}`,style:{fontSize:n.value,color:i.value}},null)}}),Z="";function R(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!e.isVNode(o)}const T=e.defineComponent({setup(o,t){return()=>{let n;return e.createVNode(e.Teleport,{to:"#d-overlay-anchor"},{default:()=>[e.createVNode(e.Transition,{name:"devui-overlay-fade"},R(n=e.renderSlot(t.slots,"default"))?n:{default:()=>[n]})]})}}}),_=V(k({},{visible:{type:Boolean},backgroundBlock:{type:Boolean,default:!1},backgroundClass:{type:String,default:""},backgroundStyle:{type:[String,Object]},onBackdropClick:{type:Function},backdropClose:{type:Boolean,default:!0},hasBackdrop:{type:Boolean,default:!0}}),{overlayStyle:{type:[String,Object],default:void 0}}),z=["update:visible","backdropClick"];function F(o,t){const n=e.computed(()=>["devui-overlay-background",o.backgroundClass,o.hasBackdrop?"devui-overlay-background__color":"devui-overlay-background__disabled"]),i=e.computed(()=>"devui-overlay"),l=r=>{var c;r.preventDefault(),(c=o.onBackdropClick)==null||c.call(o),o.backdropClose&&t.emit("update:visible",!1)},u=r=>r.cancelBubble=!0;return e.onMounted(()=>{const r=document.body,c=r.style.overflow,s=r.style.position;e.watch([()=>o.visible,()=>o.backgroundBlock],([m,v])=>{if(v){const f=r.getBoundingClientRect().y;m?(r.style.overflowY="scroll",r.style.position=m?"fixed":"",r.style.top=`${f}px`):(r.style.overflowY=c,r.style.position=s,r.style.top="",window.scrollTo(0,-f))}}),e.onUnmounted(()=>{document.body.style.overflow=c})}),{backgroundClass:n,overlayClass:i,handleBackdropClick:l,handleOverlayBubbleCancel:u}}var te="";const $=e.defineComponent({name:"DFixedOverlay",props:_,emits:z,setup(o,t){const{backgroundClass:n,overlayClass:i,handleBackdropClick:l,handleOverlayBubbleCancel:u}=F(o,t);return()=>e.createVNode(T,null,{default:()=>[o.visible&&e.createVNode("div",{class:n.value,style:o.backgroundStyle,onClick:l},[e.createVNode("div",{class:i.value,style:o.overlayStyle,onClick:u},[e.renderSlot(t.slots,"default")])])]})}}),q={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0}};function H(o){const t=/(auto|scroll|hidden)/;for(let n=o;n=n.parentElement;n.parentElement!==document.body){const i=window.getComputedStyle(n);if(t.test(i.overflow+i.overflowX+i.overflowY))return n}return window}function I(o,t,n,i){let{x:l,y:u}=t;if(!o){const{width:r,height:c}=i;l&&n.includes("start")&&(l=12),l&&n.includes("end")&&(l=Math.round(r-24)),u&&n.includes("start")&&(u=10),u&&n.includes("end")&&(u=c-14)}return{x:l,y:u}}function U(o,t){const n=e.ref(),i=e.ref();let l=null;const u=(c,s,m,v)=>{const{x:f,y}=I(o.isArrowCenter,m,s,v.getBoundingClientRect()),b={top:"bottom",right:"left",bottom:"top",left:"right"}[s.split("-")[0]];Object.assign(c.style,{left:f?`${f}px`:"",top:y?`${y}px`:"",right:"",bottom:"",[b]:"-4px"})},r=async()=>{const c=o.origin,s=e.unref(n.value),m=e.unref(i.value),v=[d.shift(),d.offset(o.offset),d.autoPlacement({alignment:o.align,allowedPlacements:o.position})];o.showArrow&&v.push(d.arrow({element:m}));const{x:f,y,placement:b,middlewareData:g}=await d.computePosition(c,s,{strategy:"fixed",middleware:v});t("positionChange",b),Object.assign(s.style,{top:`${y}px`,left:`${f}px`}),o.showArrow&&u(m,b,g.arrow,s)};return e.watch(()=>o.modelValue,()=>{o.modelValue&&o.origin?(l=H(o.origin),e.nextTick(r),l==null||l.addEventListener("scroll",r),l!==window&&window.addEventListener("scroll",r),window.addEventListener("resize",r)):(l==null||l.removeEventListener("scroll",r),l!==window&&window.removeEventListener("scroll",r),window.removeEventListener("resize",r))}),e.onUnmounted(()=>{l==null||l.removeEventListener("scroll",r),l!==window&&window.removeEventListener("scroll",r),window.removeEventListener("resize",r)}),{arrowRef:i,overlayRef:n,updatePosition:r}}var oe="";e.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:q,emits:["update:modelValue","positionChange"],setup(o,{slots:t,attrs:n,emit:i,expose:l}){const{arrowRef:u,overlayRef:r,updatePosition:c}=U(o,i);return l({updatePosition:c}),()=>{var s;return o.modelValue&&e.createVNode("div",e.mergeProps({ref:r,class:"devui-flexible-overlay"},n),[(s=t.default)==null?void 0:s.call(t),o.showArrow&&e.createVNode("div",{ref:u,class:"devui-flexible-overlay-arrow"},null)])}}});const Y=typeof window!="undefined";function K(o,t){function n(){t("update:modelValue",!1)}function i(l){l||(o.beforeClose?o.beforeClose(n):n())}return{handleVisibleChange:i}}var O=e.defineComponent({name:"DModalHeader",setup(o,{slots:t}){return()=>{var n;return e.createVNode("div",{class:"devui-modal-header"},[(n=t.default)==null?void 0:n.call(t)])}}}),x=e.defineComponent({name:"DModalBody",setup(o,{slots:t}){return()=>{var n;return e.createVNode("div",{class:"devui-modal-body"},[(n=t.default)==null?void 0:n.call(t)])}}}),ne="",w=e.defineComponent({name:"DModal",inheritAttrs:!1,props:p,emits:["update:modelValue"],setup(o,{slots:t,attrs:n,emit:i,expose:l}){const{modelValue:u,lockScroll:r,closeOnClickOverlay:c,title:s}=e.toRefs(o),{handleVisibleChange:m}=K(o,i);return l({handleVisibleChange:m}),()=>{const v={visible:u.value,"onUpdate:visible":m,"background-class":"devui-modal-mask","background-block":r.value,"backdrop-close":c.value};return e.createVNode($,v,{default:()=>[e.createVNode(e.Transition,{name:"devui-modal-wipe"},{default:()=>{var f;return[e.createVNode("div",e.mergeProps({class:"devui-modal"},n),[e.createVNode(L,{name:"close",class:"btn-close",size:"var(--devui-font-size-md,12px)",onClick:()=>m(!1)},null),t.header?t.header():s.value&&e.createVNode(O,null,{default:()=>[s.value]}),e.createVNode(x,null,{default:()=>{var y;return[(y=t.default)==null?void 0:y.call(t)]}}),(f=t.footer)==null?void 0:f.call(t)])]}})]})}}}),E=e.defineComponent({name:"DModalFooter",setup(o,{slots:t}){return()=>{var n;return e.createVNode("div",{class:"devui-modal-footer"},[(n=t.default)==null?void 0:n.call(t)])}}});class X{constructor(t){this.anchorContainer=t}renderModal(t,n,i){const l=e.h(this.component(),n,i);return e.render(l,t),l}renderNull(t){setTimeout(()=>{e.render(null,t)},500)}}let h;class B extends X{component(){return w}open(t={}){const n=document.createElement("div");this.anchorContainer.appendChild(n);const v=t,{header:i,content:l,footer:u}=v,r=A(v,["header","content","footer"]),c=(f,y)=>this.renderModal(n,V(k({},f),{modelValue:!0,"onUpdate:modelValue":y}),{header:i,default:l,footer:u}),s=()=>{var y,b,g;const f=S=>{S||s()};c(r,S=>{S?c(r,f):(this.renderModal(n,V(k({},r),{modelValue:!1})),this.renderNull(n))}),(g=(b=(y=h==null?void 0:h.component)==null?void 0:y.exposed)==null?void 0:b.handleVisibleChange)==null||g.call(b,!1)},m=f=>{f||s()};return this.renderModal(n,{modelValue:!1}),h=c(r,m),{hide:s}}}j(B,"token","MODAL_SERVICE_TOKEN");var G={title:"Modal \u5F39\u7A97",category:"\u53CD\u9988",status:"100%",install(o){if(o.component(w.name,w),o.component(O.name,O),o.component(x.name,x),o.component(E.name,E),!Y)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(B.token,new B(t))}};a.Modal=w,a.default=G,Object.defineProperty(a,"__esModule",{value:!0}),a[Symbol.toStringTag]="Module"});
+var J=Object.defineProperty,Q=Object.defineProperties;var W=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var N=(a,e,i)=>e in a?J(a,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):a[e]=i,k=(a,e)=>{for(var i in e||(e={}))M.call(e,i)&&N(a,i,e[i]);if(C)for(var i of C(e))P.call(e,i)&&N(a,i,e[i]);return a},V=(a,e)=>Q(a,W(e));var A=(a,e)=>{var i={};for(var y in a)M.call(a,y)&&e.indexOf(y)<0&&(i[y]=a[y]);if(a!=null&&C)for(var y of C(a))e.indexOf(y)<0&&P.call(a,y)&&(i[y]=a[y]);return i};var j=(a,e,i)=>(N(a,typeof e!="symbol"?e+"":e,i),i);(function(a,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):(a=typeof globalThis!="undefined"?globalThis:a||self,e(a.index={},a.Vue,a.dom))})(this,function(a,e,i){"use strict";const y={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0},beforeClose:{type:Function}},D={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var L=e.defineComponent({name:"DIcon",props:D,setup(o){const{name:t,size:n,color:d,classPrefix:l}=e.toRefs(o);return()=>/^((https?):)?\/\//.test(t.value)?e.createVNode("img",{src:t.value,alt:t.value.split("/")[t.value.split("/").length-1],style:{width:n.value,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${l.value} ${l.value}-${t.value}`,style:{fontSize:n.value,color:d.value}},null)}}),Z="";function R(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!e.isVNode(o)}const T=e.defineComponent({setup(o,t){return()=>{let n;return e.createVNode(e.Teleport,{to:"#d-overlay-anchor"},{default:()=>[e.createVNode(e.Transition,{name:"devui-overlay-fade"},R(n=e.renderSlot(t.slots,"default"))?n:{default:()=>[n]})]})}}}),_=V(k({},{visible:{type:Boolean},backgroundBlock:{type:Boolean,default:!1},backgroundClass:{type:String,default:""},backgroundStyle:{type:[String,Object]},onBackdropClick:{type:Function},backdropClose:{type:Boolean,default:!0},hasBackdrop:{type:Boolean,default:!0}}),{overlayStyle:{type:[String,Object],default:void 0}}),z=["update:visible","backdropClick"];function F(o,t){const n=e.computed(()=>["devui-overlay-background",o.backgroundClass,o.hasBackdrop?"devui-overlay-background__color":"devui-overlay-background__disabled"]),d=e.computed(()=>"devui-overlay"),l=r=>{var c;r.preventDefault(),(c=o.onBackdropClick)==null||c.call(o),o.backdropClose&&t.emit("update:visible",!1)},u=r=>r.cancelBubble=!0;return e.onMounted(()=>{const r=document.body,c=r.style.overflow,s=r.style.position;e.watch([()=>o.visible,()=>o.backgroundBlock],([m,v])=>{if(v){const f=r.getBoundingClientRect().y;m?(r.style.overflowY="scroll",r.style.position=m?"fixed":"",r.style.top=`${f}px`):(r.style.overflowY=c,r.style.position=s,r.style.top="",window.scrollTo(0,-f))}}),e.onUnmounted(()=>{document.body.style.overflow=c})}),{backgroundClass:n,overlayClass:d,handleBackdropClick:l,handleOverlayBubbleCancel:u}}var te="";const $=e.defineComponent({name:"DFixedOverlay",props:_,emits:z,setup(o,t){const{backgroundClass:n,overlayClass:d,handleBackdropClick:l,handleOverlayBubbleCancel:u}=F(o,t);return()=>e.createVNode(T,null,{default:()=>[o.visible&&e.createVNode("div",{class:n.value,style:o.backgroundStyle,onClick:l},[e.createVNode("div",{class:d.value,style:o.overlayStyle,onClick:u},[e.renderSlot(t.slots,"default")])])]})}}),q={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0}};function H(o){const t=/(auto|scroll|hidden)/;for(let n=o;n=n.parentElement;n.parentElement!==document.body){const d=window.getComputedStyle(n);if(t.test(d.overflow+d.overflowX+d.overflowY))return n}return window}function I(o,t,n,d){let{x:l,y:u}=t;if(!o){const{width:r,height:c}=d;l&&n.includes("start")&&(l=12),l&&n.includes("end")&&(l=Math.round(r-24)),u&&n.includes("start")&&(u=10),u&&n.includes("end")&&(u=c-14)}return{x:l,y:u}}function U(o,t){const n=e.ref(),d=e.ref();let l=null;const u=(c,s,m,v)=>{const{x:f,y:p}=I(o.isArrowCenter,m,s,v.getBoundingClientRect()),b={top:"bottom",right:"left",bottom:"top",left:"right"}[s.split("-")[0]];Object.assign(c.style,{left:f?`${f}px`:"",top:p?`${p}px`:"",right:"",bottom:"",[b]:"-4px"})},r=async()=>{const c=o.origin,s=e.unref(n.value),m=e.unref(d.value),v=[i.shift(),i.offset(o.offset),i.autoPlacement({alignment:o.align,allowedPlacements:o.position})];o.showArrow&&v.push(i.arrow({element:m}));const{x:f,y:p,placement:b,middlewareData:g}=await i.computePosition(c,s,{strategy:"fixed",middleware:v});t("positionChange",b),Object.assign(s.style,{top:`${p}px`,left:`${f}px`}),o.showArrow&&u(m,b,g.arrow,s)};return e.watch(()=>o.modelValue,()=>{o.modelValue&&o.origin?(l=H(o.origin),e.nextTick(r),l==null||l.addEventListener("scroll",r),l!==window&&window.addEventListener("scroll",r),window.addEventListener("resize",r)):(l==null||l.removeEventListener("scroll",r),l!==window&&window.removeEventListener("scroll",r),window.removeEventListener("resize",r))}),e.onUnmounted(()=>{l==null||l.removeEventListener("scroll",r),l!==window&&window.removeEventListener("scroll",r),window.removeEventListener("resize",r)}),{arrowRef:d,overlayRef:n,updatePosition:r}}var oe="";e.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:q,emits:["update:modelValue","positionChange"],setup(o,{slots:t,attrs:n,emit:d,expose:l}){const{arrowRef:u,overlayRef:r,updatePosition:c}=U(o,d);return l({updatePosition:c}),()=>{var s;return o.modelValue&&e.createVNode("div",e.mergeProps({ref:r,class:"devui-flexible-overlay"},n),[(s=t.default)==null?void 0:s.call(t),o.showArrow&&e.createVNode("div",{ref:u,class:"devui-flexible-overlay-arrow"},null)])}}});const Y=typeof window!="undefined";function K(o,t){function n(){t("update:modelValue",!1)}function d(l){l||(o.beforeClose?o.beforeClose(n):n())}return{handleVisibleChange:d}}var O=e.defineComponent({name:"DModalHeader",setup(o,{slots:t}){return()=>{var n;return e.createVNode("div",{class:"devui-modal-header"},[(n=t.default)==null?void 0:n.call(t)])}}}),x=e.defineComponent({name:"DModalBody",setup(o,{slots:t}){return()=>{var n;return e.createVNode("div",{class:"devui-modal-body"},[(n=t.default)==null?void 0:n.call(t)])}}}),ne="",w=e.defineComponent({name:"DModal",inheritAttrs:!1,props:y,emits:["update:modelValue"],setup(o,{slots:t,attrs:n,emit:d,expose:l}){const{modelValue:u,lockScroll:r,closeOnClickOverlay:c,title:s}=e.toRefs(o),{handleVisibleChange:m}=K(o,d);return l({handleVisibleChange:m}),()=>{const v={visible:u.value,"onUpdate:visible":m,"background-class":"devui-modal-mask","background-block":r.value,"backdrop-close":c.value};return e.createVNode($,v,{default:()=>[e.createVNode(e.Transition,{name:"devui-modal-wipe"},{default:()=>{var f;return[e.createVNode("div",e.mergeProps({class:"devui-modal"},n),[e.createVNode(L,{name:"close",class:"btn-close",size:"var(--devui-font-size-md,12px)",onClick:()=>m(!1)},null),t.header?t.header():s.value&&e.createVNode(O,null,{default:()=>[s.value]}),e.createVNode(x,null,{default:()=>{var p;return[(p=t.default)==null?void 0:p.call(t)]}}),(f=t.footer)==null?void 0:f.call(t)])]}})]})}}}),E=e.defineComponent({name:"DModalFooter",setup(o,{slots:t}){return()=>{var n;return e.createVNode("div",{class:"devui-modal-footer"},[(n=t.default)==null?void 0:n.call(t)])}}});class X{constructor(t){this.anchorContainer=t}renderModal(t,n,d){const l=e.h(this.component(),n,d);return e.render(l,t),l}renderNull(t){setTimeout(()=>{e.render(null,t)},500)}}let h;class B extends X{component(){return w}open(t={}){const n=document.createElement("div");this.anchorContainer.appendChild(n);const v=t,{header:d,content:l,footer:u}=v,r=A(v,["header","content","footer"]),c=(f,p)=>this.renderModal(n,V(k({},f),{modelValue:!0,"onUpdate:modelValue":p}),{header:d,default:l,footer:u}),s=()=>{var p,b,g;const f=S=>{S||s()};c(r,S=>{S?c(r,f):(this.renderModal(n,V(k({},r),{modelValue:!1})),this.renderNull(n))}),(g=(b=(p=h==null?void 0:h.component)==null?void 0:p.exposed)==null?void 0:b.handleVisibleChange)==null||g.call(b,!1)},m=f=>{f||s()};return this.renderModal(n,{modelValue:!1}),h=c(r,m),{hide:s}}}j(B,"token","MODAL_SERVICE_TOKEN");var G={title:"Modal \u5F39\u7A97",category:"\u53CD\u9988",status:"100%",install(o){if(o.component(w.name,w),o.component(O.name,O),o.component(x.name,x),o.component(E.name,E),!Y)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(B.token,new B(t))}};a.Modal=w,a.default=G,a.modalProps=y,Object.defineProperty(a,"__esModule",{value:!0}),a[Symbol.toStringTag]="Module"});

package/notification/index.es.js

@@ -100,6 +100,105 @@ var Close = defineComponent({
     }, null)]);
   }
 });
+function SuccessIcon() {
+  return createVNode("svg", {
+    "width": "16px",
+    "height": "16px",
+    "viewBox": "0 0 16 16",
+    "version": "1.1",
+    "xmlns": "http://www.w3.org/2000/svg",
+    "xmlns:xlink": "http://www.w3.org/1999/xlink"
+  }, [createVNode("defs", null, [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)]), createVNode("g", {
+    "id": "correct",
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("mask", {
+    "id": "mask-2",
+    "fill": "white"
+  }, [createVNode("use", {
+    "xlink:href": "#path-s"
+  }, null)]), createVNode("use", {
+    "id": "Mask",
+    "class": "devui-notification-image-success-path",
+    "xlink:href": "#path-s"
+  }, null)])]);
+}
+function WarningIcon() {
+  return createVNode("svg", {
+    "width": "16px",
+    "height": "16px",
+    "viewBox": "0 0 16 16",
+    "version": "1.1",
+    "xmlns": "http://www.w3.org/2000/svg",
+    "xmlns:xlink": "http://www.w3.org/1999/xlink"
+  }, [createVNode("g", {
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("path", {
+    "class": "devui-icon-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), createVNode("path", {
+    "class": "devui-icon-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 InfoIcon() {
+  return createVNode("svg", {
+    "width": "16px",
+    "height": "16px",
+    "viewBox": "0 0 16 16",
+    "version": "1.1",
+    "xmlns": "http://www.w3.org/2000/svg",
+    "xmlns:xlink": "http://www.w3.org/1999/xlink"
+  }, [createVNode("g", {
+    "id": "info",
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("path", {
+    "class": "devui-notification-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 ErrorIcon() {
+  return createVNode("svg", {
+    "width": "16px",
+    "height": "16px",
+    "viewBox": "0 0 16 16",
+    "version": "1.1",
+    "xmlns": "http://www.w3.org/2000/svg",
+    "xmlns:xlink": "http://www.w3.org/1999/xlink"
+  }, [createVNode("defs", null, [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)]), createVNode("g", {
+    "id": "error",
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("mask", {
+    "id": "mask-2",
+    "fill": "white"
+  }, [createVNode("use", {
+    "xlink:href": "#path-e"
+  }, null)]), createVNode("use", {
+    "id": "Mask",
+    "class": "devui-notification-image-error-path",
+    "xlink:href": "#path-e"
+  }, null)])]);
+}
 var TypeIcon = defineComponent({
   props: {
     type: {
@@ -115,18 +214,9 @@ var TypeIcon = defineComponent({
       "devui-notification-image": true,
       [`devui-notification-image-${type.value}`]: true
     }));
-    const severityIconMap = {
-      info: "info-o",
-      success: "right-o",
-      warning: "warning-o",
-      error: "error-o"
-    };
     return () => createVNode("span", {
       "class": classes.value
-    }, [type.value !== "normal" && createVNode(Icon, {
-      "name": severityIconMap[type.value],
-      "size": "16px"
-    }, null)]);
+    }, [type.value && type.value !== "normal" && (type.value === "success" && createVNode(SuccessIcon, null, null) || type.value === "info" && createVNode(InfoIcon, null, null) || type.value === "warning" && createVNode(WarningIcon, null, null) || type.value === "error" && createVNode(ErrorIcon, null, null))]);
   }
 });
 function useNotification(props) {

package/notification/index.umd.js

@@ -1 +1 @@
-var I=Object.defineProperty,M=Object.defineProperties;var R=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var N=(i,e,l)=>e in i?I(i,e,{enumerable:!0,configurable:!0,writable:!0,value:l}):i[e]=l,m=(i,e)=>{for(var l in e||(e={}))k.call(e,l)&&N(i,l,e[l]);if(v)for(var l of v(e))A.call(e,l)&&N(i,l,e[l]);return i},g=(i,e)=>M(i,R(e));(function(i,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis!="undefined"?globalThis:i||self,e(i.index={},i.Vue))})(this,function(i,e){"use strict";const l={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},type:{type:String,default:"normal"},duration:{type:Number,default:3e3},onClose:{type:Function}},S={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var p=e.defineComponent({name:"DIcon",props:S,setup(n){const{name:t,size:o,color:a,classPrefix:c}=e.toRefs(n);return()=>/^((https?):)?\/\//.test(t.value)?e.createVNode("img",{src:t.value,alt:t.value.split("/")[t.value.split("/").length-1],style:{width:o.value,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${c.value} ${c.value}-${t.value}`,style:{fontSize:o.value,color:a.value}},null)}}),h=e.defineComponent({emits:["click"],setup(n,{emit:t}){return()=>e.createVNode("div",{class:"devui-notification-icon-close",onClick:o=>t("click",o)},[e.createVNode(p,{name:"close",size:"14px"},null)])}}),C=e.defineComponent({props:{type:{type:String,default:"normal"}},setup(n){const{type:t}=e.toRefs(n),o=e.computed(()=>({"devui-notification-image":!0,[`devui-notification-image-${t.value}`]:!0})),a={info:"info-o",success:"right-o",warning:"warning-o",error:"error-o"};return()=>e.createVNode("span",{class:o.value},[t.value!=="normal"&&e.createVNode(p,{name:a[t.value],size:"16px"},null)])}});function T(n){return{classes:e.computed(()=>({"devui-notification-item-container":!0,[`devui-notification-message-${n.type}`]:!0}))}}function b(n,t){let o=null,a;const c=()=>{var s;clearTimeout(o),o=null,(s=n.onClose)==null||s.call(n),t("update:modelValue",!1)},r=()=>{o&&(clearTimeout(o),o=null)},d=()=>{if(!n.modelValue){const s=n.duration-(Date.now()-a);o=setTimeout(c,s)}},f=()=>{t("destroy")};return e.watch(()=>n.modelValue,s=>{s&&(a=Date.now(),n.duration&&(o=setTimeout(c,n.duration)))}),{interrupt:r,removeReset:d,close:c,handleDestroy:f}}var E="",u=e.defineComponent({name:"DNotification",props:l,emits:["update:modelValue","destroy"],setup(n,{emit:t,slots:o}){const{modelValue:a,title:c,type:r}=e.toRefs(n),{classes:d}=T(n),{interrupt:f,removeReset:s,close:x,handleDestroy:z}=b(n,t);return()=>e.createVNode(e.Transition,{name:"notification-fade",onAfterLeave:z},{default:()=>{var V;return[a.value&&e.createVNode("div",{class:"devui-notification"},[e.createVNode("div",{class:d.value,onMouseenter:f,onMouseleave:s},[e.createVNode("div",{class:"devui-notification-item"},[e.createVNode(h,{onClick:x},null),c.value&&e.createVNode(C,{type:r.value},null),e.createVNode("div",{class:"devui-notification-message"},[e.createVNode("span",{class:"devui-notification-title"},[c.value]),e.createVNode("span",{class:"devui-notification-content"},[(V=o.default)==null?void 0:V.call(o)])])])])])]}})}});function D(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const P={modelValue:!1,duration:3e3,type:"normal"};function w(n,t){const o=document.createElement("div"),a=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(u,e.mergeProps(n,{onDestroy:a.unmount}),D(t)?t:{default:()=>[t]})}});return document.body.appendChild(o),a.mount(o),a}function $(n,t){n.modelValue=!1,t==null||t()}class y{static open(t){const o=t.onClose||null,a=t.content;let c;delete t.content;const r=e.reactive(g(m(m({},P),t),{onClose:()=>{$(r,o)}}));w(r,a),r.modelValue=!0,clearTimeout(c),t.duration&&(c=setTimeout(r.onClose,t.duration))}}var j={title:"Notification \u5168\u5C40\u901A\u77E5",category:"\u53CD\u9988",status:"100%",install(n){n.component(u.name,u),n.config.globalProperties.$notificationService=y}};i.Notification=u,i.NotificationService=y,i.default=j,i.notificationProps=l,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});
+var B=Object.defineProperty,R=Object.defineProperties;var Z=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var V=(i,e,l)=>e in i?B(i,e,{enumerable:!0,configurable:!0,writable:!0,value:l}):i[e]=l,m=(i,e)=>{for(var l in e||(e={}))A.call(e,l)&&V(i,l,e[l]);if(w)for(var l of w(e))E.call(e,l)&&V(i,l,e[l]);return i},g=(i,e)=>R(i,Z(e));(function(i,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis!="undefined"?globalThis:i||self,e(i.index={},i.Vue))})(this,function(i,e){"use strict";const l={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},type:{type:String,default:"normal"},duration:{type:Number,default:3e3},onClose:{type:Function}},N={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var x=e.defineComponent({name:"DIcon",props:N,setup(n){const{name:t,size:o,color:a,classPrefix:r}=e.toRefs(n);return()=>/^((https?):)?\/\//.test(t.value)?e.createVNode("img",{src:t.value,alt:t.value.split("/")[t.value.split("/").length-1],style:{width:o.value,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${r.value} ${r.value}-${t.value}`,style:{fontSize:o.value,color:a.value}},null)}}),y=e.defineComponent({emits:["click"],setup(n,{emit:t}){return()=>e.createVNode("div",{class:"devui-notification-icon-close",onClick:o=>t("click",o)},[e.createVNode(x,{name:"close",size:"14px"},null)])}});function k(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[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",{"xlink:href":"#path-s"},null)]),e.createVNode("use",{id:"Mask",class:"devui-notification-image-success-path","xlink:href":"#path-s"},null)])])}function v(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:"devui-icon-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:"devui-icon-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 L(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("g",{id:"info",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:"devui-notification-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 C(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[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",{"xlink:href":"#path-e"},null)]),e.createVNode("use",{id:"Mask",class:"devui-notification-image-error-path","xlink:href":"#path-e"},null)])])}var S=e.defineComponent({props:{type:{type:String,default:"normal"}},setup(n){const{type:t}=e.toRefs(n),o=e.computed(()=>({"devui-notification-image":!0,[`devui-notification-image-${t.value}`]:!0}));return()=>e.createVNode("span",{class:o.value},[t.value&&t.value!=="normal"&&(t.value==="success"&&e.createVNode(k,null,null)||t.value==="info"&&e.createVNode(L,null,null)||t.value==="warning"&&e.createVNode(v,null,null)||t.value==="error"&&e.createVNode(C,null,null))])}});function T(n){return{classes:e.computed(()=>({"devui-notification-item-container":!0,[`devui-notification-message-${n.type}`]:!0}))}}function M(n,t){let o=null,a;const r=()=>{var s;clearTimeout(o),o=null,(s=n.onClose)==null||s.call(n),t("update:modelValue",!1)},c=()=>{o&&(clearTimeout(o),o=null)},u=()=>{if(!n.modelValue){const s=n.duration-(Date.now()-a);o=setTimeout(r,s)}},f=()=>{t("destroy")};return e.watch(()=>n.modelValue,s=>{s&&(a=Date.now(),n.duration&&(o=setTimeout(r,n.duration)))}),{interrupt:c,removeReset:u,close:r,handleDestroy:f}}var _="",d=e.defineComponent({name:"DNotification",props:l,emits:["update:modelValue","destroy"],setup(n,{emit:t,slots:o}){const{modelValue:a,title:r,type:c}=e.toRefs(n),{classes:u}=T(n),{interrupt:f,removeReset:s,close:j,handleDestroy:z}=M(n,t);return()=>e.createVNode(e.Transition,{name:"notification-fade",onAfterLeave:z},{default:()=>{var h;return[a.value&&e.createVNode("div",{class:"devui-notification"},[e.createVNode("div",{class:u.value,onMouseenter:f,onMouseleave:s},[e.createVNode("div",{class:"devui-notification-item"},[e.createVNode(y,{onClick:j},null),r.value&&e.createVNode(S,{type:c.value},null),e.createVNode("div",{class:"devui-notification-message"},[e.createVNode("span",{class:"devui-notification-title"},[r.value]),e.createVNode("span",{class:"devui-notification-content"},[(h=o.default)==null?void 0:h.call(o)])])])])])]}})}});function b(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const I={modelValue:!1,duration:3e3,type:"normal"};function D(n,t){const o=document.createElement("div"),a=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(d,e.mergeProps(n,{onDestroy:a.unmount}),b(t)?t:{default:()=>[t]})}});return document.body.appendChild(o),a.mount(o),a}function P(n,t){n.modelValue=!1,t==null||t()}class p{static open(t){const o=t.onClose||null,a=t.content;let r;delete t.content;const c=e.reactive(g(m(m({},I),t),{onClose:()=>{P(c,o)}}));D(c,a),c.modelValue=!0,clearTimeout(r),t.duration&&(r=setTimeout(c.onClose,t.duration))}}var $={title:"Notification \u5168\u5C40\u901A\u77E5",category:"\u53CD\u9988",status:"100%",install(n){n.component(d.name,d),n.config.globalProperties.$notificationService=p}};i.Notification=d,i.NotificationService=p,i.default=$,i.notificationProps=l,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});

package/notification/style.css

@@ -1 +1 @@
-.devui-notification{position:fixed;top:50px;right:20px;width:20em;word-break:normal;word-wrap:break-word;z-index:1060}.devui-notification a:link,.devui-notification a:visited{color:var(--devui-link-light, #96adfa)}.devui-notification a:hover,.devui-notification a:active{color:var(--devui-link-light-active, #beccfa)}.devui-notification-item-container{position:relative;margin:0 0 8px;opacity:.95;filter:alpha(opacity=95);box-shadow:var(--devui-shadow-length-feedback-overlay, 0 4px 16px 0) var(--devui-shadow, rgba(0, 0, 0, .2));border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e)}.devui-notification-item{position:relative;display:block;padding:12px 16px}.devui-notification-icon-close{position:absolute;top:7px;right:10px;cursor:pointer}.devui-notification-icon-close i.icon{color:var(--devui-light-text, #ffffff)!important}.devui-notification-title{font-size:var(--devui-font-size-card-title, 14px);padding:0 0 calc(.5em - 2px) 0;display:block;font-weight:700}.devui-notification-image{position:absolute;display:inline-block;width:16px;height:16px;border-radius:50%;left:16px;top:14px;padding:0;line-height:1}.devui-notification-image.devui-notification-image-warn i.icon{color:var(--devui-warning, #fac20a)!important}.devui-notification-image.devui-notification-image-info i.icon{color:var(--devui-info, #5e7ce0)!important}.devui-notification-image.devui-notification-image-error i.icon{color:var(--devui-danger, #f66f6a)!important}.devui-notification-image.devui-notification-image-success i.icon{color:var(--devui-success, #50d4ab)!important}.devui-notification-image .devui-notification-image-info-path,.devui-notification-image .devui-notification-image-error-path,.devui-notification-image .devui-notification-image-success-path{fill:var(--devui-light-text, #ffffff)}.devui-notification-message{margin-left:20px}.devui-notification-message .devui-notification-content{font-size:var(--devui-font-size, 12px);margin-top:4px}.devui-notification-message-common .devui-notification-message{margin-left:0}.devui-notification-message p{font-size:var(--devui-font-size, 12px);margin-top:4px}.notification-fade-enter-active,.notification-fade-leave-active{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.notification-fade-enter-from,.notification-fade-leave-to{transform:translate(100%)}
+.devui-notification{position:fixed;top:50px;right:20px;width:20em;word-break:normal;word-wrap:break-word;z-index:1060}.devui-notification a:link,.devui-notification a:visited{color:var(--devui-link-light, #96adfa)}.devui-notification a:hover,.devui-notification a:active{color:var(--devui-link-light-active, #beccfa)}.devui-notification-item-container{position:relative;margin:0 0 8px;opacity:.95;filter:alpha(opacity=95);box-shadow:var(--devui-shadow-length-feedback-overlay, 0 4px 16px 0) var(--devui-shadow, rgba(0, 0, 0, .2));border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e)}.devui-notification-item{position:relative;display:block;padding:12px 16px}.devui-notification-icon-close{position:absolute;top:7px;right:10px;cursor:pointer}.devui-notification-icon-close i.icon{color:var(--devui-light-text, #ffffff)!important}.devui-notification-title{font-size:var(--devui-font-size-card-title, 14px);padding:0 0 calc(.5em - 2px) 0;display:block;font-weight:700}.devui-notification-image{position:absolute;display:inline-block;width:16px;height:16px;border-radius:50%;left:16px;top:14px;padding:0;line-height:1}.devui-notification-image.devui-notification-image-warning path.devui-icon-warning-outer{fill:var(--devui-warning-line, #fa9841)}.devui-notification-image.devui-notification-image-warning path.devui-icon-warning-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-notification-image.devui-notification-image-info{background-color:var(--devui-info, #5e7ce0)}.devui-notification-image.devui-notification-image-error{background-color:var(--devui-danger, #f66f6a)}.devui-notification-image.devui-notification-image-success{background-color:var(--devui-success, #50d4ab)}.devui-notification-image .devui-notification-image-info-path,.devui-notification-image .devui-notification-image-error-path,.devui-notification-image .devui-notification-image-success-path{fill:var(--devui-light-text, #ffffff)}.devui-notification-message{margin-left:20px}.devui-notification-message .devui-notification-content{font-size:var(--devui-font-size, 12px);margin-top:4px}.devui-notification-message-common .devui-notification-message{margin-left:0}.devui-notification-message p{font-size:var(--devui-font-size, 12px);margin-top:4px}.notification-fade-enter-active,.notification-fade-leave-active{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.notification-fade-enter-from,.notification-fade-leave-to{transform:translate(100%)}

package/nuxt/components/LoadingOptions.js

@@ -0,0 +1,3 @@
+import '../../loading/style.css' 
+
+export  { LoadingOptions as default } from '../../loading/index.es.js'

package/nuxt/components/loadingProps.js

@@ -0,0 +1,3 @@
+import '../../loading/style.css' 
+
+export  { loadingProps as default } from '../../loading/index.es.js'

package/nuxt/components/modalProps.js

@@ -0,0 +1,3 @@
+import '../../modal/style.css' 
+
+export  { modalProps as default } from '../../modal/index.es.js'

package/nuxt/components/sliderProps.js

@@ -0,0 +1,3 @@
+import '../../slider/style.css' 
+
+export  { sliderProps as default } from '../../slider/index.es.js'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-devui",
-  "version": "1.0.0-rc.3",
+  "version": "1.0.0-rc.4",
   "license": "MIT",
   "description": "DevUI components based on Vite and Vue3",
   "keywords": [