vue-devui 1.0.0-beta.9 → 1.0.0-pre.0

package/accordion/index.umd.js

@@ -1 +1 @@
-var F=Object.defineProperty;var T=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var K=(t,e,n)=>e in t?F(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,h=(t,e)=>{for(var n in e||(e={}))I.call(e,n)&&K(t,n,e[n]);if(T)for(var n of T(e))w.call(e,n)&&K(t,n,e[n]);return t};(function(t,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis!="undefined"?globalThis:t||self,e(t.index={},t.Vue))})(this,function(t,e){"use strict";const n={data:{type:Array,default:null},titleKey:{type:String,default:"title"},loadingKey:{type:String,default:"loading"},childrenKey:{type:String,default:"children"},disabledKey:{type:String,default:"disabled"},activeKey:{type:String,default:"active"},openKey:{type:String,default:"open"},menuItemTemplate:{type:String,default:""},itemTemplate:{type:String,default:""},menuToggle:{type:Function,default:null},itemClick:{type:Function,default:null},activeItemChange:{type:Function,default:null},restrictOneOpen:{type:Boolean,default:!1},autoOpenActiveMenu:{type:Boolean,default:!1},showNoContent:{type:Boolean,default:!0},noContentTemplate:{type:String,default:""},loadingTemplate:{type:String,default:""},innerListTemplate:{type:String,default:""},linkType:{type:String,default:""},linkTypeKey:{type:String,default:"linkType"},linkKey:{type:String,default:"link"},linkTargetKey:{type:String,default:"target"},linkDefaultTarget:{type:String,default:"_self"},accordionType:{type:String,default:"normal"}};var N=e.defineComponent({name:"DAccordionMenu",props:h({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},n),setup(a){const{item:l,deepth:d}=e.toRefs(a);e.computed(()=>r===void 0&&a.autoOpenActiveMenu?o:r);const r=e.computed(()=>l==null?void 0:l.value[a.openKey]),o=e.computed(()=>{});return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis",l.value.children?"open active":""],title:l.value.title},[l.value.title]),e.createVNode(A,{class:"devui-accordion-submenu devui-accordion-show-animate",style:"opacity: 1; overflow: hidden;",deepth:d.value+1,data:l.value.children||[],parent:l.value},null)])}}),A=e.defineComponent({name:"DAccordionList",inheritAttrs:!1,components:{DAccordionMenu:N},props:h({data:{type:Array,default:null},deepth:{type:Number,default:0},parent:{type:Object,default:null},innerListTemplate:Boolean},n),setup(a,{attrs:l,slots:d}){const{childrenKey:r,innerListTemplate:o,deepth:y}=e.toRefs(a);return()=>e.createVNode(e.Fragment,null,[!o.value&&e.createVNode("ul",e.mergeProps({class:"devui-accordion-list"},l),[a.data.map(f=>e.createVNode("li",{class:"devui-accordion-item",key:f.title},[r!==void 0&&e.createVNode(e.resolveComponent("d-accordion-menu"),e.mergeProps({item:f,deepth:a.deepth,parent:a.parent},n),null)]))]),o.value&&y.value!==0&&e.createVNode("div",null,[d.default?d.innerListTemplate():""])])}}),B="",p=e.defineComponent({name:"DAccordion",props:n,setup(a,{emit:l}){const{data:d,childrenKey:r,activeKey:o,openKey:y,accordionType:f,autoOpenActiveMenu:b,restrictOneOpen:D}=e.toRefs(a);let u;const m=(i,c="children",S=!1,M=!0)=>i.reduce((s,g)=>{const v=g[c];return v===void 0?M&&s.push(g):(S&&s.push(g),Array.isArray(v)&&s.push(...m(v,c,S))),s},[]),k=()=>{const i=m(d.value,r.value).filter(c=>c[o.value]).pop();i?u||C(i):u=void 0},C=i=>{u&&u[o.value]&&(u[o.value]=!1),i[o.value]=!0,u=i,l("activeItemChange",u)},V=()=>{m(d.value,r.value,!0,!1).forEach(i=>i[y.value]=void 0)};return e.onMounted(()=>{d.value&&k()}),e.watch(()=>b.value,(i,c)=>{console.log("cur, new",i,c),i&&c===!1&&V()}),()=>e.createVNode("div",{class:`devui-accordion-menu devui-scrollbar ${f.value==="normal"?"devui-accordion-menu-normal":""}`},[e.createVNode(A,e.mergeProps({data:d,deepth:0,parent:null},a),null)])}});p.install=function(a){a.component(p.name,p)};var O={title:"Accordion \u624B\u98CE\u7434",category:"\u5BFC\u822A",status:"10%",install(a){a.use(p)}};t.Accordion=p,t.default=O,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});
+var U=Object.defineProperty,Z=Object.defineProperties;var G=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var S=(v,e,F)=>e in v?U(v,e,{enumerable:!0,configurable:!0,writable:!0,value:F}):v[e]=F,I=(v,e)=>{for(var F in e||(e={}))J.call(e,F)&&S(v,F,e[F]);if(M)for(var F of M(e))Q.call(e,F)&&S(v,F,e[F]);return v},R=(v,e)=>Z(v,G(e));(function(v,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(v=typeof globalThis!="undefined"?globalThis:v||self,e(v.index={},v.Vue,v.vueRouter))})(this,function(v,e,F){"use strict";const K={data:{type:Array,default:null},titleKey:{type:String,default:"title"},loadingKey:{type:String,default:"loading"},childrenKey:{type:String,default:"children"},disabledKey:{type:String,default:"disabled"},activeKey:{type:String,default:"active"},openKey:{type:String,default:"open"},menuItemTemplate:{type:Boolean,default:!0},itemTemplate:{type:Boolean,default:!0},menuToggle:{type:Function,default:null},itemClick:{type:Function,default:null},activeItemChange:{type:Function,default:null},restrictOneOpen:{type:Boolean,default:!1},autoOpenActiveMenu:{type:Boolean,default:!1},showNoContent:{type:Boolean,default:!0},noContentTemplate:{type:Boolean,default:!0},loadingTemplate:{type:Boolean,default:!0},innerListTemplate:{type:Boolean,default:!0},linkType:{type:String,default:""},linkTypeKey:{type:String,default:"linkType"},linkKey:{type:String,default:"link"},linkTargetKey:{type:String,default:"target"},linkDefaultTarget:{type:String,default:"_self"},accordionType:{type:String,default:"normal"}},B=()=>e.createVNode("svg",{width:"1em",height:"1em",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",{d:"M12.1464466,6.85355339 L8.35355339,10.6464466 C8.15829124,10.8417088 7.84170876,10.8417088 7.64644661,10.6464466 L3.85355339,6.85355339 C3.65829124,6.65829124 3.65829124,6.34170876 3.85355339,6.14644661 C3.94732158,6.05267842 4.07449854,6 4.20710678,6 L11.7928932,6 C12.0690356,6 12.2928932,6.22385763 12.2928932,6.5 C12.2928932,6.63260824 12.2402148,6.7597852 12.1464466,6.85355339 Z","fill-rule":"nonzero"},null)])]),O=()=>{const n="DAccordion",t=f=>{if(f&&f.type.name===n)return f;if(f&&f.parent){const k=f.parent;return t(k)}},p=t(e.getCurrentInstance());return p==null?void 0:p.slots};var _=e.defineComponent({name:"DAccordionMenu",components:{OpenIcon:B},props:I({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},K),setup(n){const{item:t,deepth:p,parent:f,openKey:k,activeKey:N,autoOpenActiveMenu:T,disabledKey:A,childrenKey:y,titleKey:u,menuItemTemplate:r}=e.toRefs(n),g=O(),h=e.inject("accordionContext"),C=f.value,o=p.value,c=V=>{h.menuToggleFn(V)},a=V=>{if(V[N.value]===!0)return!0;if(V[y.value])return m(V[y.value])},m=V=>{let w=!1;if(!V.length)return!1;for(let j=0;j<V.length;j++){if(V[j][N.value]===!0){w=!0;break}if(V[j][y.value]&&(w=m(V[j][y.value]),w))break}return w},l=e.computed(()=>t.value&&t.value[k.value]),i=e.computed(()=>t.value&&t.value[A.value]),d=e.computed(()=>t.value&&t.value[u.value]),b=e.computed(()=>t.value&&t.value[y.value]),x=e.computed(()=>a(t.value)),s=e.computed(()=>l.value===void 0&&T.value?x.value:l.value);return()=>{var V;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis",s.value&&"open",x.value&&"active",i.value&&"disabled"],title:d.value,style:{textIndent:o*20+"px"},onClick:w=>!i.value&&c({item:t.value,open:!s.value,parent:C,event:w})},[e.createVNode("div",{class:["devui-accordion-splitter",o===0&&"devui-parent-list"],style:{left:o*20+10+"px"}},null),(!g.menuItemTemplate||r.value===!1)&&e.createVNode(e.Fragment,null,[d.value]),g.menuItemTemplate&&r.value!==!1&&((V=g.menuItemTemplate)==null?void 0:V.call(g,{parent:C,deepth:o,item:t.value})),e.createVNode("span",{class:"devui-accordion-open-icon"},[e.createVNode(B,null,null)])]),e.createVNode("div",{class:[!s.value&&"devui-accordion-menu-hidden","devui-accordion-submenu","devui-accordion-show-animate"]},[e.createVNode(P,e.mergeProps(n,{deepth:o+1,data:b.value||[],parent:t.value}),null)])])}}}),D=e.defineComponent({name:"DAccordionItem",props:I({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},K),setup(n){const{item:t,deepth:p,parent:f,titleKey:k,activeKey:N,disabledKey:T,itemTemplate:A}=e.toRefs(n),y=O(),u=e.inject("accordionContext"),r=f.value,g=p.value,h=e.computed(()=>t.value&&t.value[T.value]),C=e.computed(()=>t.value&&t.value[k.value]),o=e.computed(()=>t.value&&t.value[N.value]),c=e.computed(()=>o.value),a=m=>{t.value&&!h.value&&u.itemClickFn(m)};return()=>{var m;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis",c.value&&"active",h.value&&"disabled"],title:C.value,style:{textIndent:g*20+"px"},onClick:l=>a({item:t.value,parent:r,event:l})},[e.createVNode("div",{class:["devui-accordion-splitter",g===0&&"devui-parent-list"],style:{left:g*20+10+"px"}},null),(!y.itemTemplate||A.value===!1)&&e.createVNode(e.Fragment,null,[C.value]),y.itemTemplate&&A.value!==!1&&((m=y.itemTemplate)==null?void 0:m.call(y,{parent:r,deepth:g,item:t.value}))])])}}}),q=e.defineComponent({name:"DAccordionItemHreflink",component:{DAccordionItem:D},props:I({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},K),setup(n){const{item:t,deepth:p,parent:f,titleKey:k,linkKey:N,linkTargetKey:T,linkDefaultTarget:A,disabledKey:y,itemTemplate:u}=e.toRefs(n),r=O(),g=e.inject("accordionContext"),h=e.computed(()=>t.value&&t.value[k.value]),C=e.computed(()=>t.value&&t.value[N.value]),o=e.computed(()=>t.value&&(t.value[T.value]||A.value)),c=e.computed(()=>t.value&&t.value[y.value]),a=f.value,m=p.value,l=d=>{t.value&&!c.value&&g.itemClickFn(d)},i=()=>{var d;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-splitter",m===0&&"devui-parent-list"],style:{left:m*20+10+"px"}},null),(!r.itemTemplate||u.value===!1)&&e.createVNode(e.Fragment,null,[h.value]),r.itemTemplate&&u.value!==!1&&((d=r.itemTemplate)==null?void 0:d.call(r,{parent:a,deepth:m,item:t.value}))])};return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title",c.value&&"disabled"],style:{textIndent:m*20+"px"}},[!c.value&&e.createVNode("a",{href:C.value,target:o.value,class:"devui-over-flow-ellipsis",title:h.value,onClick:d=>l({item:t.value,parent:a,event:d})},[i()]),c.value&&e.createVNode("a",{class:"devui-over-flow-ellipsis",title:h.value},[i()])])])}});function H(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}var z=e.defineComponent({name:"DAccordionItemRouterlink",component:{DAccordionItem:D},props:I({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},K),setup(n){const{item:t,deepth:p,parent:f,titleKey:k,linkKey:N,linkDefaultTarget:T,disabledKey:A,itemTemplate:y}=e.toRefs(n),u=F.useRoute(),r=O(),g=e.inject("accordionContext");console.log(F.useRoute());const h=e.computed(()=>t.value&&t.value[k.value]),C=e.computed(()=>t.value&&t.value[N.value]),o=e.computed(()=>u!==void 0),c=e.computed(()=>u===C.value),a=e.computed(()=>t.value&&t.value[A.value]),m=f.value,l=p.value,i=b=>{t.value&&!a.value&&g.itemClickFn(b)},d=()=>{var b;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-splitter",l===0&&"devui-parent-list"],style:{left:l*20+10+"px"}},null),(!r.itemTemplate||y.value===!1)&&e.createVNode(e.Fragment,null,[h.value]),r.itemTemplate&&y.value!==!1&&((b=r.itemTemplate)==null?void 0:b.call(r,{parent:m,deepth:l,item:t.value}))])};return()=>{let b;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title",a.value&&"disabled"],style:{textIndent:l*20+"px"}},[!a.value&&e.createVNode(e.Fragment,null,[o.value&&e.createVNode(e.resolveComponent("router-link"),{to:C.value,class:["devui-over-flow-ellipsis",c.value&&".devui-router-active"],custom:!0,title:h.value,onClick:x=>i({item:t.value,parent:m,event:x})},H(b=d())?b:{default:()=>[b]}),!o.value&&e.createVNode("a",{href:C.value,target:T.value,class:"devui-over-flow-ellipsis",title:h.value,onClick:x=>i({item:t.value,parent:m,event:x})},[d()])]),a.value&&e.createVNode("a",{class:"devui-over-flow-ellipsis",title:h.value},[d()])])])}}}),P=e.defineComponent({name:"DAccordionList",components:{DAccordionMenu:_,DAccordionItem:D,DAccordionItemHreflink:q,DAccordionItemRouterlink:z},inheritAttrs:!1,props:I({data:{type:Array,default:null},deepth:{type:Number,default:0},parent:{type:Object,default:null},innerListTemplate:Boolean},K),setup(n,{attrs:t}){const{childrenKey:p,deepth:f,parent:k,data:N,linkType:T,showNoContent:A,loadingKey:y,titleKey:u,linkTypeKey:r,loadingTemplate:g,noContentTemplate:h,innerListTemplate:C}=e.toRefs(n),o=k.value,c=f.value,a=O(),m=e.inject("accordionContext"),l=e.computed(()=>o&&o[y.value]),i=e.computed(()=>{const d=N.value;return d==null||d.length===0});return()=>{var d,b,x;return e.createVNode(e.Fragment,null,[(!a.innerListTemplate||f.value===0||C.value===!1)&&e.createVNode("ul",e.mergeProps({class:["devui-accordion-list"]},t),[N.value.map(s=>e.createVNode("li",{class:"devui-accordion-item",key:s[u.value]},[s[p.value]!==void 0&&e.createVNode("div",{class:"devui-accordion-menu-item"},[e.createVNode(e.resolveComponent("d-accordion-menu"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null)]),s[p.value]===void 0&&e.createVNode(e.Fragment,null,[(!T.value||T.value==="")&&e.createVNode(e.resolveComponent("d-accordion-item"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null),T.value==="routerLink"&&e.createVNode(e.resolveComponent("d-accordion-item-routerlink"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null),T.value==="hrefLink"&&e.createVNode(e.resolveComponent("d-accordion-item-hreflink"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null),T.value==="dependOnLinkTypeKey"&&e.createVNode(e.Fragment,null,[s[r.value]==="routerLink"&&e.createVNode(e.resolveComponent("d-accordion-item-routerlink"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null),s[r.value]==="hrefLink"&&e.createVNode(e.resolveComponent("d-accordion-item-hreflink"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null),s[r.value]!=="routerLink"&&s[r.value]!=="hrefLink"&&e.createVNode(e.resolveComponent("d-accordion-item"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null)])])]))]),a.innerListTemplate&&C.value!==!1&&c!==0&&((d=a.innerListTemplate)==null?void 0:d.call(a,{item:o,deepth:c,itemClickFn:m.itemClickFn,menuToggleFn:m.menuToggleFn})),(!a.innerListTemplate||C.value===!1)&&(l.value||i.value&&A.value)&&e.createVNode("ul",e.mergeProps({class:["devui-accordion-list"]},t),[l.value&&(!a.loadingTemplate||g.value===!1)&&e.createVNode("li",{class:"devui-accordion-item"},[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis"],style:{textIndent:c*20+"px"}},[e.createTextVNode("\u52A0\u8F7D\u4E2D...")])]),l.value&&a.loadingTemplate&&g.value!==!1&&((b=a.loadingTemplate)==null?void 0:b.call(a,{item:o,deepth:c})),A.value&&!l.value&&i.value&&(!a.noContentTemplate||h.value===!1)&&e.createVNode("li",{class:"devui-accordion-item"},[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis disabled"],style:{textIndent:c*20+"px"}},[e.createTextVNode("\u6CA1\u6709\u6570\u636E")])]),A.value&&!l.value&&i.value&&a.noContentTemplate&&h.value!==!1&&((x=a.noContentTemplate)==null?void 0:x.call(a,{item:o,deepth:c}))])])}}}),W="",L=e.defineComponent({name:"DAccordion",props:K,setup(n,{emit:t}){const{data:p,childrenKey:f,activeKey:k,openKey:N,accordionType:T,autoOpenActiveMenu:A,restrictOneOpen:y}=e.toRefs(n);let u;const r=(l,i="children",d=!1,b=!0)=>l.reduce((x,s)=>{const V=s[i];return V===void 0?b&&x.push(s):(d&&x.push(s),Array.isArray(V)&&x.push(...r(V,i,d))),x},[]),g=()=>{const l=r(p.value,f.value).filter(i=>i[k.value]).pop();l?u||h(l):u=void 0},h=l=>{u&&u[k.value]&&(u[k.value]=!1),l[k.value]=!0,u=l,t("activeItemChange",u)},C=(l,i)=>{i&&y.value&&p.value.forEach(d=>{d[N.value]=!1}),l[N.value]=i},o=l=>{const i=u;h(l.item),t("itemClick",R(I({},l),{prevActiveItem:i}))},c=l=>{const i=u;u=l.item,t("linkItemClick",R(I({},l),{prevActiveItem:i}))},a=l=>{C(l.item,l.open),t("menuToggle",l)},m=()=>{r(p.value,f.value,!0,!1).forEach(l=>l[N.value]=void 0)};return e.provide("accordionContext",{itemClickFn:o,linkItemClickFn:c,menuToggleFn:a}),e.onMounted(()=>{p.value&&g()}),e.watch(()=>A.value,(l,i)=>{l&&i===!1&&m()}),e.watch(p.value,(l,i)=>{g()},{deep:!0}),()=>e.createVNode("div",{class:["devui-accordion-menu","devui-scrollbar","devui-accordion-show-animate",T.value==="normal"&&"devui-accordion-menu-normal"]},[e.createVNode(P,e.mergeProps(n,{data:p.value,deepth:0,parent:null}),null)])}});L.install=function(n){n.component(L.name,L)};var E={title:"Accordion \u624B\u98CE\u7434",category:"\u5BFC\u822A",status:"10%",install(n){n.use(L)}};v.Accordion=L,v.default=E,Object.defineProperty(v,"__esModule",{value:!0}),v[Symbol.toStringTag]="Module"});

package/accordion/style.css

@@ -1 +1 @@
-@charset "UTF-8";:host{display:block}.devui-accordion-menu-item,d-accordion-item,d-accordion-item-hreflink,d-accordion-item-routerlink,.devui-accordion-list{display:block}.devui-accordion-menu{display:block;background:var(--devui-base-bg, #ffffff);width:100%;overflow-y:auto;border-radius:var(--devui-border-radius, 2px);height:100%}.devui-accordion-menu.devui-accordion-menu-normal{box-shadow:var(--devui-shadow-length-base, 0 1px 4px 0) var(--devui-shadow, rgba(0, 0, 0, .2))}.devui-accordion-menu>.devui-accordion-list{padding:10px 0}.devui-accordion-menu .devui-over-flow-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.devui-accordion-submenu{background:var(--devui-base-bg, #ffffff);width:100%}.devui-accordion-item-title{display:block;height:40px;width:100%;padding:0 10px 0 20px;font-weight:400;line-height:40px;color:var(--devui-text-weak, #575d6c);background:transparent;cursor:pointer}.devui-accordion-item-title.disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-accordion-item-title.disabled>a{color:var(--devui-disabled-text, #adb0b8)}.devui-accordion-item-title:not(.disabled):hover{background:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-accordion-item-title:not(.disabled).devui-router-active,.devui-accordion-item-title:not(.disabled).active:not(.open){color:var(--devui-brand-active, #526ecc);font-weight:bold}.devui-accordion-item-title:not(.disabled).devui-router-active>a,.devui-accordion-item-title:not(.disabled).active:not(.open)>a{color:var(--devui-brand-active, #526ecc)}.devui-accordion-item-title>a{text-decoration:none;display:block;width:100%;color:var(--devui-text-weak, #575d6c)}.devui-accordion-item-title>a:hover{color:inherit;text-decoration:none}d-accordion-item-hreflink.devui-accordion-item-title,d-accordion-item-routerlink.devui-accordion-item-title{padding:0}d-accordion-item-hreflink.devui-accordion-item-title>a,d-accordion-item-routerlink.devui-accordion-item-title>a{padding:0 10px 0 20px}.devui-accordion-menu-item>.devui-accordion-item-title{position:relative}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon{display:inline-block;text-indent:0;pointer-events:none;position:absolute;right:10px;top:12px;width:16px;height:16px;line-height:16px;transition:transform ease-out .3s}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg{width:16px;height:16px}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg polygon{fill:var(--devui-text-weak, #575d6c)}.devui-accordion-menu-item>.devui-accordion-item-title:not(.open).active svg polygon{fill:var(--devui-icon-fill-active, #5e7ce0)}.devui-accordion-menu-item>.devui-accordion-item-title:not(.open)>.devui-accordion-open-icon{transform:rotate(-180deg);transform-origin:center}.devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon{color:var(--devui-disabled-text, #adb0b8)}.devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon svg polygon{fill:var(--devui-disabled-text, #adb0b8)}.devui-accordion-menu-item>.devui-accordion-item-title{padding-right:30px}.devui-accordion-menu-item>.devui-accordion-item-title.active:not(.open){color:var(--devui-brand-active, #526ecc);background:transparent}.devui-accordion-list.devui-accordion-menu-hidden{display:none}.devui-accordion-item-title{position:relative}.devui-accordion-item-title .devui-accordion-splitter{position:absolute;display:inline-block;left:10px;width:2px;height:40px;background:var(--devui-dividing-line, #dfe1e6);vertical-align:middle}.devui-accordion-item-title .devui-accordion-splitter.devui-parent-list{background-color:transparent}.devui-accordion-item-title .devui-accordion-splitter:before{content:"";display:block;width:2px;height:18px;background:var(--devui-form-control-line-active, #5e7ce0);position:absolute;top:11px;left:0;opacity:0}.devui-accordion-item-title.devui-router-active:not(.open) .devui-accordion-splitter:before,.devui-accordion-item-title.active:not(.open) .devui-accordion-splitter:before{opacity:1}.devui-accordion-show-animate .devui-accordion-item-title{transition:font-weight var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-accordion-show-animate .devui-accordion-item-title .devui-accordion-splitter:before{transform:scaleY(0);transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-accordion-show-animate .devui-accordion-item-title.devui-router-active:not(.open) .devui-accordion-splitter:before,.devui-accordion-show-animate .devui-accordion-item-title.active:not(.open) .devui-accordion-splitter:before{transform:scaleY(1)}.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:28px;top:12px}.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter:before{top:0}.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:28px;top:0}.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter:before{top:initial;bottom:0}.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:18px;top:11px}.devui-accordion-item>a{padding:0 10px 0 20px;color:var(--devui-text-weak, #575d6c);display:block;text-decoration:none;width:100%}.devui-accordion-item-title .tag-done{display:inline-block;height:18px;min-height:20px;padding:0 10px;margin-left:8px;line-height:18px;color:#fa9841;border:solid 1px #fa9841;background:var(--devui-base-bg, #ffffff);font-size:var(--devui-font-size, 12px);border-radius:var(--devui-border-radius, 2px);text-indent:0;cursor:default}
+@charset "UTF-8";.devui-accordion-menu ol,.devui-accordion-menu ul{margin:0!important;line-height:0!important;font-size:12px}:host{display:block}.devui-accordion-menu-item,d-accordion-item,d-accordion-item-hreflink,d-accordion-item-routerlink,.devui-accordion-list{display:block}.devui-accordion-menu{display:block;background:var(--devui-base-bg, #ffffff);width:100%;overflow-y:auto;border-radius:var(--devui-border-radius, 2px);height:100%}.devui-accordion-menu.devui-accordion-menu-normal{box-shadow:var(--devui-shadow-length-base, 0 1px 4px 0) var(--devui-shadow, rgba(0, 0, 0, .2))}.devui-accordion-menu>.devui-accordion-list{padding:10px 0}.devui-accordion-menu .devui-over-flow-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.devui-accordion-submenu{background:var(--devui-base-bg, #ffffff);width:100%}.devui-accordion-item-title{display:block;height:40px;width:100%;padding:0 10px 0 20px;font-weight:400;line-height:40px;color:var(--devui-text-weak, #575d6c);background:transparent;cursor:pointer}.devui-accordion-item-title.disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-accordion-item-title.disabled>a{color:var(--devui-disabled-text, #adb0b8)}.devui-accordion-item-title:not(.disabled):hover{background:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-accordion-item-title:not(.disabled).devui-router-active,.devui-accordion-item-title:not(.disabled).active:not(.open){color:var(--devui-brand-active, #526ecc);font-weight:700}.devui-accordion-item-title:not(.disabled).devui-router-active>a,.devui-accordion-item-title:not(.disabled).active:not(.open)>a{color:var(--devui-brand-active, #526ecc)}.devui-accordion-item-title>a{text-decoration:none;display:block;width:100%;color:var(--devui-text-weak, #575d6c)}.devui-accordion-item-title>a:hover{color:inherit;text-decoration:none}d-accordion-item-hreflink.devui-accordion-item-title,d-accordion-item-routerlink.devui-accordion-item-title{padding:0}d-accordion-item-hreflink.devui-accordion-item-title>a,d-accordion-item-routerlink.devui-accordion-item-title>a{padding:0 10px 0 20px}.devui-accordion-menu-item>.devui-accordion-item-title{position:relative}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon{display:inline-block;text-indent:0;pointer-events:none;position:absolute;right:10px;top:12px;width:16px;height:16px;line-height:16px;transition:transform ease-out .3s}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg{width:16px;height:16px}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg path{fill:var(--devui-text-weak, #575d6c)}.devui-accordion-menu-item>.devui-accordion-item-title:not(.open).active svg path{fill:var(--devui-icon-fill-active, #5e7ce0)}.devui-accordion-menu-item>.devui-accordion-item-title.open>.devui-accordion-open-icon{transform:rotate(180deg);transform-origin:center}.devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon{color:var(--devui-disabled-text, #adb0b8)}.devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon svg path{fill:var(--devui-disabled-text, #adb0b8)}.devui-accordion-menu-item>.devui-accordion-item-title{padding-right:30px}.devui-accordion-menu-item>.devui-accordion-item-title.active:not(.open){color:var(--devui-brand-active, #526ecc);background:transparent}.devui-accordion-list .devui-accordion-menu-hidden{opacity:0;height:0;overflow:hidden}.devui-accordion-item-title{position:relative}.devui-accordion-item-title .devui-accordion-splitter{position:absolute;display:inline-block;left:10px;width:2px;height:40px;background:var(--devui-dividing-line, #dfe1e6);vertical-align:middle}.devui-accordion-item-title .devui-accordion-splitter.devui-parent-list{background-color:transparent}.devui-accordion-item-title .devui-accordion-splitter:before{content:"";display:block;width:2px;height:18px;background:var(--devui-form-control-line-active, #5e7ce0);position:absolute;top:11px;left:0;opacity:0}.devui-accordion-item-title.devui-router-active:not(.open) .devui-accordion-splitter:before,.devui-accordion-item-title.active:not(.open) .devui-accordion-splitter:before{opacity:1}.devui-accordion-show-animate .devui-accordion-item-title{transition:font-weight var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-accordion-show-animate .devui-accordion-item-title .devui-accordion-splitter:before{transform:scaleY(0);transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-accordion-show-animate .devui-accordion-item-title.devui-router-active:not(.open) .devui-accordion-splitter:before,.devui-accordion-show-animate .devui-accordion-item-title.active:not(.open) .devui-accordion-splitter:before{transform:scaleY(1)}.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:28px;top:12px}.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter:before{top:0}.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:28px;top:0}.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter:before{top:initial;bottom:0}.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:18px;top:11px}.devui-accordion-item>a{padding:0 10px 0 20px;color:var(--devui-text-weak, #575d6c);display:block;text-decoration:none;width:100%}.devui-accordion-item-title .tag-done{display:inline-block;height:18px;min-height:20px;padding:0 10px;margin-left:8px;line-height:18px;color:#fa9841;border:solid 1px #fa9841;background:var(--devui-base-bg, #ffffff);font-size:var(--devui-font-size, 12px);border-radius:var(--devui-border-radius, 2px);text-indent:0;cursor:default}

package/alert/index.es.js

@@ -120,20 +120,20 @@ var Alert = defineComponent({
     const hide = ref(false);
     const closing = ref(false);
     const alertEl = ref();
+    let dismissTimer = void 0;
     const close = (event) => {
-      const dom = alertEl.value;
-      dom.style.height = `${dom.offsetHeight}px`;
-      dom.style.height = `${dom.offsetHeight}px`;
+      dismissTimer && clearTimeout(dismissTimer);
       closing.value = true;
       ctx.emit("close", event);
     };
     const afterLeave = () => {
+      dismissTimer = void 0;
       hide.value = true;
       closing.value = false;
     };
     onMounted(() => {
       if (props.dismissTime) {
-        setTimeout(() => {
+        dismissTimer = window.setTimeout(() => {
           close();
         }, props.dismissTime);
       }
@@ -147,9 +147,8 @@ var Alert = defineComponent({
           var _a, _b;
           return [withDirectives(createVNode("div", {
             "ref": alertEl,
-            "class": `devui-alert devui-alert-${props.type} ${props.cssClass} ${closing.value ? "devui-alter-close" : null}`
-          }, [props.closeable ? createVNode("button", {
-            "type": "button",
+            "class": `devui-alert devui-alert-${props.type} ${props.cssClass} ${closing.value ? "devui-alter-close" : ""}`
+          }, [props.closeable ? createVNode("div", {
             "class": "devui-close",
             "onClick": close
           }, [createVNode(AlertCloseIcon, null, null)]) : null, props.showIcon !== false && props.type !== "simple" ? createVNode("span", {

package/alert/index.umd.js

@@ -1 +1 @@
-(function(l,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(l=typeof globalThis!="undefined"?globalThis:l||self,e(l.index={},l.Vue))})(this,function(l,e){"use strict";const u=()=>e.createVNode("svg",{width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{transform:"translate(-3.000000, -3.000000)","fill-rule":"nonzero"},[e.createVNode("path",{d:"M11.6426,3.19816936 C11.9239974,2.91574512 12.4131626,2.93784891 12.7352108,3.24751057 C13.0571998,3.5572302 13.0901298,4.03723416 12.8087324,4.31965839 L9.14064666,7.99900183 L12.8087324,11.6803416 C13.0645482,11.9370909 13.0605893,12.3571292 12.8158402,12.6640749 L12.7352108,12.7524894 C12.4131626,13.0621511 11.9239974,13.0842548 11.6426,12.8018306 L8,9.14489021 L4.35740003,12.8018306 C4.10158422,13.05858 3.6740594,13.0636532 3.35648225,12.8298003 L3.26478919,12.7524894 C2.94280021,12.4427698 2.90987023,11.9627658 3.19126762,11.6803416 L6.8583349,7.99900183 L3.19126762,4.31965839 C2.93545181,4.06290908 2.93941068,3.64287076 3.18415975,3.3359251 L3.26478919,3.24751057 C3.58683735,2.93784891 4.07600264,2.91574512 4.35740003,3.19816936 L8,6.85411161 L11.6426,3.19816936 Z"},null)])])]),f=t=>e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:`devui-icon ${t.type==="danger"?"devui-icon-error":`devui-icon-${t.type}`}`},[(()=>{switch(t.type){case"success":return e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{"fill-rule":"nonzero",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),e.createVNode("polygon",{"stroke-width":"0.3","fill-rule":"nonzero",points:"6.82767602 11.5282799 3 7.24668779 3.89864233 6.37912367 6.82767602 9.04910002 12.2964408 4 13 4.64144383"},null)]);case"warning":return 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)]);case"info":return e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{"fill-rule":"nonzero"},[e.createVNode("path",{class:"devui-icon-info-outer",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),e.createVNode("path",{class:"devui-icon-info-inner",d:"M9.19008504,7 L8.79402696,13 L7.15622605,13 L6.73158434,7 L9.19008504,7 Z M9,3 L9,5 L7,5 L7,3 L9,3 Z","stroke-width":"0.2"},null)])]);case"danger":return e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{"fill-rule":"nonzero"},[e.createVNode("path",{class:"devui-icon-error-outer",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),e.createVNode("path",{class:"devui-icon-error-inner",d:"M9,10.6 L9,12.6 L7,12.6 L7,10.6 L9,10.6 Z M9.1,3.1 L8.65924344,9.1 L7.28422786,9.1 L6.9,3.1 L9.1,3.1 Z","stroke-width":"0.2"},null)])]);default:return null}})()]);var C="",o=e.defineComponent({name:"DAlert",props:{type:{type:String,default:"info"},cssClass:{type:String,default:""},closeable:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},dismissTime:{type:Number,default:0}},emits:["close"],setup(t,s){const a=e.ref(!1),r=e.ref(!1),d=e.ref(),c=i=>{const n=d.value;n.style.height=`${n.offsetHeight}px`,n.style.height=`${n.offsetHeight}px`,r.value=!0,s.emit("close",i)},L=()=>{a.value=!0,r.value=!1};return e.onMounted(()=>{t.dismissTime&&setTimeout(()=>{c()},t.dismissTime)}),()=>a.value?null:e.createVNode(e.Transition,{name:"devui-alert",onAfterLeave:L},{default:()=>{var i,n;return[e.withDirectives(e.createVNode("div",{ref:d,class:`devui-alert devui-alert-${t.type} ${t.cssClass} ${r.value?"devui-alter-close":null}`},[t.closeable?e.createVNode("button",{type:"button",class:"devui-close",onClick:c},[e.createVNode(u,null,null)]):null,t.showIcon!==!1&&t.type!=="simple"?e.createVNode("span",{class:"devui-alert-icon"},[e.createVNode(f,{type:t.type},null)]):null,(n=(i=s.slots).default)==null?void 0:n.call(i)]),[[e.vShow,!r.value]])]}})}});o.install=function(t){t.component(o.name,o)};var h={title:"Alert \u8B66\u544A",category:"\u53CD\u9988",status:"100%",install(t){t.use(o)}};l.Alert=o,l.default=h,Object.defineProperty(l,"__esModule",{value:!0}),l[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 u=()=>e.createVNode("svg",{width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{transform:"translate(-3.000000, -3.000000)","fill-rule":"nonzero"},[e.createVNode("path",{d:"M11.6426,3.19816936 C11.9239974,2.91574512 12.4131626,2.93784891 12.7352108,3.24751057 C13.0571998,3.5572302 13.0901298,4.03723416 12.8087324,4.31965839 L9.14064666,7.99900183 L12.8087324,11.6803416 C13.0645482,11.9370909 13.0605893,12.3571292 12.8158402,12.6640749 L12.7352108,12.7524894 C12.4131626,13.0621511 11.9239974,13.0842548 11.6426,12.8018306 L8,9.14489021 L4.35740003,12.8018306 C4.10158422,13.05858 3.6740594,13.0636532 3.35648225,12.8298003 L3.26478919,12.7524894 C2.94280021,12.4427698 2.90987023,11.9627658 3.19126762,11.6803416 L6.8583349,7.99900183 L3.19126762,4.31965839 C2.93545181,4.06290908 2.93941068,3.64287076 3.18415975,3.3359251 L3.26478919,3.24751057 C3.58683735,2.93784891 4.07600264,2.91574512 4.35740003,3.19816936 L8,6.85411161 L11.6426,3.19816936 Z"},null)])])]),f=t=>e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:`devui-icon ${t.type==="danger"?"devui-icon-error":`devui-icon-${t.type}`}`},[(()=>{switch(t.type){case"success":return e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{"fill-rule":"nonzero",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),e.createVNode("polygon",{"stroke-width":"0.3","fill-rule":"nonzero",points:"6.82767602 11.5282799 3 7.24668779 3.89864233 6.37912367 6.82767602 9.04910002 12.2964408 4 13 4.64144383"},null)]);case"warning":return 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)]);case"info":return e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{"fill-rule":"nonzero"},[e.createVNode("path",{class:"devui-icon-info-outer",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),e.createVNode("path",{class:"devui-icon-info-inner",d:"M9.19008504,7 L8.79402696,13 L7.15622605,13 L6.73158434,7 L9.19008504,7 Z M9,3 L9,5 L7,5 L7,3 L9,3 Z","stroke-width":"0.2"},null)])]);case"danger":return e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{"fill-rule":"nonzero"},[e.createVNode("path",{class:"devui-icon-error-outer",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),e.createVNode("path",{class:"devui-icon-error-inner",d:"M9,10.6 L9,12.6 L7,12.6 L7,10.6 L9,10.6 Z M9.1,3.1 L8.65924344,9.1 L7.28422786,9.1 L6.9,3.1 L9.1,3.1 Z","stroke-width":"0.2"},null)])]);default:return null}})()]);var w="",l=e.defineComponent({name:"DAlert",props:{type:{type:String,default:"info"},cssClass:{type:String,default:""},closeable:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},dismissTime:{type:Number,default:0}},emits:["close"],setup(t,d){const s=e.ref(!1),o=e.ref(!1),h=e.ref();let r;const a=i=>{r&&clearTimeout(r),o.value=!0,d.emit("close",i)},C=()=>{r=void 0,s.value=!0,o.value=!1};return e.onMounted(()=>{t.dismissTime&&(r=window.setTimeout(()=>{a()},t.dismissTime))}),()=>s.value?null:e.createVNode(e.Transition,{name:"devui-alert",onAfterLeave:C},{default:()=>{var i,c;return[e.withDirectives(e.createVNode("div",{ref:h,class:`devui-alert devui-alert-${t.type} ${t.cssClass} ${o.value?"devui-alter-close":""}`},[t.closeable?e.createVNode("div",{class:"devui-close",onClick:a},[e.createVNode(u,null,null)]):null,t.showIcon!==!1&&t.type!=="simple"?e.createVNode("span",{class:"devui-alert-icon"},[e.createVNode(f,{type:t.type},null)]):null,(c=(i=d.slots).default)==null?void 0:c.call(i)]),[[e.vShow,!o.value]])]}})}});l.install=function(t){t.component(l.name,l)};var L={title:"Alert \u8B66\u544A",category:"\u53CD\u9988",status:"100%",install(t){t.use(l)}};n.Alert=l,n.default=L,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});

package/alert/style.css

@@ -1 +1 @@
-.devui-alert{color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 12px);border:1px solid transparent;line-height:20px;border-radius:var(--devui-border-radius, 2px);padding:10px 10px 10px 16px;word-break:normal;word-wrap:break-word}.devui-alert button.devui-close{color:var(--devui-text, #252b3a);opacity:1}.devui-alert button.devui-close>svg path{fill:var(--devui-light-text, #ffffff)}.devui-alert button.devui-close span{color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 12px);font-weight:bold}.devui-alert.devui-alert-success{background-color:var(--devui-success-bg, #edfff9);border-color:var(--devui-success-line, #50d4ab);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-success button.devui-close>svg path{fill:var(--devui-success-line, #50d4ab)}.devui-alert.devui-alert-info{background-color:var(--devui-info-bg, #f2f5fc);border-color:var(--devui-info-line, #5e7ce0);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-info button.devui-close>svg path{fill:var(--devui-info-line, #5e7ce0)}.devui-alert.devui-alert-warning{background-color:var(--devui-warning-bg, #fff3e8);border-color:var(--devui-warning-line, #fa9841);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-warning button.devui-close>svg path{fill:var(--devui-warning-line, #fa9841)}.devui-alert.devui-alert-danger{background-color:var(--devui-danger-bg, #ffeeed);border-color:var(--devui-danger-line, #f66f6a);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-danger button.devui-close>svg path{fill:var(--devui-danger-line, #f66f6a)}.devui-alert.devui-alert-simple{border-color:var(--devui-line, #adb0b8);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-simple .devui-close>svg path{fill:var(--devui-text-weak, #575d6c)}.devui-alert svg.devui-icon{width:16px;height:16px;vertical-align:middle;transform:translateY(-1px)}.devui-alert .devui-icon.devui-icon-success>g path{fill:var(--devui-success-line, #50d4ab)}.devui-alert .devui-icon.devui-icon-success>g polygon{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert .devui-icon.devui-icon-warning>g path.devui-icon-warning-outer{fill:var(--devui-warning-line, #fa9841)}.devui-alert .devui-icon.devui-icon-warning>g path.devui-icon-warning-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert .devui-icon.devui-icon-info>g path.devui-icon-info-outer{fill:var(--devui-info-line, #5e7ce0)}.devui-alert .devui-icon.devui-icon-info>g path.devui-icon-info-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert .devui-icon.devui-icon-error>g path.devui-icon-error-outer{fill:var(--devui-danger-line, #f66f6a)}.devui-alert .devui-icon.devui-icon-error>g path.devui-icon-error-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert-icon{margin-right:4px}.devui-alter-close{height:0!important;margin:0;padding-top:0;padding-bottom:0;transform-origin:50% 0;transition:all .3s ease-in-out}.devui-alert-leave-active{animation:alertUpOut .3s ease-in-out;animation-fill-mode:both}@keyframes alertUpOut{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(0);transform-origin:0% 0%;opacity:0}}
+.devui-alert{color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 12px);border:1px solid transparent;padding:8px 16px;line-height:24px;border-radius:var(--devui-border-radius, 2px);word-break:normal;word-wrap:break-word}.devui-alert .devui-close{color:var(--devui-text, #252b3a);opacity:1;line-height:26px;height:24px}.devui-alert .devui-close>svg path{fill:var(--devui-light-text, #ffffff)}.devui-alert .devui-close span{color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 12px);font-weight:700}.devui-alert.devui-alert-success{background-color:var(--devui-success-bg, #edfff9);border-color:var(--devui-success-line, #50d4ab);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-success .devui-close>svg path{fill:var(--devui-success-line, #50d4ab)}.devui-alert.devui-alert-info{background-color:var(--devui-info-bg, #f2f5fc);border-color:var(--devui-info-line, #5e7ce0);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-info .devui-close>svg path{fill:var(--devui-info-line, #5e7ce0)}.devui-alert.devui-alert-warning{background-color:var(--devui-warning-bg, #fff3e8);border-color:var(--devui-warning-line, #fa9841);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-warning .devui-close>svg path{fill:var(--devui-warning-line, #fa9841)}.devui-alert.devui-alert-danger{background-color:var(--devui-danger-bg, #ffeeed);border-color:var(--devui-danger-line, #f66f6a);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-danger .devui-close>svg path{fill:var(--devui-danger-line, #f66f6a)}.devui-alert.devui-alert-simple{border-color:var(--devui-line, #adb0b8);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-simple .devui-close>svg path{fill:var(--devui-text-weak, #575d6c)}.devui-alert svg.devui-icon{width:16px;height:16px;vertical-align:middle;transform:translateY(-1px)}.devui-alert .devui-icon.devui-icon-success>g path{fill:var(--devui-success-line, #50d4ab)}.devui-alert .devui-icon.devui-icon-success>g polygon{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert .devui-icon.devui-icon-warning>g path.devui-icon-warning-outer{fill:var(--devui-warning-line, #fa9841)}.devui-alert .devui-icon.devui-icon-warning>g path.devui-icon-warning-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert .devui-icon.devui-icon-info>g path.devui-icon-info-outer{fill:var(--devui-info-line, #5e7ce0)}.devui-alert .devui-icon.devui-icon-info>g path.devui-icon-info-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert .devui-icon.devui-icon-error>g path.devui-icon-error-outer{fill:var(--devui-danger-line, #f66f6a)}.devui-alert .devui-icon.devui-icon-error>g path.devui-icon-error-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert-icon{margin-right:4px}.devui-alter-close{margin:0;padding-top:0;padding-bottom:0;transform-origin:50% 0;transition:all .3s ease-in-out}.devui-alert-leave-active{animation:alertUpOut .3s ease-in-out;animation-fill-mode:both}@keyframes alertUpOut{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(0);transform-origin:0% 0%;opacity:0}}