rappel-ui 1.0.29 → 1.0.31

package/cjs/components/button/src/constants.d.ts

@@ -1,4 +1,4 @@
-export declare const buttonTypes: readonly ["primary", "success", "warning", "danger", "info", ""];
+export declare const buttonTypes: readonly ["primary", "success", "warning", "danger", "error", "info", ""];
 export declare const buttonSizes: readonly ["mini", "small", "", "large"];
 export declare const buttonNativeTypes: readonly ["button", "submit", "reset"];
 export declare const _buttonGroupProps: unique symbol;

package/cjs/components/button/src/constants.js

@@ -1 +1 @@
-var e=[`primary`,`success`,`warning`,`danger`,`info`,``],t=[`mini`,`small`,``,`large`],n=[`button`,`submit`,`reset`],r=Symbol(`_buttonGroupProps`);exports._buttonGroupProps=r,exports.buttonNativeTypes=n,exports.buttonSizes=t,exports.buttonTypes=e;
+var e=[`primary`,`success`,`warning`,`danger`,`error`,`info`,``],t=[`mini`,`small`,``,`large`],n=[`button`,`submit`,`reset`],r=Symbol(`_buttonGroupProps`);exports._buttonGroupProps=r,exports.buttonNativeTypes=n,exports.buttonSizes=t,exports.buttonTypes=e;

package/cjs/components/message/src/create-message.js

@@ -1 +1 @@
-const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");const n=require("./constants.js"),r=require("./message.js");let i=require("vue"),a=require("@vueuse/core");var{ng:o}=t.useNamespace(`message`),s=0,c={},l={},u=(e,t)=>{let n=l[e]||[],r=t;n.forEach(e=>{var t;(t=e.vnode)!=null&&(t=t.component)!=null&&(t=t.exposed)!=null&&t.setOffset&&(e.vnode.component.exposed.setOffset(r),r+=e.offset)})},d=(e,t,r,i)=>{let a=r.getBoundingClientRect(),o=c[e];if(!o)return;let{vnode:s}=o,d=n.verticalPlacement.includes(t)?t:t.split(`-`)[0];switch(l[t]||(l[t]=[]),d){case`left-top`:case`left-bottom`:case`right-top`:case`right-bottom`:case`top`:case`bottom`:{let n=i+a.height;l[t].push({offset:n,id:e,vnode:s});break}case`left`:case`right`:{let n=i+a.width;l[t].push({offset:n,id:e,vnode:s});break}}u(t,i)},f=(e,t)=>{let n=c[e];if(!n||!n.placement)return;let r=l[n.placement];if(!r)return;let i=r.findIndex(t=>t.id===e);i>-1&&r.splice(i,1),u(n.placement,t),r.length===0&&delete l[n.placement]},p=(e,t=20)=>(l[e]||[]).reduce((e,t)=>e+t.offset,0)+t,m=(e,t,r,i)=>{let a=l[r];if(!a)return;let o=a.find(e=>e.id===t);if(o){let t=n.verticalPlacement.includes(r)?r:r.split(`-`)[0],a=e.getBoundingClientRect();switch(t){case`left-top`:case`left-bottom`:case`right-top`:case`right-bottom`:case`top`:case`bottom`:o.offset=i+a.height;break;case`left`:case`right`:o.offset=i+a.width}u(r,i)}},h=(e,t,n,r)=>{let{stop:o,width:s,height:c}=(0,a.useElementSize)(e),{stop:l}=(0,i.watch)(()=>[s.value,c.value],()=>m(e,t,n,r));return{stop:()=>{o(),l()}}},g=e=>{var t;let n=Object.assign({},{placement:`top`,offset:10},e||{}),a=document.createElement(`div`),l=o(`${s++}`),u=parseFloat(n.offset),m=p(n.placement,u),g=null,_=(0,i.createVNode)(r.default,{...n,id:l,offset:m,onBeforeEnter(t){var r;(0,i.nextTick)(()=>{d(l,n.placement,t,u),g=h(t,l,n.placement,u)}),e==null||(r=e.onShow)==null||r.call(e,t)},onAfterEnter(t){var n;e==null||(n=e.onShown)==null||n.call(e,t)},onBeforeLeave(t){var n;e==null||(n=e.onClose)==null||n.call(e,t),f(l,u)},onAfterLeave(t){var n,r;(0,i.render)(null,a),delete c[l],e==null||(n=e.onClosed)==null||n.call(e,t),g==null||(r=g.stop)==null||r.call(g)}});return(0,i.render)(_,a),c[l]={id:l,container:a,vnode:_,props:(_==null||(t=_.component)==null?void 0:t.props)||{},placement:n.placement,close(){var e;(e=_.component)==null||(e=e.exposed)==null||e.close()},show(){var e;(e=_.component)==null||(e=e.exposed)==null||e.show()}},c[l]},_=t=>typeof t==`string`?{content:t}:e.isPlainObject(t)?t:{};n.messageTypes.forEach(e=>{g[e]=t=>g({..._(t),type:e})}),g.closeAll=()=>{Object.values(c).forEach(e=>{var t;e==null||(t=e.close)==null||t.call(e)})};var v=g;exports.createMessage=v;
+const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");const n=require("./constants.js"),r=require("./message.js");let i=require("vue"),a=require("@vueuse/core");var{ng:o}=t.useNamespace(`message`),s=0,c={},l={},u=(e,t)=>{let n=l[e]||[],r=t;n.forEach(e=>{var t;(t=e.vnode)!=null&&(t=t.component)!=null&&(t=t.exposed)!=null&&t.setOffset&&(e.vnode.component.exposed.setOffset(r),r+=e.offset)})},d=(e,t,r,i)=>{let a=r.getBoundingClientRect(),o=c[e];if(!o)return;let{vnode:s}=o,d=n.verticalPlacement.includes(t)?t:t.split(`-`)[0];switch(l[t]||(l[t]=[]),d){case`left-top`:case`left-bottom`:case`right-top`:case`right-bottom`:case`top`:case`bottom`:{let n=i+a.height;l[t].push({offset:n,id:e,vnode:s});break}case`left`:case`right`:{let n=i+a.width;l[t].push({offset:n,id:e,vnode:s});break}}u(t,i)},f=(e,t)=>{let n=c[e];if(!n||!n.placement)return;let r=l[n.placement];if(!r)return;let i=r.findIndex(t=>t.id===e);i>-1&&r.splice(i,1),u(n.placement,t),r.length===0&&delete l[n.placement]},p=(e,t=20)=>(l[e]||[]).reduce((e,t)=>e+t.offset,0)+t,m=(e,t,r,i)=>{let a=l[r];if(!a)return;let o=a.find(e=>e.id===t);if(o){let t=n.verticalPlacement.includes(r)?r:r.split(`-`)[0],a=e.getBoundingClientRect();switch(t){case`left-top`:case`left-bottom`:case`right-top`:case`right-bottom`:case`top`:case`bottom`:o.offset=i+a.height;break;case`left`:case`right`:o.offset=i+a.width}u(r,i)}},h=(e,t,n,r)=>{let{stop:o,width:s,height:c}=(0,a.useElementSize)(e),{stop:l}=(0,i.watch)(()=>[s.value,c.value],()=>m(e,t,n,r));return{stop:()=>{o(),l()}}},g=e=>{var t;let n=Object.assign({},{placement:`top`,offset:16},_(e||{})),a=document.createElement(`div`),l=o(`${s++}`),u=parseFloat(n.offset),m=p(n.placement,u),g=null,v=(0,i.createVNode)(r.default,{...n,id:l,offset:m,onBeforeEnter(e){var t;(0,i.nextTick)(()=>{d(l,n.placement,e,u),g=h(e,l,n.placement,u)}),n==null||(t=n.onShow)==null||t.call(n,e)},onAfterEnter(e){var t;n==null||(t=n.onShown)==null||t.call(n,e)},onBeforeLeave(e){var t;n==null||(t=n.onClose)==null||t.call(n,e),f(l,u)},onAfterLeave(e){var t,r;(0,i.render)(null,a),delete c[l],n==null||(t=n.onClosed)==null||t.call(n,e),g==null||(r=g.stop)==null||r.call(g)}});return(0,i.render)(v,a),c[l]={id:l,container:a,vnode:v,props:(v==null||(t=v.component)==null?void 0:t.props)||{},placement:n.placement,actualOffset:m,close(){var e;(e=v.component)==null||(e=e.exposed)==null||e.close()},show(){var e;(e=v.component)==null||(e=e.exposed)==null||e.show()}},c[l]},_=t=>typeof t==`string`?{content:t}:e.isPlainObject(t)?t:{};n.messageTypes.forEach(e=>{g[e]=t=>g({..._(t),type:e})}),g.closeAll=()=>{Object.values(c).forEach(e=>{var t;e==null||(t=e.close)==null||t.call(e)})};var v=g;exports.createMessage=v;

package/cjs/components/message/src/message.vue.d.ts

@@ -1,20 +1,22 @@
 import { MessageOptions } from './types';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, ShallowRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = MessageOptions;
 type __VLS_ModelProps = {
     'visible'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_15: {}, __VLS_22: {};
+declare var __VLS_15: {}, __VLS_27: {};
 type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_15) => any;
 } & {
-    close?: (props: typeof __VLS_22) => any;
+    close?: (props: typeof __VLS_27) => any;
 };
 declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
     show: () => void;
     setOffset: (offset: number | string) => void;
     close: () => void;
+    isHovered: ShallowRef<boolean>;
+    zIndex: number;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     beforeEnter: (el: HTMLElement) => any;
     enter: (el: HTMLElement, done: () => void) => any;

package/cjs/components/message/src/message.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
-const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js"),n=require("../../../composables/use-z-index/index.js"),r=require("../../../composables/use-theme/index.js");require("../../../composables/index.js");const i=require("../../transition/index.js"),a=require("./constants.js"),o=require("./use-message-emit.js");let s=require("vue"),c=require("@rappel-ui/svg-icons");var l=[`data-placement`],u=[`innerHTML`],d=(0,s.defineComponent)({name:`ReMessage`,__name:`message`,props:(0,s.mergeModels)({content:{default:``},isHtml:{type:Boolean,default:!1},stayDuration:{default:3e3},theme:{default:`light`},reverseTheme:{type:Boolean,default:!1},type:{default:``},offset:{default:20},zIndex:{default:()=>void 0},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},floatingClass:{default:``},placement:{default:`top`},closeIcon:{default:()=>c.CloseShort},showClose:{type:Boolean,default:!1},icon:{default:()=>c.InfoCircle},showIcon:{type:Boolean,default:!0},onClose:{type:Function},onClosed:{type:Function},onShow:{type:Function},onShown:{type:Function},appendTo:{default:`body`},teleported:{type:Boolean,default:!0},defer:{type:Boolean},transition:{default:``},mode:{},cssTransition:{type:Boolean,default:!0},cssDuration:{default:300},appear:{type:Boolean}},{visible:{type:Boolean,default:!1},visibleModifiers:{}}),emits:(0,s.mergeModels)([`iconUpdated`,`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:visible`]),setup(c,{expose:d,emit:f}){let{beforeEnter:p,enter:m,afterEnter:h,beforeLeave:g,leave:_,afterLeave:v}=o.useMessageEmits(f),{ns:y,n:b,nm:x,is:S}=t.useNamespace(`message`),{currentTheme:C}=r.useTheme(c.theme,c.reverseTheme),w=(0,s.computed)(()=>{var e;return(e=c.placement)==null||(e=e.split(`-`))==null?void 0:e[0]}),T=(0,s.computed)(()=>{var e;return(e=c.placement)==null||(e=e.split(`-`))==null?void 0:e[1]}),E=(0,s.ref)(c.offset);(0,s.watch)(()=>c.offset,e=>{E.value=e});let D=e=>{E.value=e},O=(0,s.computed)(()=>[{width:e.toPx(c.width),height:e.toPx(c.height),maxWidth:e.toPx(c.maxWidth),maxHeight:e.toPx(c.maxHeight),zIndex:A.value,[a.verticalPlacement.includes(c.placement)?T.value:w.value]:e.toPx(E.value),position:`fixed`,transition:`opacity ${c.cssDuration/2}ms,
-       transform ${c.cssDuration}ms,
-        bottom ${c.cssDuration}ms,
-        top ${c.cssDuration}ms,
-        left ${c.cssDuration}ms,
-        right ${c.cssDuration}ms`}]),k=(0,s.useModel)(c,`visible`),A=(0,s.ref)(0),{zIndex:j}=n.useZIndex(),{stop:M}=(0,s.watch)(k,e=>{e&&(A.value=c.zIndex||j.value)}),N=[`top`,`bottom`,`left`,`right`].reduce((e,t)=>(e[t]={pos:t,enterFrom:`${t}-enter-from`,enterActive:`${t}-enter-active`,enterTo:`${t}-enter-to`,leaveFrom:`${t}-leave-from`,leaveActive:`${t}-leave-active`,leaveTo:`${t}-leave-to`},e),{}),P=()=>{k.value=!1;let e=null;(0,s.nextTick)(()=>{k.value=!0,e&&(clearTimeout(e),e=null),e=setTimeout(()=>{k.value=!1,e&&(clearTimeout(e),e=null)},parseFloat(String(c.cssDuration))+parseFloat(String(c.stayDuration)))})};return(0,s.onMounted)(()=>{P()}),(0,s.onUnmounted)(()=>{M()}),d({show:P,setOffset:D,close:()=>{k.value=!1}}),(e,t)=>((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(i.ReTransition),(0,s.mergeProps)({teleported:c.teleported,"append-to":c.appendTo,transition:c.transition,"css-duration":c.cssDuration,"css-transition":c.cssTransition,"enter-from-class":(0,s.unref)(N)[w.value].enterFrom,"enter-active-class":(0,s.unref)(N)[w.value].enterActive,"enter-to-class":(0,s.unref)(N)[w.value].enterTo,"leave-from-class":(0,s.unref)(N)[w.value].leaveFrom,"leave-active-class":(0,s.unref)(N)[w.value].leaveActive,"leave-to-class":(0,s.unref)(N)[w.value].leaveTo},e.$attrs,{onBeforeEnter:(0,s.unref)(p),onEnter:(0,s.unref)(m),onAfterEnter:(0,s.unref)(h),onBeforeLeave:(0,s.unref)(g),onLeave:(0,s.unref)(_),onAfterLeave:(0,s.unref)(v)}),{default:(0,s.withCtx)(()=>[k.value?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,ref:`floatingRef`,style:(0,s.normalizeStyle)(O.value),"data-placement":c.placement,class:(0,s.normalizeClass)([(0,s.unref)(b)(),(0,s.unref)(x)(c.type),(0,s.unref)(S)((0,s.unref)(C),!!(0,s.unref)(C)),c.floatingClass])},[(0,s.renderSlot)(e.$slots,`icon`,{},()=>[c.showIcon?((0,s.openBlock)(),(0,s.createElementBlock)(s.Fragment,{key:0},[typeof c.icon==`string`?((0,s.openBlock)(),(0,s.createElementBlock)(`i`,{key:0,class:(0,s.normalizeClass)([(0,s.unref)(y)(`icon`),c.icon]),"aria-hidden":`true`},null,2)):((0,s.openBlock)(),(0,s.createBlock)((0,s.resolveDynamicComponent)(c.icon),{key:1,class:(0,s.normalizeClass)([(0,s.unref)(y)(`icon`)]),"aria-hidden":`true`},null,8,[`class`]))],64)):(0,s.createCommentVNode)(``,!0)]),c.isHtml?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,{key:0,class:(0,s.normalizeClass)([(0,s.unref)(y)(`content`)]),innerHTML:c.content},null,10,u)):((0,s.openBlock)(),(0,s.createElementBlock)(`span`,{key:1,class:(0,s.normalizeClass)([(0,s.unref)(y)(`content`)])},(0,s.toDisplayString)(c.content),3)),(0,s.renderSlot)(e.$slots,`close`,{},()=>[c.showClose?((0,s.openBlock)(),(0,s.createElementBlock)(s.Fragment,{key:0},[typeof c.closeIcon==`string`?((0,s.openBlock)(),(0,s.createElementBlock)(`i`,{key:0,class:(0,s.normalizeClass)([(0,s.unref)(y)(`close`),c.closeIcon]),"aria-hidden":`true`,onClick:t[0]||(t[0]=e=>k.value=!1)},null,2)):((0,s.openBlock)(),(0,s.createBlock)((0,s.resolveDynamicComponent)(c.closeIcon),{key:1,class:(0,s.normalizeClass)([(0,s.unref)(y)(`close`)]),"aria-hidden":`true`,onClick:t[1]||(t[1]=e=>k.value=!1)},null,8,[`class`]))],64)):(0,s.createCommentVNode)(``,!0)])],14,l)):(0,s.createCommentVNode)(``,!0)]),_:3},16,[`teleported`,`append-to`,`transition`,`css-duration`,`css-transition`,`enter-from-class`,`enter-active-class`,`enter-to-class`,`leave-from-class`,`leave-active-class`,`leave-to-class`,`onBeforeEnter`,`onEnter`,`onAfterEnter`,`onBeforeLeave`,`onLeave`,`onAfterLeave`]))}});exports.default=d;
+const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js"),n=require("../../../composables/use-z-index/index.js"),r=require("../../../composables/use-theme/index.js");require("../../../composables/index.js");const i=require("../../transition/index.js"),a=require("./constants.js"),o=require("./use-message-emit.js");let s=require("vue"),c=require("@vueuse/core"),l=require("@rappel-ui/svg-icons");var u=[`data-placement`],d=[`innerHTML`],f=(0,s.defineComponent)({name:`ReMessage`,__name:`message`,props:(0,s.mergeModels)({content:{type:[String,Object,Function],default:``},isHtml:{type:Boolean,default:!1},stayDuration:{default:3e3},theme:{default:`light`},reverseTheme:{type:Boolean,default:!1},type:{default:``},plain:{type:Boolean,default:!1},offset:{default:16},zIndex:{default:()=>void 0},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},floatingClass:{default:``},placement:{default:`top`},closeIcon:{default:()=>l.CloseShort},showClose:{type:Boolean,default:!1},autoClose:{type:Boolean,default:!0},icon:{default:()=>void 0},showIcon:{type:Boolean,default:!0},onClose:{type:Function},onClosed:{type:Function},onShow:{type:Function},onShown:{type:Function},appendTo:{default:`body`},teleported:{type:Boolean,default:!0},defer:{type:Boolean},transition:{default:``},mode:{},cssTransition:{type:Boolean,default:!0},cssDuration:{default:300},appear:{type:Boolean}},{visible:{type:Boolean,default:!1},visibleModifiers:{}}),emits:(0,s.mergeModels)([`iconUpdated`,`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:visible`]),setup(f,{expose:p,emit:m}){let h=m,g=(0,s.computed)(()=>{if((0,s.isVNode)(f.content))return f.content;if(typeof f.content==`function`){let e=f.content();return(0,s.isVNode)(e)?e:String(e)}return!1}),{beforeEnter:_,enter:v,afterEnter:y,beforeLeave:b,leave:x,afterLeave:S}=o.useMessageEmits(h),C=(0,s.useTemplateRef)(`floatingRef`),{ns:w,n:T,nm:E,is:D}=t.useNamespace(`message`),{currentTheme:O}=r.useTheme(f.theme,f.reverseTheme),k=(0,s.computed)(()=>{var e;return(e=f.placement)==null||(e=e.split(`-`))==null?void 0:e[0]}),A=(0,s.computed)(()=>{var e;return(e=f.placement)==null||(e=e.split(`-`))==null?void 0:e[1]}),j=(0,s.computed)(()=>f.icon||{success:l.CheckFill,warning:l.ExclamFill,error:l.CloseFill,info:l.InfoFill,primary:l.InfoFill}[f.type]||l.InfoFill),M=(0,s.ref)(f.offset);(0,s.watch)(()=>f.offset,e=>{M.value=e});let N=e=>{M.value=e},P=(0,s.computed)(()=>[{width:e.toPx(f.width),height:e.toPx(f.height),maxWidth:e.toPx(f.maxWidth),maxHeight:e.toPx(f.maxHeight),zIndex:I.value,[a.verticalPlacement.includes(f.placement)?A.value:k.value]:e.toPx(M.value),position:`fixed`,transition:`opacity ${f.cssDuration/2}ms,
+       transform ${f.cssDuration}ms,
+        bottom ${f.cssDuration}ms,
+        top ${f.cssDuration}ms,
+        left ${f.cssDuration}ms,
+        right ${f.cssDuration}ms`}]),F=(0,s.useModel)(f,`visible`),I=(0,s.ref)(0),{zIndex:L}=n.useZIndex(),{stop:R}=(0,s.watch)(F,e=>{e&&(I.value=f.zIndex||L.value)}),z=[`top`,`bottom`,`left`,`right`].reduce((e,t)=>(e[t]={pos:t,enterFrom:`${t}-enter-from`,enterActive:`${t}-enter-active`,enterTo:`${t}-enter-to`,leaveFrom:`${t}-leave-from`,leaveActive:`${t}-leave-active`,leaveTo:`${t}-leave-to`},e),{}),B=()=>{K()},V=(0,c.useElementHover)(C),{stop:H}=(0,s.watch)(V,e=>e?J():q()),U,W=0,G=parseFloat(String(f.cssDuration))+parseFloat(String(f.stayDuration)),K=()=>{F.value=!1,clearTimeout(U),U=void 0},q=()=>{if(G<=0){K();return}W=Date.now(),U=setTimeout(K,G)},J=()=>{U&&(clearTimeout(U),U=void 0,G-=Date.now()-W)},Y=()=>{F.value=!1,(0,s.nextTick)(()=>{if(F.value=!0,!f.autoClose)return H();q()})};return(0,s.onMounted)(()=>{Y()}),(0,s.onUnmounted)(()=>{R(),H(),K(),V.value=!1}),p({show:Y,setOffset:N,close:B,isHovered:V,zIndex:I.value}),(e,t)=>((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(i.ReTransition),(0,s.mergeProps)({teleported:f.teleported,"append-to":f.appendTo,transition:f.transition,"css-duration":f.cssDuration,"css-transition":f.cssTransition,"enter-from-class":(0,s.unref)(z)[k.value].enterFrom,"enter-active-class":(0,s.unref)(z)[k.value].enterActive,"enter-to-class":(0,s.unref)(z)[k.value].enterTo,"leave-from-class":(0,s.unref)(z)[k.value].leaveFrom,"leave-active-class":(0,s.unref)(z)[k.value].leaveActive,"leave-to-class":(0,s.unref)(z)[k.value].leaveTo},e.$attrs,{onBeforeEnter:(0,s.unref)(_),onEnter:(0,s.unref)(v),onAfterEnter:(0,s.unref)(y),onBeforeLeave:(0,s.unref)(b),onLeave:(0,s.unref)(x),onAfterLeave:(0,s.unref)(S)}),{default:(0,s.withCtx)(()=>[F.value?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,ref_key:`floatingRef`,ref:C,style:(0,s.normalizeStyle)(P.value),"data-placement":f.placement,class:(0,s.normalizeClass)([(0,s.unref)(T)(),(0,s.unref)(E)(f.type),(0,s.unref)(D)((0,s.unref)(O),!!(0,s.unref)(O)),(0,s.unref)(D)(`plain`,!!f.plain),f.floatingClass])},[(0,s.renderSlot)(e.$slots,`icon`,{},()=>[f.showIcon?((0,s.openBlock)(),(0,s.createElementBlock)(s.Fragment,{key:0},[typeof j.value==`string`?((0,s.openBlock)(),(0,s.createElementBlock)(`i`,{key:0,class:(0,s.normalizeClass)([(0,s.unref)(w)(`icon`),j.value]),"aria-hidden":`true`},null,2)):((0,s.openBlock)(),(0,s.createBlock)((0,s.resolveDynamicComponent)(j.value),{key:1,class:(0,s.normalizeClass)([(0,s.unref)(w)(`icon`)]),"aria-hidden":`true`},null,8,[`class`]))],64)):(0,s.createCommentVNode)(``,!0)]),f.isHtml&&typeof f.content==`string`?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,{key:0,class:(0,s.normalizeClass)([(0,s.unref)(w)(`content`)]),innerHTML:f.content},null,10,d)):g.value?((0,s.openBlock)(),(0,s.createBlock)((0,s.resolveDynamicComponent)(g.value),{key:1,class:(0,s.normalizeClass)([(0,s.unref)(w)(`content`)])},null,8,[`class`])):((0,s.openBlock)(),(0,s.createElementBlock)(`span`,{key:2,class:(0,s.normalizeClass)([(0,s.unref)(w)(`content`)])},(0,s.toDisplayString)(f.content),3)),(0,s.renderSlot)(e.$slots,`close`,{},()=>[f.showClose?((0,s.openBlock)(),(0,s.createElementBlock)(s.Fragment,{key:0},[typeof f.closeIcon==`string`?((0,s.openBlock)(),(0,s.createElementBlock)(`i`,{key:0,class:(0,s.normalizeClass)([(0,s.unref)(w)(`close`),f.closeIcon]),"aria-hidden":`true`,onClick:t[0]||(t[0]=e=>F.value=!1)},null,2)):((0,s.openBlock)(),(0,s.createBlock)((0,s.resolveDynamicComponent)(f.closeIcon),{key:1,class:(0,s.normalizeClass)([(0,s.unref)(w)(`close`)]),"aria-hidden":`true`,onClick:t[1]||(t[1]=e=>F.value=!1)},null,8,[`class`]))],64)):(0,s.createCommentVNode)(``,!0)])],14,u)):(0,s.createCommentVNode)(``,!0)]),_:3},16,[`teleported`,`append-to`,`transition`,`css-duration`,`css-transition`,`enter-from-class`,`enter-active-class`,`enter-to-class`,`leave-from-class`,`leave-active-class`,`leave-to-class`,`onBeforeEnter`,`onEnter`,`onAfterEnter`,`onBeforeLeave`,`onLeave`,`onAfterLeave`]))}});exports.default=f;

package/cjs/components/message/src/types.d.ts

@@ -1,4 +1,4 @@
-import { createVNode, Component } from 'vue';
+import { createVNode, Component, VNode } from 'vue';
 import { TransitionEmits, TransitionProps } from '../../transition';
 import { Placement } from '../../tooltip';
 import { Theme, MaybeClass } from '../../../types';
@@ -12,12 +12,13 @@ export type CreateMessageType = CreateMessageFn & MessageShortcuts & {
     closeAll: () => void;
 };
 export interface MessageOptions extends TransitionProps {
-    content?: string | HTMLElement;
+    content?: string | HTMLElement | VNode | (() => VNode);
     isHtml?: boolean;
     stayDuration?: number;
     theme?: Theme;
     reverseTheme?: boolean;
     type?: (typeof messageTypes)[number];
+    plain?: boolean;
     offset?: number | string;
     zIndex?: number;
     width?: number | string;
@@ -28,6 +29,7 @@ export interface MessageOptions extends TransitionProps {
     placement?: MessagePlacement;
     closeIcon?: string | Component;
     showClose?: boolean;
+    autoClose?: boolean;
     icon?: string | Component;
     showIcon?: boolean;
     onClose?: (el: HTMLElement) => void;
@@ -42,6 +44,7 @@ export interface MessageInstance {
     vnode: ReturnType<typeof createVNode>;
     props: MessageOptions;
     placement?: MessagePlacement;
+    actualOffset: number;
     close: () => void;
     show: () => void;
 }

package/cjs/components/popconfirm/index.d.ts

@@ -94,12 +94,12 @@ export declare const RePopconfirm: {
 }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: {
         header?: (props: {
-            icon: string | Component | undefined;
+            icon: string | Component | null | undefined;
             title: string;
         }) => any;
     } & {
         icon?: (props: {
-            icon: string | Component | undefined;
+            icon: string | Component | null | undefined;
         }) => any;
     } & {
         title?: (props: {
@@ -113,18 +113,18 @@ export declare const RePopconfirm: {
         footer?: (props: {
             cancel: (e: MouseEvent) => void;
             cancelSize: "" | "small" | "mini" | "large";
-            cancelType: "" | "primary" | "success" | "warning" | "danger" | "info";
+            cancelType: "" | "primary" | "success" | "warning" | "danger" | "error" | "info";
             cancelText: string;
             confirm: (e: MouseEvent) => void;
             confirmSize: "" | "small" | "mini" | "large";
-            confirmType: "" | "primary" | "success" | "warning" | "danger" | "info";
+            confirmType: "" | "primary" | "success" | "warning" | "danger" | "error" | "info";
             confirmText: string;
         }) => any;
     } & {
         cancel?: (props: {
             cancel: (e: MouseEvent) => void;
             cancelSize: "" | "small" | "mini" | "large";
-            cancelType: "" | "primary" | "success" | "warning" | "danger" | "info";
+            cancelType: "" | "primary" | "success" | "warning" | "danger" | "error" | "info";
             cancelText: string;
         }) => any;
     } & {
@@ -136,7 +136,7 @@ export declare const RePopconfirm: {
         confirm?: (props: {
             confirm: (e: MouseEvent) => void;
             confirmSize: "" | "small" | "mini" | "large";
-            confirmType: "" | "primary" | "success" | "warning" | "danger" | "info";
+            confirmType: "" | "primary" | "success" | "warning" | "danger" | "error" | "info";
             confirmText: string;
         }) => any;
     };

package/cjs/components/popconfirm/src/popconfirm.vue.d.ts

@@ -6,10 +6,10 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_24: {
-    icon: string | Component | undefined;
+    icon: string | Component | null | undefined;
     title: string;
 }, __VLS_26: {
-    icon: string | Component | undefined;
+    icon: string | Component | null | undefined;
 }, __VLS_33: {
     title: string;
 }, __VLS_35: {
@@ -17,16 +17,16 @@ declare var __VLS_24: {
 }, __VLS_37: {
     cancel: (e: MouseEvent) => void;
     cancelSize: "" | "small" | "mini" | "large";
-    cancelType: "" | "primary" | "success" | "warning" | "danger" | "info";
+    cancelType: "" | "primary" | "success" | "warning" | "danger" | "error" | "info";
     cancelText: string;
     confirm: (e: MouseEvent) => void;
     confirmSize: "" | "small" | "mini" | "large";
-    confirmType: "" | "primary" | "success" | "warning" | "danger" | "info";
+    confirmType: "" | "primary" | "success" | "warning" | "danger" | "error" | "info";
     confirmText: string;
 }, __VLS_39: {
     cancel: (e: MouseEvent) => void;
     cancelSize: "" | "small" | "mini" | "large";
-    cancelType: "" | "primary" | "success" | "warning" | "danger" | "info";
+    cancelType: "" | "primary" | "success" | "warning" | "danger" | "error" | "info";
     cancelText: string;
 }, __VLS_49: {
     cancel: (e: MouseEvent) => void;
@@ -34,7 +34,7 @@ declare var __VLS_24: {
 }, __VLS_51: {
     confirm: (e: MouseEvent) => void;
     confirmSize: "" | "small" | "mini" | "large";
-    confirmType: "" | "primary" | "success" | "warning" | "danger" | "info";
+    confirmType: "" | "primary" | "success" | "warning" | "danger" | "error" | "info";
     confirmText: string;
 };
 type __VLS_Slots = {} & {

package/cjs/components/svg-icon/src/svg-icon.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");let n=require("vue");var r=[`width`,`height`,`stroke`],i=[`d`,`name`,`fill`],a=(0,n.defineComponent)({name:`ReSvgIcon`,__name:`svg-icon`,props:{name:{default:()=>void 0},path:{default:``},size:{default:16},fill:{default:()=>void 0},color:{default:`currentColor`},spin:{type:Boolean,default:!1}},setup(a){let{n:o,ns:s}=t.useNamespace(`svg-icon`),c=(0,n.computed)(()=>e.toPx(a.size)),l=(0,n.computed)(()=>e.toPx(a.size));return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`svg`,{class:(0,n.normalizeClass)([(0,n.unref)(o)(),{[(0,n.unref)(s)(`spinner`)]:a.spin}]),viewBox:`0 0 24 24`,width:c.value,height:l.value,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,stroke:a.color,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`},[(0,n.createElementVNode)(`path`,{d:a.path,name:a.name,fill:a.fill},null,8,i)],10,r))}});exports.default=a;
+const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");let n=require("vue");var r=[`width`,`height`,`stroke`],i=[`d`,`name`,`fill`,`fill-rule`],a=(0,n.defineComponent)({name:`ReSvgIcon`,__name:`svg-icon`,props:{name:{default:()=>void 0},path:{default:``},size:{default:16},fill:{default:()=>void 0},fillRule:{default:()=>void 0},color:{default:`currentColor`},spin:{type:Boolean,default:!1}},setup(a){let{n:o,ns:s}=t.useNamespace(`svg-icon`),c=(0,n.computed)(()=>e.toPx(a.size)),l=(0,n.computed)(()=>e.toPx(a.size));return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`svg`,{class:(0,n.normalizeClass)([(0,n.unref)(o)(),{[(0,n.unref)(s)(`spinner`)]:a.spin}]),viewBox:`0 0 24 24`,width:c.value,height:l.value,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,stroke:a.fill?void 0:a.color,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`},[(0,n.createElementVNode)(`path`,{d:a.path,name:a.name,fill:a.fill,"fill-rule":a.fillRule},null,8,i)],10,r))}});exports.default=a;

package/cjs/components/svg-icon/src/types.d.ts

@@ -3,6 +3,7 @@ export interface SvgIconProps {
     path: string;
     size?: string | number;
     fill?: string;
+    fillRule?: 'inherit' | 'nonzero' | 'evenodd';
     color?: string;
     spin?: boolean;
 }