vue-devui 1.0.0-rc.16 → 1.0.0-rc.17

package/menu/index.umd.js

@@ -0,0 +1 @@
+(function($,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):($=typeof globalThis!="undefined"?globalThis:$||self,n($.index={},$.Vue))})(this,function($,n){"use strict";function B(e,l,t){let s=e;return l&&(s+=`__${l}`),t&&(s+=`--${t}`),s}function N(e,l=!1){const t=l?`.devui-${e}`:`devui-${e}`;return{b:()=>B(t),e:u=>u?B(t,u):"",m:u=>u?B(t,"",u):"",em:(u,f)=>u&&f?B(t,u,f):""}}const Q=[];let U=[];const W=n.ref(24),T=N("menu"),re=N("submenu"),R=T.b(),X=`${T.b()}-item-horizontal-wrapper`,Y=`${T.b()}-item-select`,Z=`${T.b()}-active-parent`;function ce(e){W.value=e}function de(e){Q.push(e)}function ue(){U=[],Q.forEach(t=>{U.push(t.el.parentElement)});const e=[...U],l=t=>{var s;return(s=/layer_(\d*)/gim.exec(t))==null?void 0:s[1]};for(;e.length;){const t=e.shift();if(t!=null&&t.classList.contains(R)){const s=t.children;e.unshift(...Array.from(s));continue}else{if(t.tagName==="DIV")if(t.classList.contains(`${T.b()}-item-vertical-wrapper`)||t.classList.contains(`${re.b()}-menu-item-vertical-wrapper`)){const s=t.parentElement;if(e.unshift(...Array.from(t.children)),s!=null&&s.classList.contains(R))t.classList.add("layer_1");else{let a=l((s==null?void 0:s.classList.value)||"");a=Number(a),t.classList.add(`layer_${a}`)}}else{const s=t.parentElement;let a=l((s==null?void 0:s.classList.value)||"");a=Number(a),t.classList.add(`layer_${a}`),t.style.paddingLeft=`${(a===2?1:a-1)*W.value}px`}if(t.tagName==="UL"){const s=t.parentElement,a=t.children;for(let u=0;u<a.length;u++)e.unshift(a[u]);const c=(s==null?void 0:s.classList.value)||"";let i=l(c);s!=null&&s.classList.contains(R)?(i=1,t.classList.add(`layer_${2}`)):(t.classList.add(`layer_${Number(i)+1}`),i=Number(i)+1)}if(t.tagName==="LI"){const s=t.parentElement,a=(s==null?void 0:s.classList.value)||"";let c=l(a);l(a),c=Number(c),t.style.padding=`0 ${c*W.value}px`}}}}function fe(e){var s;const l=e;let t=null;for(let a=0;a<l.length;a++){const c=l[a];(s=c==null?void 0:c.classList)!=null&&s.contains(`${T.b()}-horizontal`)&&(t=c)}return t}function me(e,l){let t=l.target,s=[];const{path:a}=l,c=fe(a);for(s=[...Array.from(c.children)],t.tagName==="SPAN"&&(t=t.parentElement);s.length;){const i=s.shift();if((i==null?void 0:i.tagName)==="UL"||(i==null?void 0:i.classList.contains(X))){const u=i==null?void 0:i.children;s.unshift(...Array.from(u))}i!==t&&(i==null||i.classList.remove(Y),i==null||i.classList.remove(Z))}}function pe(e,l){const t=[],s=l.path||l.composedPath&&l.composedPath();for(let a=0;a<s.length;a++){const c=s[a];if(!c.classList.contains(R))t.push(...Array.from(c.children));else{t.push(...Array.from(c.children));break}}for(;t.length;){const a=t.shift();((a==null?void 0:a.tagName)==="UL"||(a==null?void 0:a.classList.contains(X)))&&t.push(...Array.from(a==null?void 0:a.children)),a!==e&&((a==null?void 0:a.tagName)==="DIV"&&t.unshift(...Array.from(a==null?void 0:a.children)),a==null||a.classList.remove(Y),a==null||a.classList.remove(Z))}}function ee(e,l,t=!1){t?me(e,l):pe(e,l)}function he(e){var s;const l=/layer_(\d{1,})/gim,t=e.className;return(s=l.exec(t))==null?void 0:s[1]}const ge={disabled:{type:Boolean,default:!1},href:{type:String,default:""},route:{type:[String,Object]}},te=N("menu");function ne(e,l,t,s){const a=n.ref(!1);return t?e.includes(l)?a.value=!0:a.value=!1:e[0]===l&&!s.value?a.value=!0:a.value=!1,a.value}function ye(e){var t,s;let l=e.parentElement;for(;!l.classList.contains(te.b());)((t=l.firstElementChild)==null?void 0:t.tagName)==="DIV"&&((s=l==null?void 0:l.firstElementChild)==null||s.classList.add(`${te.b()}-active-parent`)),l=l.parentElement;return l}function be(e,l,t,s){if(t&&l){const a=e.route||s,c=l.push(a).then(i=>i);return{route:a,routerResult:c}}}const q=N("menu");function se(e){const l=e.path;for(let t=0;t<l.length;t++){const s=l[t];if(s.classList.contains(`${q.b()}-horizontal`))break;if(s.classList.contains(`${q.b()}-item-horizontal-wrapper`))continue;s.tagName!=="SPAN"&&s.classList.add(`${q.b()}-item-select`)}}const V=N("menu"),k=`${V.b()}-item-select`,ve=`${V.b()}-item-disabled`;var F=n.defineComponent({name:"DMenuItem",props:ge,setup(e,l){var d,h;const t=n.getCurrentInstance(),s=String(t==null?void 0:t.vnode.key),a=n.inject("menuStore"),c=n.inject("mode"),i=n.inject("multiple"),u=n.inject("defaultIndent"),f=n.inject("isCollapsed"),g=n.inject("defaultSelectKey"),{disabled:M}=n.toRefs(e),y=n.ref(ne(g,s,i,M)),C=n.ref(!0),A=n.inject("rootMenuEmit"),x=n.inject("useRouter"),b=t==null?void 0:t.appContext.config.globalProperties.$router,p=n.computed(()=>({[`${V.b()}-item`]:!0,[`${V.b()}-item-isCollapsed`]:f.value,[k]:y.value,[ve]:M.value}));a.on("menuItem:clear:select",()=>{y.value=!1});const v=r=>{var z;r.stopPropagation();const o=r.currentTarget;let m;if(e.disabled&&r.preventDefault(),!e.disabled){if(!i)a.emit("menuItem:clear:select"),ee(o,r,c.value==="horizontal"),c.value==="horizontal"&&se(r),y.value=!0,m=be(e,b,x,s);else if(o.classList.contains(k)){A("deselect",{type:"deselect",key:s,el:o,e:r}),y.value=!1;return}else y.value=!0,o.classList.add(k);m===void 0?A("select",{type:"select",key:s,el:o,e:r}):A("select",{type:"select",key:s,el:o,e:r,route:m})}if(c.value==="vertical"){const E=r.currentTarget;ye(E)}if(c.value==="horizontal"){const E=(z=o.parentElement)==null?void 0:z.parentElement;E==null||E.classList.add(`${V.b()}-active-parent`)}},L=n.createVNode("span",{class:`${V.b()}-icon`},[(h=(d=l.slots).icon)==null?void 0:h.call(d)]),w=n.ref(null);return n.watch(M,()=>{i||(p.value[k]=!1)}),n.watch(()=>g,r=>{y.value=ne(r,s,i,M),p.value[k]=y.value}),n.onMounted(()=>{var m,z;let r="";const o=w.value;c.value==="vertical"&&((z=(m=o.parentElement)==null?void 0:m.parentElement)!=null&&z.classList.contains(V.b())?(C.value=!0,C.value&&(o.style.paddingRight="",o.style.paddingLeft=`${u}px`),n.watch(f,E=>{E?(o.style.padding!=="0"&&(r=o.style.padding),setTimeout(()=>{o.style.padding="0",o.style.width="",o.style.textAlign="center"},300),o.style.display="block"):(o.style.padding=`${r}`,o.style.textAlign="",o.style.display="flex")})):C.value=!1)}),()=>c.value==="vertical"?n.createVNode("div",{class:`${V.b()}-item-vertical-wrapper`},[n.createVNode("li",{class:p.value,onClick:v,ref:w},[l.slots.icon!==void 0&&L,e.href===""?n.createVNode(n.Transition,{name:"fade"},{default:()=>{var r,o;return[n.withDirectives(n.createVNode("span",null,[(o=(r=l.slots).default)==null?void 0:o.call(r)]),[[n.vShow,!f.value]])]}}):n.createVNode("a",{href:e.href},[n.createVNode(n.Transition,{name:"fade"},{default:()=>{var r,o;return[(o=(r=l.slots).default)==null?void 0:o.call(r)]}})])])]):n.createVNode("li",{class:p.value,onClick:v,ref:w},[l.slots.icon!==void 0&&L,e.href===""?n.createVNode(n.Transition,{name:"fade"},{default:()=>{var r,o;return[n.withDirectives(n.createVNode("span",null,[(o=(r=l.slots).default)==null?void 0:o.call(r)]),[[n.vShow,!f.value]])]}}):n.createVNode("a",{href:e.href},[n.createVNode(n.Transition,{name:"fade"},{default:()=>{var r,o;return[(o=(r=l.slots).default)==null?void 0:o.call(r)]}})])])}});function ae(e=8){const l="abcdefghijklmnopqrstuvwxyz0123456789";let t="";for(let s=0;s<e;s++)t+=l[parseInt((Math.random()*l.length).toString())];return t}function le(e){for(;e&&e.tagName!=="LI"&&e.tagName!=="UL";)e=e.parentElement;return e}const oe="0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out",D={"before-enter"(e){e.style.transition=oe,e.setAttribute("data-oldPadding",e.style.padding),e.setAttribute("data-oldMargin",e.style.margin),e.style.height="0",e.style.padding="0",e.style.margin="0"},enter(e){e.dataset.oldOverflow=e.style.overflow,e.scrollHeight!==0?e.style.height=e.scrollHeight+"px":e.style.height="",e.style.padding=e.getAttribute("data-oldPadding"),e.style.margin=e.getAttribute("data-oldMargin"),e.style.overflow="hidden"},"after-enter"(e){e.style.transition="",e.style.transition="",e.style.height="",e.style.overflow=e.getAttribute("data-overflow")},"before-leave"(e){e.dataset||(e.dataset={}),e.dataset.oldPaddingTop=e.style.paddingTop,e.dataset.oldPaddingBottom=e.style.paddingBottom,e.dataset.oldOverflow=e.style.overflow,e.style.height=e.scrollHeight+"px",e.style.overflow="hidden"},leave(e){e.scrollHeight!==0&&(e.style.transition=oe,e.style.height="0",e.style.paddingTop="0",e.style.paddingBottom="0")},"after-leave"(e){e.style.transition="",e.style.height="",e.style.overflow=e.dataset.oldOverflow,e.style.paddingTop=e.dataset.oldPaddingTop,e.style.paddingBottom=e.dataset.oldPaddingBottom}};var Le=n.defineComponent({name:"DMenuTransition",setup(e,l){return()=>n.createVNode(n.Transition,{onBeforeEnter:t=>D["before-enter"](t),onBeforeLeave:t=>D["before-leave"](t),onEnter:t=>D.enter(t),onAfterEnter:t=>D["after-enter"](t),onLeave:t=>D.leave(t),onAfterLeave:t=>D["after-leave"](t)},{default:()=>{var t,s;return[(s=(t=l.slots).default)==null?void 0:s.call(t)]}})}});const we={title:{type:String,default:""},disabled:{type:Boolean,default:!1}},O=N("menu"),$e=N("submenu"),I=`${O.b()}-item-horizontal-wrapper-hidden`,H=`${O.b()}-item-horizontal-wrapper-show`;function j(e,l,t){const s=l.currentTarget,a=s.parentElement,c=t.children;if(t.style.padding="0 20px !important",e==="mouseenter"){if((a==null?void 0:a.tagName)==="DIV"){t.classList.add(`${O.b()}-item-horizontal-wrapper-level`);const{width:i}=s.getClientRects()[0];t.style.top="0px",t.style.left=`${i}px`}else t.style.top="26px",t.style.left="0px";t.classList.remove(I),t.classList.add(H);for(let i=0;i<c.length;i++){const u=c[i];if(u.tagName==="UL"&&u.classList.contains($e.b())){const f=u.getElementsByClassName(`${O.b()}-item-horizontal-wrapper`)[0];u.addEventListener("mouseenter",g=>{g.stopPropagation(),j("mouseenter",g,f),f.classList.remove(I),f.classList.add(H)}),u.addEventListener("mouseleave",g=>{g.stopPropagation(),j("mouseleave",g,f),f.classList.remove(H),f.classList.add(I)})}}}e==="mouseleave"&&(t.classList.remove(H),t.classList.add(I))}const G=N("menu"),P=N("submenu").b();var K=n.defineComponent({name:"DSubMenu",props:we,setup(e,l){const t=n.ref(!0),{vnode:{key:s}}=n.getCurrentInstance();let a=String(s);const c=n.inject("openKeys"),i=n.ref(c.value.includes(a)),u=n.inject("defaultIndent"),f=n.inject("isCollapsed"),g=n.inject("mode"),M=n.ref(null),y=n.inject("rootMenuEmit"),C=g.value==="horizontal";a==="null"&&(console.warn("[devui][menu]: Key can not be null"),a=`randomKey-${ae(16)}`);const A=d=>{d.stopPropagation();const h=le(d.target);if(!(h.classList.contains(P)&&C)&&(C&&(ee(h,d,!0),se(d)),!e.disabled&&g.value!=="horizontal")){const r=le(d.target),o=c.value.indexOf(a);o>=0&&r.tagName==="UL"?c.value.splice(o,1):r.tagName==="UL"&&c.value.push(a),i.value=c.value.indexOf(a)>=0,y("submenu-change",{type:"submenu-change",state:i.value,key:a,el:h})}},x=n.ref(null);let b;const p=n.ref(null),v=n.ref(null);let L="";const w=n.ref("");return n.watchEffect(()=>{b=x.value,de({el:p.value})},{flush:"post"}),n.watch(()=>c,d=>{d.value.includes(a)?i.value=!0:i.value=!1},{deep:!0}),n.onMounted(()=>{var r;const d=v.value,h=p.value;ue(),w.value=`layer_${(r=Array.from(h.classList).at(-1))==null?void 0:r.replace("layer_","")}`,C&&!e.disabled&&(p.value.addEventListener("mouseenter",o=>{o.stopPropagation(),j("mouseenter",o,b)}),p.value.addEventListener("mouseleave",o=>{o.stopPropagation(),j("mouseleave",o,b)})),n.watch(f,o=>{const m=Number(he(h));Number.isNaN(m)||m>2&&(t.value=!f.value),o?(d.style.padding!=="0"&&(L=d.style.padding),setTimeout(()=>{d.style.padding="0",d.style.width="",d.style.textAlign="center"},300),d.style.display="block"):(d.style.padding=`${L}`,d.style.textAlign="",d.style.display="flex")})}),()=>{var d,h,r,o;return n.withDirectives(n.createVNode("ul",{onClick:A,class:[P,w.value,e.disabled&&`${P}-disabled`],ref:p},[n.createVNode("div",{class:[`${P}-title`],style:`padding: 0 ${u}px`,ref:v},[n.createVNode("span",{class:`${G.b()}-icon`},[(h=(d=l.slots)==null?void 0:d.icon)==null?void 0:h.call(d)]),n.withDirectives(n.createVNode("span",{class:`${P}-title-content`},[e.title]),[[n.vShow,!f.value]]),n.withDirectives(n.createVNode("i",{class:{"icon icon-chevron-up":w.value!==`layer_${P}`,"icon icon-chevron-right":w.value===`layer_${P}`,"is-opened":i.value}},null),[[n.vShow,!f.value&&s!=="overflowContainer"]])]),C?n.withDirectives(n.createVNode("div",{class:`${G.b()}-item-horizontal-wrapper ${G.b()}-item-horizontal-wrapper-hidden`,ref:x},[(o=(r=l.slots).default)==null?void 0:o.call(r)]),[[n.vShow,!e.disabled]]):n.createVNode(Le,null,{default:()=>{var m,z;return[n.withDirectives(n.createVNode("div",{class:[`${P}-menu-item-vertical-wrapper`],ref:M},[(z=(m=l.slots).default)==null?void 0:z.call(m)]),[[n.vShow,i.value]])]}})]),[[n.vShow,t.value]])}}});const Ne={width:{type:String,default:""},collapsed:{type:Boolean,default:!1},collapsedIndent:{type:Number,default:24},indentSize:{type:Number,default:24},multiple:{type:Boolean,default:!1},openKeys:{type:Array,default:[]},defaultSelectKeys:{type:Array,default:[]},mode:{type:String,default:"vertical"},router:{type:Boolean,default:!1}};var Ae="";const S={};class Se{constructor(l){this.rootMenuName=l}on(l,t){var s;(s=S==null?void 0:S[this.rootMenuName])!=null&&s[l]||Reflect.set(S[this.rootMenuName],l,[]),S[this.rootMenuName][l].push(t)}emit(l,...t){S[this.rootMenuName][l].forEach(s=>s(...t))}off(l,t){const s=S[this.rootMenuName][l].indexOf(t);s>=0&&S[this.rootMenuName][l].splice(s,1)}}function Ce(e){return S[e]||Reflect.set(S,e,{}),new Se(e)}var J=n.defineComponent({name:"DMenu",props:Ne,emits:["select","deselect","submenu-change"],setup(e,l){const t=N("menu"),{openKeys:s,mode:a,collapsed:c}=n.toRefs(e),i=ae(16),u=Ce(i);n.provide("menuStore",u),n.provide("isCollapsed",c),n.provide("defaultIndent",e.indentSize),n.provide("multiple",e.multiple),n.provide("openKeys",s),n.provide("defaultSelectKey",e.defaultSelectKeys),n.provide("mode",a),n.provide("collapsedIndent",e.collapsedIndent),n.provide("rootMenuEmit",l.emit),n.provide("useRouter",e.router),ce(e.indentSize);const f=n.ref(null),g=n.ref(0),M=n.ref(null),y=`${t.b()}-item-select`,C=n.computed(()=>({[`${t.b()}`]:!0,[`${t.b()}-vertical`]:a.value==="vertical",[`${t.b()}-horizontal`]:a.value==="horizontal",[`${t.b()}-collapsed`]:c.value})),A=n.reactive({[y]:!1,[`${t.b()}-overflow-container`]:!0}),x=b=>{const p=Array.from(b.children);for(const v of p)if(v.classList.contains(y)){A[y]=!0;break}else A[y]=!1};return n.onMounted(()=>{var b;if(e.mode==="horizontal"){let p=!1;const v=(b=M.value)==null?void 0:b.$el,L=f.value,w=L.children,d=v.children[1],h=new IntersectionObserver(r=>{r.forEach(o=>{if(o.isIntersecting){if(!o.target.classList.contains(`${t.b()}-overflow-container`)&&o.target.style.visibility==="hidden"){h.unobserve(o.target),L.insertBefore(o.target,v),o.target.style.visibility="";const m=v.previousElementSibling;if(m&&o.boundingClientRect.width%o.target.getBoundingClientRect().width===0&&h.observe(m),m!=null&&m.classList.contains("devui-submenu")){const E=m,ie=m.children[1];E.addEventListener("mouseenter",_=>{_.stopPropagation(),j("mouseenter",_,ie)}),E.addEventListener("mouseleave",_=>{_.stopPropagation(),j("mouseleave",_,ie)})}g.value-=1,h.observe(o.target),d.lastChild&&d.removeChild(d.lastChild),x(d)}}else{const m=o.target.cloneNode(!0);o.target.classList.contains(`${t.b()}-overflow-container`)?p&&o.target.previousElementSibling&&d.children.length?L.appendChild(o.target.previousElementSibling):p=!0:(g.value+=1,o.target.style.visibility="hidden",v.nextSibling?L.insertBefore(o.target,v.nextSibling):L.appendChild(o.target),d.appendChild(m),x(d))}})},{root:L,threshold:1,rootMargin:"8px"});for(let r=0;r<w.length;r++)h.observe(w[r])}}),()=>{var b,p;return n.createVNode("ul",{ref:f,class:C.value,style:[e.collapsed?`width:${e.collapsedIndent*2}px`:`width: ${e.width}`]},[(p=(b=l.slots).default)==null?void 0:p.call(b),n.withDirectives(n.createVNode(K,{ref:M,key:"overflowContainer",title:"...",class:A},null),[[n.vShow,g.value>0&&a.value==="horizontal"]])])}}}),Ee={title:"Menu \u83DC\u5355",category:"\u5BFC\u822A",status:"100%",install(e){e.component(J.name,J),e.component(F.name,F),e.component(K.name,K)}};$.Menu=J,$.MenuItem=F,$.SubMenu=K,$.default=Ee,Object.defineProperties($,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/menu/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "menu",
+  "version": "0.0.0",
+  "main": "index.umd.js",
+  "module": "index.es.js",
+  "style": "style.css"
+}

package/menu/style.css

@@ -0,0 +1 @@
+.devui-menu-vertical a,.devui-menu-vertical a:hover,.devui-menu-vertical a:active,.devui-menu-vertical a:visited,.devui-menu-horizontal a,.devui-menu-horizontal a:hover,.devui-menu-horizontal a:active,.devui-menu-horizontal a:visited{text-decoration:none}.devui-menu-vertical ul,.devui-menu-vertical li,.devui-menu-horizontal ul,.devui-menu-horizontal li{list-style:none;white-space:nowrap}.devui-menu-horizontal{display:flex;box-sizing:border-box;line-height:var(--devui-line-height-base, 1.5);background:var(--devui-global-bg-normal);padding:14px 20px}.devui-menu-horizontal .devui-menu-item{display:flex;position:relative;box-sizing:content-box;padding:0 20px!important;line-height:24px;cursor:pointer}.devui-menu-horizontal .devui-menu-item:after{content:"";display:block;position:absolute;left:20px;right:20px;bottom:0;width:auto;height:2px}.devui-menu-horizontal :after{transition:all var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1));background:transparent}.devui-menu-horizontal .devui-menu-item-select .devui-submenu-title-content,.devui-menu-horizontal .devui-menu-active-parent .devui-submenu-title-content{color:var(--devui-menu-item-hover)}.devui-menu-horizontal .devui-menu-item-select:after,.devui-menu-horizontal .devui-menu-active-parent:after{display:block;position:absolute;left:20px;right:20px;bottom:0;width:auto;height:2px;content:"";opacity:1;background:var(--devui-brand, #5e7ce0)}.devui-menu-horizontal .devui-menu-item span,.devui-menu-horizontal .devui-menu-item a{color:var(--devui-text, #252b3a)}.devui-menu-horizontal .devui-menu-item:hover span,.devui-menu-horizontal .devui-menu-item:hover a{color:var(--devui-brand, #5e7ce0)}.devui-menu-horizontal .devui-menu-item:hover:after{background:var(--devui-brand, #5e7ce0)}.devui-menu-horizontal .devui-submenu{margin:0;padding:0;position:relative}.devui-menu-horizontal .devui-submenu div.devui-submenu-title{padding:0 20px}.devui-menu-horizontal .devui-submenu div.devui-submenu-title span{margin:0}.devui-menu-horizontal .devui-submenu div.devui-submenu-title .icon-chevron-up,.devui-menu-horizontal .devui-submenu div.devui-submenu-title .icon-chevron-right{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-menu-horizontal .devui-submenu:after{content:"";display:block;position:absolute;left:20px;right:20px;bottom:0;width:auto;height:2px}.devui-menu-horizontal .devui-submenu:hover{cursor:pointer}.devui-menu-horizontal .devui-submenu:hover:after{background:var(--devui-brand, #5e7ce0)}.devui-menu-horizontal .devui-submenu:hover>div>i.icon-chevron-up{transform:rotate(180deg)}.devui-menu-horizontal .devui-submenu:hover>div>i.icon-chevron-right{transform:rotate(180deg)}.devui-menu-horizontal .devui-submenu div.devui-menu-item-horizontal-wrapper{transition:all var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1)),left 0 linear;background:var(--devui-global-bg-normal);z-index:var(--devui-z-index-modal, 1050)}.devui-menu-horizontal .devui-submenu div.devui-menu-item-horizontal-wrapper-show{transition:all var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1));opacity:1;visibility:visible;max-height:100vh;padding:10px 0!important;border-radius:8px;position:absolute}.devui-menu-horizontal .devui-submenu div.devui-menu-item-horizontal-wrapper-show .devui-menu-item{margin-top:5px}.devui-menu-horizontal .devui-submenu div.devui-menu-item-horizontal-wrapper-show .devui-submenu{margin:5px 0;padding:0 20px!important}.devui-menu-horizontal .devui-submenu div.devui-menu-item-horizontal-wrapper-show .devui-submenu div.devui-submenu-title{padding:0!important}.devui-menu-horizontal .devui-submenu div.devui-menu-item-horizontal-wrapper-show .devui-menu-item-horizontal-wrapper-level .devui-submenu{padding:0 20px!important}.devui-menu-horizontal .devui-submenu div.devui-menu-item-horizontal-wrapper-hidden{transition:all var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1));visibility:hidden;position:absolute;padding:0!important;max-height:0;overflow:hidden;opacity:0}.devui-menu-horizontal .devui-submenu div.devui-menu-item-horizontal-wrapper-hidden .devui-menu-item{margin-top:5px}.devui-menu-horizontal .devui-submenu div.devui-menu-item-horizontal-wrapper-hidden .devui-submenu{margin:5px 0;padding:0 20px!important}.devui-menu-horizontal .devui-submenu div.devui-menu-item-horizontal-wrapper-hidden .devui-submenu div.devui-submenu-title{padding:0!important}.devui-menu-horizontal .devui-menu-item-disabled span,.devui-menu-horizontal .devui-menu-item-disabled a,.devui-menu-horizontal .devui-submenu-disabled span,.devui-menu-horizontal .devui-submenu-disabled a{color:var(--devui-menu-disabled)!important;cursor:not-allowed}.devui-menu-horizontal .devui-menu-item-disabled:after,.devui-menu-horizontal .devui-submenu-disabled:after{content:unset!important}.devui-menu-horizontal .devui-menu-item-disabled+.devui-menu-item-horizontal-wrapper,.devui-menu-horizontal .devui-submenu-disabled+.devui-menu-item-horizontal-wrapper{display:none}.devui-submenu-menu-item-vertical-wrapper{overflow:hidden}.devui-submenu-menu-item{color:var(--devui-menu-item)}.devui-menu-vertical{padding:0;transition:width var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1)),padding var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1));border-right:var(--devui-line, #d7d8da) 1px solid;background:var(--devui-area, #f8f8f8)!important}.devui-menu-vertical :after{transition:all var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1));background:transparent}.devui-menu-vertical .layer_1{margin:0!important}.devui-menu-vertical .layer_2>div.devui-submenu-title{margin:0!important;background:var(--devui-block, #ffffff)}.devui-menu-vertical.devui-menu-collapsed .devui-menu-icon{margin:auto}.devui-menu-vertical.devui-menu-collapsed ul li{display:none!important}.devui-menu-vertical.devui-menu-collapsed .devui-submenu div.devui-submenu-title .devui-menu-icon{margin:auto}.devui-menu-vertical .devui-menu-item-vertical-wrapper{padding-left:0!important}.devui-menu-vertical .devui-menu-item{width:100%;height:40px;flex-grow:1;line-height:40px;cursor:pointer;color:var(--devui-menu-item);background:var(--devui-block, #ffffff);display:flex}.devui-menu-vertical .devui-menu-item span:nth-child(2){text-align:left}.devui-menu-vertical div:not(.devui-submenu-menu-item-vertical-wrapper){display:flex;flex:auto}.devui-menu-vertical .devui-menu-item:after{display:block;position:absolute;right:0;top:0;transform:scaleX(0);content:"";opacity:1;background:var(--devui-primary-hover, #5e7ce0)}.devui-menu-vertical ul.devui-submenu{margin:0;padding:0}.devui-menu-vertical ul.devui-submenu .devui-menu-item{display:flex;background:var(--devui-area, #f8f8f8)}.devui-menu-vertical ul.devui-submenu .devui-menu-item>span{flex:auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1));color:var(--devui-menu-item)}.devui-menu-vertical ul.devui-submenu div.devui-submenu-title{display:flex;cursor:pointer;width:100%;height:40px;margin:4px 0;line-height:40px;padding-left:18px;align-items:center;color:var(--devui-menu-item)}.devui-menu-vertical ul.devui-submenu div.devui-submenu-title:nth-child(1){font-size:var(--devui-font-size-lg, 14px)}.devui-menu-vertical ul.devui-submenu div.devui-submenu-title span.devui-submenu-title-content{font-size:var(--devui-font-size-lg, 14px);flex:auto;color:var(--devui-menu-item)}.devui-menu-vertical ul.devui-submenu div.devui-submenu-title span.devui-menu-icon{text-align:center}.devui-menu-vertical ul.devui-submenu div.devui-submenu-title .icon-chevron-up{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-menu-vertical ul.devui-submenu div.devui-submenu-title i.icon-chevron-up.is-opened{transform:rotate(180deg)}.devui-menu-vertical ul.devui-submenu .devui-submenu-title:hover span{color:var(--devui-menu-item-hover)!important}.devui-menu-vertical ul.devui-submenu .devui-menu-item:hover span{color:var(--devui-menu-item-hover)}.devui-menu-vertical ul.devui-submenu .devui-menu-item-select *{color:var(--devui-menu-item-hover)!important}.devui-menu-vertical .devui-menu-item-select{background:var(--devui-primary-bg, #f2f5fc)!important;position:relative}.devui-menu-vertical .devui-menu-item-select span,.devui-menu-vertical .devui-menu-item-select a{color:var(--devui-menu-item-hover)}.devui-menu-vertical .devui-menu-item-select:after{display:block;position:absolute;right:0;top:0;height:100%;width:4px;content:"";opacity:1;background:var(--devui-brand, #5e7ce0);transform:scaleX(1)}.devui-menu-vertical .devui-menu-item:hover{color:var(--devui-menu-item-hover)}.devui-menu-vertical li.devui-menu-item,.devui-menu-vertical div.devui-submenu-title{white-space:nowrap;overflow:hidden}.devui-menu-vertical li.devui-menu-item span:nth-child(2),.devui-menu-vertical div.devui-submenu-title span:nth-child(2){overflow:hidden;text-overflow:ellipsis}.devui-menu-vertical li.devui-menu-item span:nth-child(2) span,.devui-menu-vertical div.devui-submenu-title span:nth-child(2) span{overflow:hidden;text-overflow:ellipsis}.devui-menu-vertical .devui-menu-item-isCollapsed{width:fit-content}.devui-menu-vertical .devui-menu-item-isCollapsed .devui-menu-icon{margin:auto}.devui-menu-vertical ul li~ul>div{margin-top:0!important}.devui-menu-vertical .devui-menu-item-disabled *,.devui-menu-vertical .devui-submenu-disabled *{color:var(--devui-menu-disabled)!important;cursor:not-allowed!important;background:var(--devui-block, #ffffff)!important}.devui-menu-vertical .devui-menu-item-disabled:after,.devui-menu-vertical .devui-submenu-disabled:after{content:unset}.devui-menu-icon+span{margin-left:10px}.devui-menu-item-disabled:hover,.devui-submenu-disabled:hover{color:var(--devui-menu-disabled)!important;cursor:not-allowed!important}.devui-submenu-disabled:hover span{color:var(--devui-menu-disabled)!important}.fade-enter-active,.fade-leave-active{transition:opacity var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1))}.fade-leave-to{display:none}.fade-enter-from,.fade-leave-to{opacity:0}.devui-menu-item-disabled,.devui-menu-item-disabled.devui-menu-vertical .devui-menu-item-disabled.devui-menu-item-select .devui-submenu-disabled,.devui-submenu-disabled.devui-menu-vertical,.devui-submenu-disabled.devui-menu-item-select{color:var(--devui-menu-disabled)!important;cursor:not-allowed!important}

package/message/index.es.js

@@ -522,7 +522,6 @@ const Message = Object.assign(message, {
   warning,
   info
 });
-console.log(Message);
 var index = {
   title: "Message \u5168\u5C40\u63D0\u793A",
   category: "\u53CD\u9988",

package/message/index.umd.js

@@ -1 +1 @@
-(function(f,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis!="undefined"?globalThis:f||self,e(f.index={},f.Vue))})(this,function(f,e){"use strict";const M=n=>typeof n=="string",P={name:{type:String,default:"",required:!0},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]}},T={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function w(n,t,s){let o=n;return t&&(o+=`__${t}`),s&&(o+=`--${s}`),o}function p(n,t=!1){const s=t?`.devui-${n}`:`devui-${n}`;return{b:()=>w(s),e:l=>l?w(s,l):"",m:l=>l?w(s,"",l):"",em:(l,u)=>l&&u?w(s,l,u):""}}var ae="",B=e.defineComponent({name:"DSvgIcon",props:T,setup(n){const{name:t,color:s,size:o}=e.toRefs(n),c=p("svg-icon"),a=e.computed(()=>`#icon-${t.value}`),m=e.computed(()=>typeof o.value=="number"?`${o.value}px`:o.value),l={width:m.value,height:m.value};return()=>e.createVNode("svg",{class:c.b(),style:l},[e.createVNode("use",{"xlink:href":a.value,fill:s.value},null)])}});function L(n){return/^((http|https):)?\/\//.test(n)}function _(n,t){const{component:s,name:o,size:c,color:a,classPrefix:m,rotate:l}=e.toRefs(n),u=p("icon"),r=e.computed(()=>typeof c.value=="number"?`${c.value}px`:c.value),d=s.value?e.resolveDynamicComponent(s.value):e.resolveDynamicComponent(B),g=()=>e.createVNode("img",e.mergeProps({src:o.value,alt:o.value.split("/")[o.value.split("/").length-1],class:[(l==null?void 0:l.value)==="infinite"&&u.m("spin")],style:{width:r.value||"",transform:`rotate(${l==null?void 0:l.value}deg)`,verticalAlign:"middle"}},t.attrs),null),V=()=>e.createVNode(d,e.mergeProps({name:o.value,color:a.value,size:r.value,class:[(l==null?void 0:l.value)==="infinite"&&u.m("spin")],style:{transform:`rotate(${l==null?void 0:l.value}deg)`}},t.attrs),null),b=()=>{const I=/^icon-/.test(o.value)?o.value:`${m.value}-${o.value}`;return e.createVNode("i",e.mergeProps({class:[m.value,I,(l==null?void 0:l.value)==="infinite"&&u.m("spin")],style:{fontSize:r.value,color:a.value,transform:`rotate(${l==null?void 0:l.value}deg)`}},t.attrs),null)};return{iconDom:()=>s.value?V():L(o.value)?g():b()}}var k=e.defineComponent({name:"DIcon",props:P,emits:["click"],setup(n,t){const{disabled:s,operable:o}=e.toRefs(n),{iconDom:c}=_(n,t),a=p("icon"),m=e.computed(()=>({[a.e("container")]:!0,[a.m("disabled")]:s.value,[a.m("operable")]:o.value})),l=u=>{s.value||t.emit("click",u)};return()=>{var u,r,d,g;return e.createVNode("div",{class:m.value,onClick:l},[(r=(u=t.slots).prefix)==null?void 0:r.call(u),c(),(g=(d=t.slots).suffix)==null?void 0:g.call(d)])}}}),ce="";e.defineComponent({name:"DIconGroup",setup(n,t){const s=p("icon-group");return()=>{var o,c;return e.createVNode("div",{class:s.b()},[(c=(o=t.slots).default)==null?void 0:c.call(o)])}}});var A=e.defineComponent({emits:["click"],setup(n,{emit:t}){const s=p("message");return()=>e.createVNode("div",{class:s.e("icon-close"),onClick:o=>t("click",o)},[e.createVNode(k,{name:"close",size:"14px"},null)])}});const x={id:{type:String,default:""},visible:{type:Boolean,default:!1},message:{type:String,default:""},type:{type:String,default:"normal"},bordered:{type:Boolean,default:!0},shadow:{type:Boolean,default:!0},duration:{type:Number,default:3e3},showClose:{type:Boolean,default:!1},onClose:{type:Function}},N=p("message");function O(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:N.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"},null)])}function R(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:N.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4z"},null)])}function j(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:N.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"},null)])}function E(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:N.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336L512 457.664z"},null)])}var re="",F=e.defineComponent({name:"DMessage",props:x,emits:["destroy","close"],setup(n,{emit:t,slots:s}){const{visible:o,message:c,type:a,bordered:m,shadow:l,showClose:u}=e.toRefs(n),r=p("message");let d=null,g;const V=()=>{t("destroy")},b=()=>{var i;d&&clearTimeout(d),d=null,(i=n.onClose)==null||i.call(n)},D=()=>{d&&(clearTimeout(d),d=null)},I=()=>{if(n.visible){const i=n.duration-(Date.now()-g);d=setTimeout(b,i)}};e.watch(()=>n.visible,i=>{i&&(g=Date.now(),n.duration&&(d=setTimeout(b,n.duration)))});const Z=e.computed(()=>({[r.b()]:!0,[r.m(a.value)]:!0})),ee=e.computed(()=>q(n.id)),ne=e.computed(()=>{const i={};return m.value||(i.border="none"),l.value||(i["box-shadow"]="none"),{...i,top:`${ee.value}px`}}),te=e.computed(()=>{const i=e.computed(()=>({[r.e("image")]:!0,[r.em("image",a.value)]:!0}));return!(!a.value||a.value==="normal")&&e.createVNode("span",{class:i.value},[a.value&&(a.value==="success"&&e.createVNode(O,null,null)||a.value==="info"&&e.createVNode(j,null,null)||a.value==="warning"&&e.createVNode(R,null,null)||a.value==="error"&&e.createVNode(E,null,null))])}),oe=e.computed(()=>{var $;const i=e.computed(()=>({[r.e("content")]:!0,[r.em("content",a.value)]:!0}));return e.createVNode("span",{class:i.value},[c.value?c.value:($=s.default)==null?void 0:$.call(s)])}),se=e.computed(()=>u.value&&e.createVNode("span",{class:[r.e("close")],onClick:b},[e.createVNode(A,null,null)]));return()=>e.createVNode(e.Transition,{name:"message-fade",onAfterLeave:V},{default:()=>[o.value&&e.createVNode("div",{class:Z.value,style:{...ne.value},onMouseenter:D,onMouseleave:I},[te.value,oe.value,se.value])]})}});function U(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const h=e.shallowReactive([]),q=n=>h.findIndex(s=>s.id===n)*65+80,G=n=>{const t=h.findIndex(s=>s.id===n);return t!==-1&&h.splice(t,1),t},X=(n,t,s)=>{const o=document.createElement("div");o.id=n;const c=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(F,e.mergeProps(t,{id:n,onDestroy:c.unmount}),U(s)?s:{default:()=>[s]})}});return document.body.appendChild(o),c.mount(o),{id:n,props:t}},z={duration:3e3,type:"normal"},v=n=>{const t=!n||M(n)?{message:n}:n;return{...z,...t}};let S=0;function y(n){const t=n.onClose||null,s=n.message;delete n.message;const o=e.reactive({...z,...n,onClose:()=>{o.visible=!1,G(o.id),t==null||t()}});S++;const c=`message_${S}`;o.id=c;const a=X(c,o,s);h.push(a),o.visible=!0}function W(n){const t=v(n);y({...t})}function H(n){const t=v(n);y({...t,type:"success"})}function J(n){const t=v(n);y({...t,type:"error"})}function K(n){const t=v(n);y({...t,type:"warning"})}function Q(n){const t=v(n);y({...t,type:"info"})}const C=Object.assign(W,{success:H,error:J,warning:K,info:Q});console.log(C);var Y={title:"Message \u5168\u5C40\u63D0\u793A",category:"\u53CD\u9988",status:"100%",install(n){n.config.globalProperties.$message=C}};f.Message=C,f.default=Y,f.messageProps=x,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(f,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis!="undefined"?globalThis:f||self,e(f.index={},f.Vue))})(this,function(f,e){"use strict";const M=n=>typeof n=="string",P={name:{type:String,default:"",required:!0},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]}},T={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function w(n,t,s){let o=n;return t&&(o+=`__${t}`),s&&(o+=`--${s}`),o}function p(n,t=!1){const s=t?`.devui-${n}`:`devui-${n}`;return{b:()=>w(s),e:l=>l?w(s,l):"",m:l=>l?w(s,"",l):"",em:(l,u)=>l&&u?w(s,l,u):""}}var ae="",B=e.defineComponent({name:"DSvgIcon",props:T,setup(n){const{name:t,color:s,size:o}=e.toRefs(n),c=p("svg-icon"),a=e.computed(()=>`#icon-${t.value}`),m=e.computed(()=>typeof o.value=="number"?`${o.value}px`:o.value),l={width:m.value,height:m.value};return()=>e.createVNode("svg",{class:c.b(),style:l},[e.createVNode("use",{"xlink:href":a.value,fill:s.value},null)])}});function L(n){return/^((http|https):)?\/\//.test(n)}function _(n,t){const{component:s,name:o,size:c,color:a,classPrefix:m,rotate:l}=e.toRefs(n),u=p("icon"),r=e.computed(()=>typeof c.value=="number"?`${c.value}px`:c.value),d=s.value?e.resolveDynamicComponent(s.value):e.resolveDynamicComponent(B),g=()=>e.createVNode("img",e.mergeProps({src:o.value,alt:o.value.split("/")[o.value.split("/").length-1],class:[(l==null?void 0:l.value)==="infinite"&&u.m("spin")],style:{width:r.value||"",transform:`rotate(${l==null?void 0:l.value}deg)`,verticalAlign:"middle"}},t.attrs),null),C=()=>e.createVNode(d,e.mergeProps({name:o.value,color:a.value,size:r.value,class:[(l==null?void 0:l.value)==="infinite"&&u.m("spin")],style:{transform:`rotate(${l==null?void 0:l.value}deg)`}},t.attrs),null),b=()=>{const V=/^icon-/.test(o.value)?o.value:`${m.value}-${o.value}`;return e.createVNode("i",e.mergeProps({class:[m.value,V,(l==null?void 0:l.value)==="infinite"&&u.m("spin")],style:{fontSize:r.value,color:a.value,transform:`rotate(${l==null?void 0:l.value}deg)`}},t.attrs),null)};return{iconDom:()=>s.value?C():L(o.value)?g():b()}}var k=e.defineComponent({name:"DIcon",props:P,emits:["click"],setup(n,t){const{disabled:s,operable:o}=e.toRefs(n),{iconDom:c}=_(n,t),a=p("icon"),m=e.computed(()=>({[a.e("container")]:!0,[a.m("disabled")]:s.value,[a.m("operable")]:o.value})),l=u=>{s.value||t.emit("click",u)};return()=>{var u,r,d,g;return e.createVNode("div",{class:m.value,onClick:l},[(r=(u=t.slots).prefix)==null?void 0:r.call(u),c(),(g=(d=t.slots).suffix)==null?void 0:g.call(d)])}}}),ce="";e.defineComponent({name:"DIconGroup",setup(n,t){const s=p("icon-group");return()=>{var o,c;return e.createVNode("div",{class:s.b()},[(c=(o=t.slots).default)==null?void 0:c.call(o)])}}});var A=e.defineComponent({emits:["click"],setup(n,{emit:t}){const s=p("message");return()=>e.createVNode("div",{class:s.e("icon-close"),onClick:o=>t("click",o)},[e.createVNode(k,{name:"close",size:"14px"},null)])}});const I={id:{type:String,default:""},visible:{type:Boolean,default:!1},message:{type:String,default:""},type:{type:String,default:"normal"},bordered:{type:Boolean,default:!0},shadow:{type:Boolean,default:!0},duration:{type:Number,default:3e3},showClose:{type:Boolean,default:!1},onClose:{type:Function}},N=p("message");function O(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:N.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"},null)])}function R(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:N.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4z"},null)])}function j(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:N.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"},null)])}function E(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:N.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336L512 457.664z"},null)])}var re="",F=e.defineComponent({name:"DMessage",props:I,emits:["destroy","close"],setup(n,{emit:t,slots:s}){const{visible:o,message:c,type:a,bordered:m,shadow:l,showClose:u}=e.toRefs(n),r=p("message");let d=null,g;const C=()=>{t("destroy")},b=()=>{var i;d&&clearTimeout(d),d=null,(i=n.onClose)==null||i.call(n)},D=()=>{d&&(clearTimeout(d),d=null)},V=()=>{if(n.visible){const i=n.duration-(Date.now()-g);d=setTimeout(b,i)}};e.watch(()=>n.visible,i=>{i&&(g=Date.now(),n.duration&&(d=setTimeout(b,n.duration)))});const Z=e.computed(()=>({[r.b()]:!0,[r.m(a.value)]:!0})),ee=e.computed(()=>q(n.id)),ne=e.computed(()=>{const i={};return m.value||(i.border="none"),l.value||(i["box-shadow"]="none"),{...i,top:`${ee.value}px`}}),te=e.computed(()=>{const i=e.computed(()=>({[r.e("image")]:!0,[r.em("image",a.value)]:!0}));return!(!a.value||a.value==="normal")&&e.createVNode("span",{class:i.value},[a.value&&(a.value==="success"&&e.createVNode(O,null,null)||a.value==="info"&&e.createVNode(j,null,null)||a.value==="warning"&&e.createVNode(R,null,null)||a.value==="error"&&e.createVNode(E,null,null))])}),oe=e.computed(()=>{var $;const i=e.computed(()=>({[r.e("content")]:!0,[r.em("content",a.value)]:!0}));return e.createVNode("span",{class:i.value},[c.value?c.value:($=s.default)==null?void 0:$.call(s)])}),se=e.computed(()=>u.value&&e.createVNode("span",{class:[r.e("close")],onClick:b},[e.createVNode(A,null,null)]));return()=>e.createVNode(e.Transition,{name:"message-fade",onAfterLeave:C},{default:()=>[o.value&&e.createVNode("div",{class:Z.value,style:{...ne.value},onMouseenter:D,onMouseleave:V},[te.value,oe.value,se.value])]})}});function U(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const h=e.shallowReactive([]),q=n=>h.findIndex(s=>s.id===n)*65+80,G=n=>{const t=h.findIndex(s=>s.id===n);return t!==-1&&h.splice(t,1),t},X=(n,t,s)=>{const o=document.createElement("div");o.id=n;const c=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(F,e.mergeProps(t,{id:n,onDestroy:c.unmount}),U(s)?s:{default:()=>[s]})}});return document.body.appendChild(o),c.mount(o),{id:n,props:t}},x={duration:3e3,type:"normal"},v=n=>{const t=!n||M(n)?{message:n}:n;return{...x,...t}};let z=0;function y(n){const t=n.onClose||null,s=n.message;delete n.message;const o=e.reactive({...x,...n,onClose:()=>{o.visible=!1,G(o.id),t==null||t()}});z++;const c=`message_${z}`;o.id=c;const a=X(c,o,s);h.push(a),o.visible=!0}function W(n){const t=v(n);y({...t})}function H(n){const t=v(n);y({...t,type:"success"})}function J(n){const t=v(n);y({...t,type:"error"})}function K(n){const t=v(n);y({...t,type:"warning"})}function Q(n){const t=v(n);y({...t,type:"info"})}const S=Object.assign(W,{success:H,error:J,warning:K,info:Q});var Y={title:"Message \u5168\u5C40\u63D0\u793A",category:"\u53CD\u9988",status:"100%",install(n){n.config.globalProperties.$message=S}};f.Message=S,f.default=Y,f.messageProps=I,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/message/style.css

@@ -1 +1 @@
-.devui-icon__container{display:inline-block;color:var(--devui-icon-fill, #71757f)}.devui-icon__container>*:not(:last-child){vertical-align:middle;margin-right:8px}.devui-icon__container i{vertical-align:middle;transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-icon--disabled i{color:var(--devui-disabled-text, #adb0b8)}.devui-icon--operable:not(.devui-icon--disabled){cursor:pointer;transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--operable:not(.devui-icon--disabled) i{cursor:pointer}.devui-icon--operable:hover:not(.devui-icon--disabled){color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:hover:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-hover, var(--devui-list-item-hover-bg, #f2f2f3))}.devui-icon--operable:hover:not(.devui-icon--disabled) i{color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:active:not(.devui-icon--disabled){color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable:active:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-active, var(--devui-list-item-active-bg, #f2f5fc))}.devui-icon--operable:active:not(.devui-icon--disabled) i{color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable.devui-icon__container{height:32px;line-height:32px;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 4px);transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--spin{animation:iconSpin 2.5s linear infinite}.devui-svg-icon{vertical-align:middle}@keyframes iconSpin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.devui-icon-group{display:inline-flex;align-items:center}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable){padding:8px;margin-left:0}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable):first-child{margin-left:-8px}.devui-icon-group>*:not(:first-child){margin-left:0}.devui-message{position:fixed;z-index:var(--devui-z-index-modal, 1079);padding:10px 15px;border-radius:var(--devui-border-radius-feedback, 4px);left:50%;transform:translate(-50%);top:80px;display:flex;align-items:center;border-width:1px;border-style:solid;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;background-color:var(--devui-base-bg, #ffffff);transition:top .5s ease}.devui-message--success{background-color:var(--devui-success-bg, #edfff9);border-color:var(--devui-success-line, #50d4ab)}.devui-message--info{background-color:var(--devui-info-bg, #f2f5fc);border-color:var(--devui-info-line, #5e7ce0)}.devui-message--warning{background-color:var(--devui-warning-bg, #fff3e8);border-color:var(--devui-warning-line, #fa9841)}.devui-message--error{background-color:var(--devui-danger-bg, #ffeeed);border-color:var(--devui-danger-line, #f66f6a)}.devui-message__close{margin-left:auto;padding-left:10px;margin-top:-2px}.devui-message__image{margin-top:1px;display:inline-block;width:var(--devui-font-size-icon, 16px);min-width:var(--devui-font-size-icon, 16px);min-height:var(--devui-font-size-icon, 16px);height:var(--devui-font-size-icon, 16px);padding:0;line-height:1;margin-right:10px}.devui-message__image--success{color:var(--devui-success, #50d4ab)}.devui-message__image--info{color:var(--devui-info, #5e7ce0)}.devui-message__image--warning{color:var(--devui-warning, #fac20a)}.devui-message__image--error{color:var(--devui-danger, #f66f6a)}.devui-message__content{font-size:var(--devui-font-size-page-title, 16px);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.devui-message__content--success{color:var(--devui-success, #50d4ab)}.devui-message__content--info{color:var(--devui-info, #5e7ce0)}.devui-message__content--warning{color:var(--devui-warning, #fac20a)}.devui-message__content--error{color:var(--devui-danger, #f66f6a)}.message-fade-enter-active,.message-fade-leave-active{transform:translate(-50%);transition:all .5s ease}.message-fade-enter-from,.message-fade-leave-to{opacity:0;transform:translate(-50%,-200%)}
+.devui-icon__container{display:inline-block;color:var(--devui-icon-fill, #71757f)}.devui-icon__container>*:not(:last-child){vertical-align:middle;margin-right:8px}.devui-icon__container i{vertical-align:middle;transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-icon--disabled i{color:var(--devui-disabled-text, #adb0b8)}.devui-icon--operable:not(.devui-icon--disabled){cursor:pointer;transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--operable:not(.devui-icon--disabled) i{cursor:pointer}.devui-icon--operable:hover:not(.devui-icon--disabled){color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:hover:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-hover, var(--devui-list-item-hover-bg, #f2f2f3))}.devui-icon--operable:hover:not(.devui-icon--disabled) i{color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:active:not(.devui-icon--disabled){color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable:active:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-active, var(--devui-list-item-active-bg, #f2f5fc))}.devui-icon--operable:active:not(.devui-icon--disabled) i{color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable.devui-icon__container{height:32px;line-height:32px;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 4px);transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--spin{animation:iconSpin 2.5s linear infinite}.devui-svg-icon{vertical-align:middle}@keyframes iconSpin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.devui-icon-group{display:inline-flex;align-items:center}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable){padding:8px;margin-left:0}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable):first-child{margin-left:-8px}.devui-icon-group>*:not(:first-child){margin-left:0}.devui-message{position:fixed;z-index:var(--devui-z-index-modal, 1079);padding:10px 15px;border-radius:var(--devui-border-radius-feedback, 4px);left:50%;transform:translate(-50%);top:80px;display:flex;align-items:center;border-width:1px;border-style:solid;border-color:var(--devui-line, #d7d8da);box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;background-color:var(--devui-base-bg, #ffffff);transition:top .5s ease}.devui-message--success{background-color:var(--devui-success-bg, #edfff9);border-color:var(--devui-success-line, #50d4ab)}.devui-message--info{background-color:var(--devui-info-bg, #f2f5fc);border-color:var(--devui-info-line, #5e7ce0)}.devui-message--warning{background-color:var(--devui-warning-bg, #fff3e8);border-color:var(--devui-warning-line, #fa9841)}.devui-message--error{background-color:var(--devui-danger-bg, #ffeeed);border-color:var(--devui-danger-line, #f66f6a)}.devui-message__close{margin-left:auto;padding-left:10px;margin-top:-2px}.devui-message__image{margin-top:1px;display:inline-block;width:var(--devui-font-size-icon, 16px);min-width:var(--devui-font-size-icon, 16px);min-height:var(--devui-font-size-icon, 16px);height:var(--devui-font-size-icon, 16px);padding:0;line-height:1;margin-right:10px}.devui-message__image--success{color:var(--devui-success, #50d4ab)}.devui-message__image--info{color:var(--devui-info, #5e7ce0)}.devui-message__image--warning{color:var(--devui-warning, #fac20a)}.devui-message__image--error{color:var(--devui-danger, #f66f6a)}.devui-message__content{font-size:var(--devui-font-size-page-title, 16px);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.devui-message__content--success{color:var(--devui-success, #50d4ab)}.devui-message__content--info{color:var(--devui-info, #5e7ce0)}.devui-message__content--warning{color:var(--devui-warning, #fac20a)}.devui-message__content--error{color:var(--devui-danger, #f66f6a)}.message-fade-enter-active,.message-fade-leave-active{transform:translate(-50%);transition:all .5s ease}.message-fade-enter-from,.message-fade-leave-to{opacity:0;transform:translate(-50%,-200%)}

package/modal/index.es.js

@@ -626,7 +626,9 @@ var Modal = defineComponent({
           var _a;
           return [showModal.value && createVNode("div", mergeProps({
             "class": ns.b()
-          }, attrs), [showClose.value && createVNode(Icon, {
+          }, attrs, {
+            "onClick": (e) => e.stopPropagation()
+          }), [showClose.value && createVNode(Icon, {
             "name": "close",
             "class": "btn-close",
             "size": "var(--devui-font-size-md,12px)",

package/modal/index.umd.js

@@ -1 +1 @@
-(function(h,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):(h=typeof globalThis!="undefined"?globalThis:h||self,t(h.index={},h.Vue,h.dom))})(this,function(h,t,g){"use strict";const k={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0},beforeClose:{type:Function},escapable:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},showOverlay:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!0}},M={name:{type:String,default:"",required:!0},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]}},P={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function C(n,e,o){let l=n;return e&&(l+=`__${e}`),o&&(l+=`--${o}`),l}function v(n,e=!1){const o=e?`.devui-${n}`:`devui-${n}`;return{b:()=>C(o),e:r=>r?C(o,r):"",m:r=>r?C(o,"",r):"",em:(r,s)=>r&&s?C(o,r,s):""}}var Q="",T=t.defineComponent({name:"DSvgIcon",props:P,setup(n){const{name:e,color:o,size:l}=t.toRefs(n),a=v("svg-icon"),d=t.computed(()=>`#icon-${e.value}`),i=t.computed(()=>typeof l.value=="number"?`${l.value}px`:l.value),r={width:i.value,height:i.value};return()=>t.createVNode("svg",{class:a.b(),style:r},[t.createVNode("use",{"xlink:href":d.value,fill:o.value},null)])}});function I(n){return/^((http|https):)?\/\//.test(n)}function $(n,e){const{component:o,name:l,size:a,color:d,classPrefix:i,rotate:r}=t.toRefs(n),s=v("icon"),c=t.computed(()=>typeof a.value=="number"?`${a.value}px`:a.value),u=o.value?t.resolveDynamicComponent(o.value):t.resolveDynamicComponent(T),f=()=>t.createVNode("img",t.mergeProps({src:l.value,alt:l.value.split("/")[l.value.split("/").length-1],class:[(r==null?void 0:r.value)==="infinite"&&s.m("spin")],style:{width:c.value||"",transform:`rotate(${r==null?void 0:r.value}deg)`,verticalAlign:"middle"}},e.attrs),null),m=()=>t.createVNode(u,t.mergeProps({name:l.value,color:d.value,size:c.value,class:[(r==null?void 0:r.value)==="infinite"&&s.m("spin")],style:{transform:`rotate(${r==null?void 0:r.value}deg)`}},e.attrs),null),y=()=>{const w=/^icon-/.test(l.value)?l.value:`${i.value}-${l.value}`;return t.createVNode("i",t.mergeProps({class:[i.value,w,(r==null?void 0:r.value)==="infinite"&&s.m("spin")],style:{fontSize:c.value,color:d.value,transform:`rotate(${r==null?void 0:r.value}deg)`}},e.attrs),null)};return{iconDom:()=>o.value?m():I(l.value)?f():y()}}var z=t.defineComponent({name:"DIcon",props:M,emits:["click"],setup(n,e){const{disabled:o,operable:l}=t.toRefs(n),{iconDom:a}=$(n,e),d=v("icon"),i=t.computed(()=>({[d.e("container")]:!0,[d.m("disabled")]:o.value,[d.m("operable")]:l.value})),r=s=>{o.value||e.emit("click",s)};return()=>{var s,c,u,f;return t.createVNode("div",{class:i.value,onClick:r},[(c=(s=e.slots).prefix)==null?void 0:c.call(s),a(),(f=(u=e.slots).suffix)==null?void 0:f.call(u)])}}}),W="";t.defineComponent({name:"DIconGroup",setup(n,e){const o=v("icon-group");return()=>{var l,a;return t.createVNode("div",{class:o.b()},[(a=(l=e.slots).default)==null?void 0:a.call(l)])}}});const R={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function B(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const n=document.documentElement.scrollTop,e=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${n}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{e?document.documentElement.setAttribute("style",e):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=n}}}function L(n,e){let o;const l=d=>{d.preventDefault(),e.emit("click",d),n.closeOnClickOverlay&&e.emit("update:modelValue",!1)},a=()=>{o==null||o()};return t.watch(()=>n.modelValue,d=>{d?n.lockScroll&&(o=B()):a()}),t.onUnmounted(a),{onClick:l}}var Z="";const F=t.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:R,emits:["update:modelValue","click"],setup(n,e){const{modelValue:o}=t.toRefs(n),l=v("fixed-overlay"),{onClick:a}=L(n,e);return()=>t.createVNode(t.Transition,{name:l.m("fade")},{default:()=>{var d,i;return[o.value&&t.createVNode("div",t.mergeProps({class:l.b()},e.attrs,{onClick:a}),[(i=(d=e.slots).default)==null?void 0:i.call(d)])]}})}}),U={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}};function _(n){const e=/(auto|scroll|hidden)/;for(let o=n;o=o.parentElement;o.parentElement!==document.body){const l=window.getComputedStyle(o);if(e.test(l.overflow+l.overflowX+l.overflowY))return o}return window}function j(n,e,o,l){let{x:a,y:d}=e;if(!n){const{width:i,height:r}=l;a&&o.includes("start")&&(a=12),a&&o.includes("end")&&(a=Math.round(i-24)),d&&o.includes("start")&&(d=10),d&&o.includes("end")&&(d=r-14)}return{x:a,y:d}}function H(n,e){const o=t.ref(),l=t.ref();let a=null;const d=(r,s,c,u)=>{const{x:f,y:m}=j(n.isArrowCenter,c,s,u.getBoundingClientRect()),y={top:"bottom",right:"left",bottom:"top",left:"right"}[s.split("-")[0]];Object.assign(r.style,{left:f?`${f}px`:"",top:m?`${m}px`:"",right:"",bottom:"",[y]:"-4px"})},i=async()=>{const r=n.origin,s=t.unref(o.value),c=t.unref(l.value),u=[g.offset(n.offset),g.autoPlacement({alignment:n.align,allowedPlacements:n.position})];n.showArrow&&u.push(g.arrow({element:c})),n.shiftOffset!==void 0&&u.push(g.shift());const{x:f,y:m,placement:y,middlewareData:p}=await g.computePosition(r,s,{strategy:"fixed",middleware:u});let w=f,x=m;if(n.shiftOffset!==void 0){const{x:D,y:A}=p.shift;D<0&&(w-=n.shiftOffset),D>0&&(w+=n.shiftOffset),A<0&&(x-=n.shiftOffset),A>0&&(x+=n.shiftOffset)}e("positionChange",y),Object.assign(s.style,{top:`${x}px`,left:`${w}px`}),n.showArrow&&d(c,y,p.arrow,s)};return t.watch(()=>n.modelValue,()=>{n.modelValue&&n.origin?(a=_(n.origin),t.nextTick(i),a==null||a.addEventListener("scroll",i),a!==window&&window.addEventListener("scroll",i),window.addEventListener("resize",i)):(a==null||a.removeEventListener("scroll",i),a!==window&&window.removeEventListener("scroll",i),window.removeEventListener("resize",i))}),t.onUnmounted(()=>{a==null||a.removeEventListener("scroll",i),a!==window&&window.removeEventListener("scroll",i),window.removeEventListener("resize",i)}),{arrowRef:l,overlayRef:o,updatePosition:i}}var ee="";t.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:U,emits:["update:modelValue","positionChange"],setup(n,{slots:e,attrs:o,emit:l,expose:a}){const d=v("flexible-overlay"),{arrowRef:i,overlayRef:r,updatePosition:s}=H(n,l);return a({updatePosition:s}),()=>{var c;return n.modelValue&&t.createVNode("div",t.mergeProps({ref:r,class:d.b()},o),[(c=e.default)==null?void 0:c.call(e),n.showArrow&&t.createVNode("div",{ref:i,class:d.e("arrow")},null)])}}});const q=typeof window!="undefined";function X(n,e){function o(){e("update:modelValue",!1)}function l(){n.beforeClose?n.beforeClose(o):o()}function a(){n.closeOnClickOverlay&&l()}function d(){l()}function i(r){r.keyCode===27&&l()}return t.onMounted(()=>{n.escapable&&window.addEventListener("keydown",i)}),t.onUnmounted(()=>{n.escapable&&window.addEventListener("keydown",i)}),{onCloseBtnClick:d,onOverlayClick:a}}function Y(n){const e=t.ref(!1),o=t.ref(!1);let l;const a=()=>{l==null||l()};return t.watch(()=>n.modelValue,d=>{d?(n.lockScroll&&(l=B()),e.value=!0,t.nextTick(()=>{o.value=!0})):(a(),o.value=!1,setTimeout(()=>{e.value=!1},100))},{immediate:!0}),t.onUnmounted(a),{showContainer:e,showModal:o}}var O=t.defineComponent({name:"DModalHeader",setup(n,{slots:e}){const o=v("modal");return()=>{var l;return t.createVNode("div",{class:o.e("header")},[(l=e.default)==null?void 0:l.call(e)])}}}),E=t.defineComponent({name:"DModalBody",setup(n,{slots:e}){const o=v("modal");return()=>{var l;return t.createVNode("div",{class:o.e("body")},[(l=e.default)==null?void 0:l.call(e)])}}}),te="",b=t.defineComponent({name:"DModal",inheritAttrs:!1,props:k,emits:["update:modelValue"],setup(n,{slots:e,attrs:o,emit:l}){const a=v("modal"),{modelValue:d,title:i,showClose:r,showOverlay:s,appendToBody:c}=t.toRefs(n),{onCloseBtnClick:u,onOverlayClick:f}=X(n,l),{showContainer:m,showModal:y}=Y(n);return()=>t.createVNode(t.Teleport,{to:"body",disabled:!c.value},{default:()=>[s.value&&t.createVNode(F,{modelValue:d.value,"onUpdate:modelValue":p=>d.value=p,"lock-scroll":!1,style:{zIndex:"calc(var(--devui-z-index-modal, 1050) - 1)"}},null),m.value&&t.createVNode("div",{class:a.e("container"),onClick:f},[t.createVNode(t.Transition,{name:a.m("wipe")},{default:()=>{var p;return[y.value&&t.createVNode("div",t.mergeProps({class:a.b()},o),[r.value&&t.createVNode(z,{name:"close",class:"btn-close",size:"var(--devui-font-size-md,12px)",onClick:u},null),e.header?e.header():i.value&&t.createVNode(O,null,{default:()=>[i.value]}),t.createVNode(E,null,{default:()=>{var w;return[(w=e.default)==null?void 0:w.call(e)]}}),(p=e.footer)==null?void 0:p.call(e)])]}})])]})}}),S=t.defineComponent({name:"DModalFooter",setup(n,{slots:e}){const o=v("modal");return()=>{var l;return t.createVNode("div",{class:o.e("footer")},[(l=e.default)==null?void 0:l.call(e)])}}});class G{constructor(e){this.anchorContainer=e}renderModal(e,o,l){const a=t.h(this.component(),o,l);return t.render(a,e),a}renderNull(e){setTimeout(()=>{t.render(null,e)},500)}}let V;class N extends G{component(){return b}open(e={}){const o=document.createElement("div");this.anchorContainer.appendChild(o);const{header:l,content:a,footer:d,...i}=e,r=(u,f)=>this.renderModal(o,{...u,modelValue:!0,"onUpdate:modelValue":f},{header:l,default:a,footer:d}),s=()=>{var f,m,y;const u=p=>{p||s()};r(i,p=>{p?r(i,u):(this.renderModal(o,{...i,modelValue:!1}),this.renderNull(o))}),(y=(m=(f=V==null?void 0:V.component)==null?void 0:f.exposed)==null?void 0:m.handleVisibleChange)==null||y.call(m,!1)},c=u=>{u||s()};return this.renderModal(o,{modelValue:!1}),V=r(i,c),{hide:s}}}N.token="MODAL_SERVICE_TOKEN";var K={title:"Modal \u5F39\u7A97",category:"\u53CD\u9988",status:"100%",install(n){if(n.component(b.name,b),n.component(O.name,O),n.component(E.name,E),n.component(S.name,S),!q)return;let e=document.getElementById("d-modal-anchors-container");e||(e=document.createElement("div"),e.setAttribute("id","d-modal-anchors-container"),document.body.appendChild(e)),n.provide(N.token,new N(e))}};h.Modal=b,h.default=K,h.modalProps=k,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(h,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):(h=typeof globalThis!="undefined"?globalThis:h||self,t(h.index={},h.Vue,h.dom))})(this,function(h,t,g){"use strict";const k={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0},beforeClose:{type:Function},escapable:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},showOverlay:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!0}},M={name:{type:String,default:"",required:!0},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]}},P={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function C(n,e,o){let l=n;return e&&(l+=`__${e}`),o&&(l+=`--${o}`),l}function v(n,e=!1){const o=e?`.devui-${n}`:`devui-${n}`;return{b:()=>C(o),e:r=>r?C(o,r):"",m:r=>r?C(o,"",r):"",em:(r,d)=>r&&d?C(o,r,d):""}}var Q="",T=t.defineComponent({name:"DSvgIcon",props:P,setup(n){const{name:e,color:o,size:l}=t.toRefs(n),a=v("svg-icon"),s=t.computed(()=>`#icon-${e.value}`),i=t.computed(()=>typeof l.value=="number"?`${l.value}px`:l.value),r={width:i.value,height:i.value};return()=>t.createVNode("svg",{class:a.b(),style:r},[t.createVNode("use",{"xlink:href":s.value,fill:o.value},null)])}});function I(n){return/^((http|https):)?\/\//.test(n)}function $(n,e){const{component:o,name:l,size:a,color:s,classPrefix:i,rotate:r}=t.toRefs(n),d=v("icon"),c=t.computed(()=>typeof a.value=="number"?`${a.value}px`:a.value),u=o.value?t.resolveDynamicComponent(o.value):t.resolveDynamicComponent(T),f=()=>t.createVNode("img",t.mergeProps({src:l.value,alt:l.value.split("/")[l.value.split("/").length-1],class:[(r==null?void 0:r.value)==="infinite"&&d.m("spin")],style:{width:c.value||"",transform:`rotate(${r==null?void 0:r.value}deg)`,verticalAlign:"middle"}},e.attrs),null),m=()=>t.createVNode(u,t.mergeProps({name:l.value,color:s.value,size:c.value,class:[(r==null?void 0:r.value)==="infinite"&&d.m("spin")],style:{transform:`rotate(${r==null?void 0:r.value}deg)`}},e.attrs),null),y=()=>{const w=/^icon-/.test(l.value)?l.value:`${i.value}-${l.value}`;return t.createVNode("i",t.mergeProps({class:[i.value,w,(r==null?void 0:r.value)==="infinite"&&d.m("spin")],style:{fontSize:c.value,color:s.value,transform:`rotate(${r==null?void 0:r.value}deg)`}},e.attrs),null)};return{iconDom:()=>o.value?m():I(l.value)?f():y()}}var z=t.defineComponent({name:"DIcon",props:M,emits:["click"],setup(n,e){const{disabled:o,operable:l}=t.toRefs(n),{iconDom:a}=$(n,e),s=v("icon"),i=t.computed(()=>({[s.e("container")]:!0,[s.m("disabled")]:o.value,[s.m("operable")]:l.value})),r=d=>{o.value||e.emit("click",d)};return()=>{var d,c,u,f;return t.createVNode("div",{class:i.value,onClick:r},[(c=(d=e.slots).prefix)==null?void 0:c.call(d),a(),(f=(u=e.slots).suffix)==null?void 0:f.call(u)])}}}),W="";t.defineComponent({name:"DIconGroup",setup(n,e){const o=v("icon-group");return()=>{var l,a;return t.createVNode("div",{class:o.b()},[(a=(l=e.slots).default)==null?void 0:a.call(l)])}}});const R={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function B(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const n=document.documentElement.scrollTop,e=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${n}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{e?document.documentElement.setAttribute("style",e):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=n}}}function L(n,e){let o;const l=s=>{s.preventDefault(),e.emit("click",s),n.closeOnClickOverlay&&e.emit("update:modelValue",!1)},a=()=>{o==null||o()};return t.watch(()=>n.modelValue,s=>{s?n.lockScroll&&(o=B()):a()}),t.onUnmounted(a),{onClick:l}}var Z="";const F=t.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:R,emits:["update:modelValue","click"],setup(n,e){const{modelValue:o}=t.toRefs(n),l=v("fixed-overlay"),{onClick:a}=L(n,e);return()=>t.createVNode(t.Transition,{name:l.m("fade")},{default:()=>{var s,i;return[o.value&&t.createVNode("div",t.mergeProps({class:l.b()},e.attrs,{onClick:a}),[(i=(s=e.slots).default)==null?void 0:i.call(s)])]}})}}),U={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}};function _(n){const e=/(auto|scroll|hidden)/;for(let o=n;o=o.parentElement;o.parentElement!==document.body){const l=window.getComputedStyle(o);if(e.test(l.overflow+l.overflowX+l.overflowY))return o}return window}function j(n,e,o,l){let{x:a,y:s}=e;if(!n){const{width:i,height:r}=l;a&&o.includes("start")&&(a=12),a&&o.includes("end")&&(a=Math.round(i-24)),s&&o.includes("start")&&(s=10),s&&o.includes("end")&&(s=r-14)}return{x:a,y:s}}function H(n,e){const o=t.ref(),l=t.ref();let a=null;const s=(r,d,c,u)=>{const{x:f,y:m}=j(n.isArrowCenter,c,d,u.getBoundingClientRect()),y={top:"bottom",right:"left",bottom:"top",left:"right"}[d.split("-")[0]];Object.assign(r.style,{left:f?`${f}px`:"",top:m?`${m}px`:"",right:"",bottom:"",[y]:"-4px"})},i=async()=>{const r=n.origin,d=t.unref(o.value),c=t.unref(l.value),u=[g.offset(n.offset),g.autoPlacement({alignment:n.align,allowedPlacements:n.position})];n.showArrow&&u.push(g.arrow({element:c})),n.shiftOffset!==void 0&&u.push(g.shift());const{x:f,y:m,placement:y,middlewareData:p}=await g.computePosition(r,d,{strategy:"fixed",middleware:u});let w=f,x=m;if(n.shiftOffset!==void 0){const{x:D,y:A}=p.shift;D<0&&(w-=n.shiftOffset),D>0&&(w+=n.shiftOffset),A<0&&(x-=n.shiftOffset),A>0&&(x+=n.shiftOffset)}e("positionChange",y),Object.assign(d.style,{top:`${x}px`,left:`${w}px`}),n.showArrow&&s(c,y,p.arrow,d)};return t.watch(()=>n.modelValue,()=>{n.modelValue&&n.origin?(a=_(n.origin),t.nextTick(i),a==null||a.addEventListener("scroll",i),a!==window&&window.addEventListener("scroll",i),window.addEventListener("resize",i)):(a==null||a.removeEventListener("scroll",i),a!==window&&window.removeEventListener("scroll",i),window.removeEventListener("resize",i))}),t.onUnmounted(()=>{a==null||a.removeEventListener("scroll",i),a!==window&&window.removeEventListener("scroll",i),window.removeEventListener("resize",i)}),{arrowRef:l,overlayRef:o,updatePosition:i}}var ee="";t.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:U,emits:["update:modelValue","positionChange"],setup(n,{slots:e,attrs:o,emit:l,expose:a}){const s=v("flexible-overlay"),{arrowRef:i,overlayRef:r,updatePosition:d}=H(n,l);return a({updatePosition:d}),()=>{var c;return n.modelValue&&t.createVNode("div",t.mergeProps({ref:r,class:s.b()},o),[(c=e.default)==null?void 0:c.call(e),n.showArrow&&t.createVNode("div",{ref:i,class:s.e("arrow")},null)])}}});const q=typeof window!="undefined";function X(n,e){function o(){e("update:modelValue",!1)}function l(){n.beforeClose?n.beforeClose(o):o()}function a(){n.closeOnClickOverlay&&l()}function s(){l()}function i(r){r.keyCode===27&&l()}return t.onMounted(()=>{n.escapable&&window.addEventListener("keydown",i)}),t.onUnmounted(()=>{n.escapable&&window.addEventListener("keydown",i)}),{onCloseBtnClick:s,onOverlayClick:a}}function Y(n){const e=t.ref(!1),o=t.ref(!1);let l;const a=()=>{l==null||l()};return t.watch(()=>n.modelValue,s=>{s?(n.lockScroll&&(l=B()),e.value=!0,t.nextTick(()=>{o.value=!0})):(a(),o.value=!1,setTimeout(()=>{e.value=!1},100))},{immediate:!0}),t.onUnmounted(a),{showContainer:e,showModal:o}}var O=t.defineComponent({name:"DModalHeader",setup(n,{slots:e}){const o=v("modal");return()=>{var l;return t.createVNode("div",{class:o.e("header")},[(l=e.default)==null?void 0:l.call(e)])}}}),E=t.defineComponent({name:"DModalBody",setup(n,{slots:e}){const o=v("modal");return()=>{var l;return t.createVNode("div",{class:o.e("body")},[(l=e.default)==null?void 0:l.call(e)])}}}),te="",b=t.defineComponent({name:"DModal",inheritAttrs:!1,props:k,emits:["update:modelValue"],setup(n,{slots:e,attrs:o,emit:l}){const a=v("modal"),{modelValue:s,title:i,showClose:r,showOverlay:d,appendToBody:c}=t.toRefs(n),{onCloseBtnClick:u,onOverlayClick:f}=X(n,l),{showContainer:m,showModal:y}=Y(n);return()=>t.createVNode(t.Teleport,{to:"body",disabled:!c.value},{default:()=>[d.value&&t.createVNode(F,{modelValue:s.value,"onUpdate:modelValue":p=>s.value=p,"lock-scroll":!1,style:{zIndex:"calc(var(--devui-z-index-modal, 1050) - 1)"}},null),m.value&&t.createVNode("div",{class:a.e("container"),onClick:f},[t.createVNode(t.Transition,{name:a.m("wipe")},{default:()=>{var p;return[y.value&&t.createVNode("div",t.mergeProps({class:a.b()},o,{onClick:w=>w.stopPropagation()}),[r.value&&t.createVNode(z,{name:"close",class:"btn-close",size:"var(--devui-font-size-md,12px)",onClick:u},null),e.header?e.header():i.value&&t.createVNode(O,null,{default:()=>[i.value]}),t.createVNode(E,null,{default:()=>{var w;return[(w=e.default)==null?void 0:w.call(e)]}}),(p=e.footer)==null?void 0:p.call(e)])]}})])]})}}),S=t.defineComponent({name:"DModalFooter",setup(n,{slots:e}){const o=v("modal");return()=>{var l;return t.createVNode("div",{class:o.e("footer")},[(l=e.default)==null?void 0:l.call(e)])}}});class G{constructor(e){this.anchorContainer=e}renderModal(e,o,l){const a=t.h(this.component(),o,l);return t.render(a,e),a}renderNull(e){setTimeout(()=>{t.render(null,e)},500)}}let V;class N extends G{component(){return b}open(e={}){const o=document.createElement("div");this.anchorContainer.appendChild(o);const{header:l,content:a,footer:s,...i}=e,r=(u,f)=>this.renderModal(o,{...u,modelValue:!0,"onUpdate:modelValue":f},{header:l,default:a,footer:s}),d=()=>{var f,m,y;const u=p=>{p||d()};r(i,p=>{p?r(i,u):(this.renderModal(o,{...i,modelValue:!1}),this.renderNull(o))}),(y=(m=(f=V==null?void 0:V.component)==null?void 0:f.exposed)==null?void 0:m.handleVisibleChange)==null||y.call(m,!1)},c=u=>{u||d()};return this.renderModal(o,{modelValue:!1}),V=r(i,c),{hide:d}}}N.token="MODAL_SERVICE_TOKEN";var K={title:"Modal \u5F39\u7A97",category:"\u53CD\u9988",status:"100%",install(n){if(n.component(b.name,b),n.component(O.name,O),n.component(E.name,E),n.component(S.name,S),!q)return;let e=document.getElementById("d-modal-anchors-container");e||(e=document.createElement("div"),e.setAttribute("id","d-modal-anchors-container"),document.body.appendChild(e)),n.provide(N.token,new N(e))}};h.Modal=b,h.default=K,h.modalProps=k,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/nuxt/components/Mention.js

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

package/nuxt/components/Menu.js

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

package/nuxt/components/MenuItem.js

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

package/nuxt/components/SubMenu.js

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

package/nuxt/components/mentionProps.js

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

package/nuxt/components/treeNodeProps.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-devui",
-  "version": "1.0.0-rc.16",
+  "version": "1.0.0-rc.17",
   "license": "MIT",
   "description": "DevUI components based on Vite and Vue3",
   "keywords": [
@@ -31,7 +31,7 @@
     "@floating-ui/dom": "^0.4.4",
     "@types/lodash-es": "^4.17.4",
     "@vue/shared": "^3.2.33",
-    "@vueuse/core": "^7.7.1",
+    "@vueuse/core": "8.9.4",
     "async-validator": "^4.0.2",
     "dayjs": "^1.11.3",
     "devui-theme": "^0.0.1",

package/popover/index.es.js

@@ -1,4 +1,4 @@
-import { watch, onUnmounted, defineComponent, toRefs, createVNode, Transition, mergeProps, ref, nextTick, unref, Comment, Text, Fragment, h, inject, withDirectives, cloneVNode, computed, onMounted, provide, Teleport } from "vue";
+import { watch, onUnmounted, defineComponent, toRefs, createVNode, Transition, mergeProps, ref, nextTick, unref, Comment, Text, Fragment, h, inject, withDirectives, cloneVNode, computed, onMounted, provide, Teleport, withModifiers } from "vue";
 import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
 const fixedOverlayProps = {
   modelValue: {
@@ -6037,6 +6037,8 @@ var Popover = defineComponent({
           "style": overlayStyles.value
         }, attrs, {
           "onPositionChange": handlePositionChange,
+          "onClick": withModifiers(() => ({}), ["stop"]),
+          "onPointerup": withModifiers(() => ({}), ["stop"]),
           "onMouseenter": onMouseenter,
           "onMouseleave": onMouseleave
         }), {