yc-design-vue 2.0.2 → 2.0.4

package/lib/Message/index.d.ts

@@ -1,20 +1,20 @@
 import { App } from 'vue';
 import { default as _Message } from './Message.vue';
-import { MessageConfig, MessageProps, MessageType, MessagePostion } from './type';
+import { MessageMethod, MessageConfig, MessageProps, MessageType, MessagePostion } from './type';
 export type MessageInstance = InstanceType<typeof _Message>;
 export * from './type';
 declare const Message: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<MessageProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        type: MessageType;
+        onClose: (id: string | number) => void;
         duration: number;
-        content: import('../_shared/type').RenderContent;
+        content: import('..').RenderContent;
         icon: import('vue').RenderFunction;
-        type: MessageType;
         closable: boolean;
-        onClose: (id: string | number) => void;
         id: string;
         showIcon: boolean;
-        isReset: boolean;
         onDestory: (id: string | number) => void;
+        isReset: boolean;
         resetOnHover: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLLIElement, import('vue').ComponentProvideOptions, {
         P: {};
@@ -24,32 +24,32 @@ declare const Message: {
         M: {};
         Defaults: {};
     }, Readonly<MessageProps> & Readonly<{}>, {}, {}, {}, {}, {
+        type: MessageType;
+        onClose: (id: string | number) => void;
         duration: number;
-        content: import('../_shared/type').RenderContent;
+        content: import('..').RenderContent;
         icon: import('vue').RenderFunction;
-        type: MessageType;
         closable: boolean;
-        onClose: (id: string | number) => void;
         id: string;
         showIcon: boolean;
-        isReset: boolean;
         onDestory: (id: string | number) => void;
+        isReset: boolean;
         resetOnHover: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<MessageProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    type: MessageType;
+    onClose: (id: string | number) => void;
     duration: number;
-    content: import('../_shared/type').RenderContent;
+    content: import('..').RenderContent;
     icon: import('vue').RenderFunction;
-    type: MessageType;
     closable: boolean;
-    onClose: (id: string | number) => void;
     id: string;
     showIcon: boolean;
-    isReset: boolean;
     onDestory: (id: string | number) => void;
+    isReset: boolean;
     resetOnHover: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     info: (config: string | MessageConfig) => import('./type').MessageReturn;
@@ -61,9 +61,9 @@ declare const Message: {
     clear: (position: MessagePostion) => import('./type').MessageReturn;
     install: (app: App) => void;
 };
-declare module 'vue' {
+declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {
-        $message: typeof Message;
+        $message: MessageMethod;
     }
 }
 export default Message;

package/lib/Message/index.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),s=require("./Message.vue.js");;/* empty css              */const i=require("./MessageList.vue.js");,/* empty css                  */require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const t=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../_shared/utils/locale.js");const r=new Map,o=e.reactive({top:[],bottom:[]});let n=1;const c=e=>{o[e].length||(document.body.removeChild(r.get(e)),r.delete(e))},a={...Object.fromEntries(["success","warning","error","info","loading","normal"].map(s=>[s,a=>((s,a="info")=>{const d=t.isString(s)?"top":s.position??"top",l=o[d];if(!r.has(d)){const s=document.createElement("div");s.className="yc-overlay yc-overlay-message",document.body.appendChild(s),r.set(d,s),e.render(e.h(i,{messageList:l,position:d}),s)}const u=t.isString(s)||!s.id?"__yc_message_"+n++:s.id,g=()=>{const e=l.findIndex(e=>e.id==u);-1!=e&&(l.splice(e,1),c(d))},m=t.isString(s)?{content:s,id:u,onDestory:g,type:a}:{...s,id:u,onDestory:g,type:a},p=l.findIndex(e=>e.id==u);return-1!=p?(l[p]={...l[p],...m,isReset:!0},e.nextTick().then(()=>{l[p].isReset=!1})):l.push(m),{close:g}})(a,s)])),clear(e){o[e].splice(0),c(e)}},d=Object.assign(s,{install:e=>{e.config.globalProperties.$message=Object.assign(s,a)},...a});module.exports=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("./Message.vue.js");;/* empty css              */const t=require("./MessageList.vue.js");;/* empty css                  */const i=require("../_shared/utils/is.js"),o=new Map,n=e.reactive({top:[],bottom:[]});let r=1;const a=e=>{n[e].length||(document.body.removeChild(o.get(e)),o.delete(e))},c={...Object.fromEntries(["success","warning","error","info","loading","normal"].map(s=>[s,c=>((s,c="info")=>{const d=i.isString(s)?"top":s.position??"top",l=n[d];if(!o.has(d)){const s=document.createElement("div");s.className="yc-overlay yc-overlay-message",document.body.appendChild(s),o.set(d,s),e.render(e.h(t.default,{messageList:l,position:d}),s)}const u=i.isString(s)||!s.id?"__yc_message_"+r++:s.id,g=()=>{const e=l.findIndex(e=>e.id==u);-1!=e&&(l.splice(e,1),a(d))},p=i.isString(s)?{content:s,id:u,onDestory:g,type:c}:{...s,id:u,onDestory:g,type:c},m=l.findIndex(e=>e.id==u);return-1!=m?(l[m]={...l[m],...p,isReset:!0},e.nextTick().then(()=>{l[m].isReset=!1})):l.push(p),{close:g}})(c,s)])),clear(e){n[e].splice(0),a(e)}},d=Object.assign(s.default,{install:e=>{e.config.globalProperties.$message=c},...c});exports.default=d;

package/lib/Message/type.d.ts

@@ -17,10 +17,9 @@ export interface MessageContainerProps {
     messageList?: MessageProps[];
     position?: MessagePostion;
 }
+export type MessagePostion = 'top' | 'bottom';
+export type MessageType = 'info' | 'success' | 'warning' | 'error' | 'loading' | 'normal';
 export type MessageConfig = Omit<MessageProps, 'type' | 'onDestory'> & MessageContainerProps;
-export type MessageReturn = {
-    close?: () => void;
-};
 export type MessageMethod = {
     info: (config: string | MessageConfig) => MessageReturn;
     success: (config: string | MessageConfig) => MessageReturn;
@@ -30,5 +29,6 @@ export type MessageMethod = {
     normoal: (config: string | MessageConfig) => MessageReturn;
     clear: (position: MessagePostion) => MessageReturn;
 };
-export type MessagePostion = 'top' | 'bottom';
-export type MessageType = 'info' | 'success' | 'warning' | 'error' | 'loading' | 'normal';
+export type MessageReturn = {
+    close?: () => void;
+};

package/lib/Modal/Modal.vue.d.ts

@@ -28,13 +28,13 @@ declare const __VLS_component: import('vue').DefineComponent<ModalProps, {}, {},
     "onBefore-close"?: (() => any) | undefined;
 }>, {
     top: number;
-    unmountOnClose: boolean;
+    footer: boolean;
+    title: string;
     popupContainer: import('..').PopupContainer;
     renderToBody: boolean;
+    unmountOnClose: boolean;
     width: number | string;
     visible: boolean;
-    footer: boolean;
-    title: string;
     mask: boolean;
     defaultVisible: boolean;
     closable: boolean;
@@ -49,14 +49,14 @@ declare const __VLS_component: import('vue').DefineComponent<ModalProps, {}, {},
     okButtonProps: import('../Button').ButtonProps;
     cancelButtonProps: import('../Button').ButtonProps;
     maskStyle: CSSProperties;
-    modalClass: import('../_shared/type').ClassName;
+    modalClass: import('..').ClassName;
     modalStyle: CSSProperties;
     escToClose: boolean;
     draggable: boolean;
     fullscreen: boolean;
     maskAnimationName: string;
     modalAnimationName: string;
-    bodyClass: import('../_shared/type').ClassName;
+    bodyClass: import('..').ClassName;
     hideTitle: boolean;
     simple: boolean;
     onBeforeCancel: import('./type').OnBeforeCancel;

package/lib/Modal/Modal.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const o=require("../_shared/utils/dom.js");require("../_shared/utils/time.js");const l=require("../_shared/utils/global-config.js"),t=require("../_shared/utils/locale.js"),a=require("./hooks/useModalClose.js"),n=require("./hooks/useModalDraggable.js"),r=require("../Button/index.js"),s=;/* empty css                                          */,/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const i={key:0,class:"yc-modal-footer"},d=e.defineComponent({name:"Modal",inheritAttrs:!1,__name:"Modal",props:{visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:!1},width:{default:400},top:{default:100},mask:{type:Boolean,default:!0},title:{default:""},titleAlign:{default:"center"},alignCenter:{type:Boolean,default:!0},unmountOnClose:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},hideCancel:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},okText:{default:""},cancelText:{default:""},okLoading:{type:Boolean,default:!1},okButtonProps:{default:()=>({})},cancelButtonProps:{default:()=>({})},footer:{type:Boolean,default:!0},renderToBody:{type:Boolean,default:!0},popupContainer:{default:void 0},maskStyle:{default:()=>({})},modalClass:{default:""},modalStyle:{default:()=>({})},escToClose:{type:Boolean,default:!0},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},maskAnimationName:{default:"fade"},modalAnimationName:{default:"zoom-modal"},bodyClass:{default:""},bodyStyle:{default:()=>({})},hideTitle:{type:Boolean,default:!1},simple:{type:Boolean,default:!1},onBeforeCancel:{type:Function,default:()=>!0},onBeforeOk:{type:Function,default:()=>!0}},emits:["update:visible","ok","cancel","open","before-open","close","before-close"],setup(d,{emit:u}){const c=d,f=u,{visible:m,defaultVisible:p,width:y,top:k,alignCenter:B,maskClosable:C,escToClose:b,modalStyle:v,fullscreen:g,draggable:h,renderToBody:x}=e.toRefs(c),{onBeforeOk:S,onBeforeCancel:T}=c,{popupContainer:V,zIndex:N,isAbsolute:_}=l.getGlobalConfig(c),{t:w}=t.useI18n(),{outerVisible:q,innerVisible:j,asyncLoading:A,handleClose:z,handleAfterLeave:E}=a({visible:m,defaultVisible:p,escToClose:b,maskClosable:C,onBeforeOk:S,onBeforeCancel:T,emits:f}),$=e.ref(),D=e.ref(),{dragStyle:L,isDraggable:P}=n({visible:j,draggable:h,fullscreen:g,alignCenter:B,top:k,triggerRef:$,modalRef:D}),I=e.computed(()=>({width:g.value?"100%":"auto"==y.value?"fit-content":o.valueToPx(y.value),...L.value,...v.value}));return(o,l)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(V),disabled:!e.unref(x)},[!o.unmountOnClose||e.unref(q)?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-modal-container",o.$attrs.class,{"yc-modal-simple":o.simple,"yc-modal-position-absolute":e.unref(_)}]),style:e.normalizeStyle({zIndex:e.unref(N),...o.$attrs.style??{}})},[e.createVNode(e.Transition,{name:o.maskAnimationName},{default:e.withCtx(()=>[o.mask?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-modal-mask",style:e.normalizeStyle(o.maskStyle)},null,4)),[[e.vShow,e.unref(j)]]):e.createCommentVNode("",!0)]),_:1},8,["name"]),e.createElementVNode("div",{class:"yc-modal-wrapper",onClick:l[6]||(l[6]=e.withModifiers(o=>e.unref(z)("mask",o),["self"]))},[e.createVNode(e.Transition,{name:o.modalAnimationName,onBeforeEnter:l[3]||(l[3]=e=>o.$emit("before-open")),onBeforeLeave:l[4]||(l[4]=e=>o.$emit("before-close")),onAfterEnter:l[5]||(l[5]=e=>o.$emit("open")),onAfterLeave:e.unref(E)},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["yc-modal",o.modalClass,{"yc-modal-draggable":e.unref(P),"yc-modal-fullscreen":e.unref(g)}]),style:e.normalizeStyle(I.value),ref_key:"modalRef",ref:D},[e.renderSlot(o.$slots,"header",{},()=>[e.createElementVNode("div",{class:"yc-modal-header",ref_key:"headerRef",ref:$},[o.hideTitle?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-modal-title","text-ellipsis",{"title-align-center":"center"==o.titleAlign}])},[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])],2)),o.closable&&!o.simple?(e.openBlock(),e.createBlock(e.unref(s),{key:1,class:"yc-modal-close-button",onClick:l[0]||(l[0]=o=>e.unref(z)("closeBtn",o))})):e.createCommentVNode("",!0)],512)]),e.createElementVNode("div",{class:e.normalizeClass(["yc-modal-body",o.bodyClass]),style:e.normalizeStyle(o.bodyStyle)},[e.renderSlot(o.$slots,"default")],6),o.footer?(e.openBlock(),e.createElementBlock("div",i,[e.renderSlot(o.$slots,"footer",{},()=>[o.hideCancel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(r.default),e.mergeProps({key:0},o.cancelButtonProps,{onClick:l[1]||(l[1]=o=>e.unref(z)("cancelBtn",o))}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.cancelText||e.unref(w)("modal.cancelText")),1)]),_:1},16)),e.createVNode(e.unref(r.default),e.mergeProps({type:"primary",loading:o.okLoading||e.unref(A)},o.okButtonProps,{onClick:l[2]||(l[2]=o=>e.unref(z)("confirmBtn",o))}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.okText||e.unref(w)("modal.okText")),1)]),_:1},16,["loading"])])])):e.createCommentVNode("",!0)],6),[[e.vShow,e.unref(j)]])]),_:3},8,["name","onAfterLeave"])])],6)),[[e.vShow,e.unref(q)]]):e.createCommentVNode("",!0)],8,["to","disabled"]))}});module.exports=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../_shared/utils/global-config.js"),l=require("../_shared/utils/dom.js"),t=require("../_shared/utils/locale.js"),a=require("./hooks/useModalClose.js"),n=require("./hooks/useModalDraggable.js"),r=require("../Button/index.js"),s=;/* empty css                                          */,/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const d={key:0,class:"yc-modal-footer"},i=e.defineComponent({name:"Modal",inheritAttrs:!1,__name:"Modal",props:{visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:!1},width:{default:400},top:{default:100},mask:{type:Boolean,default:!0},title:{default:""},titleAlign:{default:"center"},alignCenter:{type:Boolean,default:!0},unmountOnClose:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},hideCancel:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},okText:{default:""},cancelText:{default:""},okLoading:{type:Boolean,default:!1},okButtonProps:{default:()=>({})},cancelButtonProps:{default:()=>({})},footer:{type:Boolean,default:!0},renderToBody:{type:Boolean,default:!0},popupContainer:{default:void 0},maskStyle:{default:()=>({})},modalClass:{default:""},modalStyle:{default:()=>({})},escToClose:{type:Boolean,default:!0},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},maskAnimationName:{default:"fade"},modalAnimationName:{default:"zoom-modal"},bodyClass:{default:""},bodyStyle:{default:()=>({})},hideTitle:{type:Boolean,default:!1},simple:{type:Boolean,default:!1},onBeforeCancel:{type:Function,default:()=>!0},onBeforeOk:{type:Function,default:()=>!0}},emits:["update:visible","ok","cancel","open","before-open","close","before-close"],setup(i,{emit:u}){const c=i,f=u,{visible:m,defaultVisible:p,width:y,top:k,alignCenter:B,maskClosable:C,escToClose:b,modalStyle:v,fullscreen:g,draggable:h,renderToBody:x}=e.toRefs(c),{onBeforeOk:S,onBeforeCancel:T}=c,{popupContainer:V,zIndex:N,isAbsolute:_}=o.getGlobalConfig(c),{t:w}=t.useI18n(),{outerVisible:A,innerVisible:j,asyncLoading:q,handleClose:z,handleAfterLeave:E}=a.default({visible:m,defaultVisible:p,escToClose:b,maskClosable:C,onBeforeOk:S,onBeforeCancel:T,emits:f}),$=e.ref(),D=e.ref(),{dragStyle:P,isDraggable:L}=n.default({visible:j,draggable:h,fullscreen:g,alignCenter:B,top:k,triggerRef:$,modalRef:D}),M=e.computed(()=>({width:g.value?"100%":"auto"==y.value?"fit-content":l.valueToPx(y.value),...P.value,...v.value}));return(o,l)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(V),disabled:!e.unref(x)},[!o.unmountOnClose||e.unref(A)?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-modal-container",o.$attrs.class,{"yc-modal-simple":o.simple,"yc-modal-position-absolute":e.unref(_)}]),style:e.normalizeStyle({zIndex:e.unref(N),...o.$attrs.style??{}})},[e.createVNode(e.Transition,{name:o.maskAnimationName},{default:e.withCtx(()=>[o.mask?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-modal-mask",style:e.normalizeStyle(o.maskStyle)},null,4)),[[e.vShow,e.unref(j)]]):e.createCommentVNode("",!0)]),_:1},8,["name"]),e.createElementVNode("div",{class:"yc-modal-wrapper",onClick:l[6]||(l[6]=e.withModifiers(o=>e.unref(z)("mask",o),["self"]))},[e.createVNode(e.Transition,{name:o.modalAnimationName,onBeforeEnter:l[3]||(l[3]=e=>o.$emit("before-open")),onBeforeLeave:l[4]||(l[4]=e=>o.$emit("before-close")),onAfterEnter:l[5]||(l[5]=e=>o.$emit("open")),onAfterLeave:e.unref(E)},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["yc-modal",o.modalClass,{"yc-modal-draggable":e.unref(L),"yc-modal-fullscreen":e.unref(g)}]),style:e.normalizeStyle(M.value),ref_key:"modalRef",ref:D},[e.renderSlot(o.$slots,"header",{},()=>[e.createElementVNode("div",{class:"yc-modal-header",ref_key:"headerRef",ref:$},[o.hideTitle?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-modal-title","text-ellipsis",{"title-align-center":"center"==o.titleAlign}])},[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])],2)),o.closable&&!o.simple?(e.openBlock(),e.createBlock(e.unref(s.default),{key:1,class:"yc-modal-close-button",onClick:l[0]||(l[0]=o=>e.unref(z)("closeBtn",o))})):e.createCommentVNode("",!0)],512)]),e.createElementVNode("div",{class:e.normalizeClass(["yc-modal-body",o.bodyClass]),style:e.normalizeStyle(o.bodyStyle)},[e.renderSlot(o.$slots,"default")],6),o.footer?(e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(o.$slots,"footer",{},()=>[o.hideCancel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(r.default),e.mergeProps({key:0},o.cancelButtonProps,{onClick:l[1]||(l[1]=o=>e.unref(z)("cancelBtn",o))}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.cancelText||e.unref(w)("modal.cancelText")),1)]),_:1},16)),e.createVNode(e.unref(r.default),e.mergeProps({type:"primary",loading:o.okLoading||e.unref(q)},o.okButtonProps,{onClick:l[2]||(l[2]=o=>e.unref(z)("confirmBtn",o))}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.okText||e.unref(w)("modal.okText")),1)]),_:1},16,["loading"])])])):e.createCommentVNode("",!0)],6),[[e.vShow,e.unref(j)]])]),_:3},8,["name","onAfterLeave"])])],6)),[[e.vShow,e.unref(A)]]):e.createCommentVNode("",!0)],8,["to","disabled"]))}});exports.default=i;

package/lib/Modal/Modal.vue3.js

@@ -1 +1 @@
-"use strict";const e=require("./Modal.vue.js");,/* empty css            */module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Modal.vue.js");,/* empty css            */exports.default=e.default;

package/lib/Modal/ModalService.vue.d.ts

@@ -1,12 +1,12 @@
 import { ModalServiceProps } from './type';
 declare const _default: import('vue').DefineComponent<ModalServiceProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ModalServiceProps> & Readonly<{}>, {
     top: number;
-    unmountOnClose: boolean;
+    footer: boolean;
+    title: string & import('..').RenderContent;
     renderToBody: boolean;
+    unmountOnClose: boolean;
     width: number | string;
-    content: import('../_shared/type').RenderContent;
-    footer: boolean;
-    title: string & import('../_shared/type').RenderContent;
+    content: import('..').RenderContent;
     mask: boolean;
     closable: boolean;
     bodyStyle: import('vue').CSSProperties;
@@ -20,14 +20,14 @@ declare const _default: import('vue').DefineComponent<ModalServiceProps, {}, {},
     okButtonProps: import('..').ButtonProps;
     cancelButtonProps: import('..').ButtonProps;
     maskStyle: import('vue').CSSProperties;
-    modalClass: import('../_shared/type').ClassName;
+    modalClass: import('..').ClassName;
     modalStyle: import('vue').CSSProperties;
     escToClose: boolean;
     draggable: boolean;
     fullscreen: boolean;
     maskAnimationName: string;
     modalAnimationName: string;
-    bodyClass: import('../_shared/type').ClassName;
+    bodyClass: import('..').ClassName;
     hideTitle: boolean;
     simple: boolean;
     onBeforeCancel: import('./type').OnBeforeCancel;

package/lib/Modal/ModalService.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const o=require("../_shared/utils/vue-utils.js");require("../_shared/utils/locale.js");const l=require("../_shared/constants/index.js"),t=require("./Modal.vue.js");;/* empty css            */const n={key:0,class:"yc-modal-title-icon"},a={class:"yc-modal-title-content text-ellipsis"},r={class:"yc-modal-body-content text-ellipsis"},u=e.defineComponent({__name:"ModalService",props:{width:{default:520},top:{default:100},mask:{type:Boolean,default:!0},title:{type:[String,Array,Function],default:""},titleAlign:{default:"center"},alignCenter:{type:Boolean,default:!0},unmountOnClose:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},hideCancel:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},okText:{default:""},cancelText:{default:""},okLoading:{type:Boolean,default:!1},okButtonProps:{default:()=>({})},cancelButtonProps:{default:()=>({})},footer:{type:Boolean,default:!0},renderToBody:{type:Boolean,default:!0},maskStyle:{default:()=>({})},modalClass:{default:""},modalStyle:{default:()=>({})},escToClose:{type:Boolean,default:!0},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},maskAnimationName:{default:"fade"},modalAnimationName:{default:"zoom-modal"},bodyClass:{default:""},bodyStyle:{default:()=>({})},hideTitle:{type:Boolean,default:!1},simple:{type:Boolean,default:!1},onBeforeCancel:{type:Function,default:()=>!0},onBeforeOk:{type:Function,default:()=>!0},content:{type:[String,Array,Function],default:""},type:{},onOk:{},onCancel:{},onOpen:{},onClose:{},onBeforeOpen:{},onBeforeClose:{},serviceClose:{}},setup(u){const s=u,{onClose:d,serviceClose:c}=s,i=e.ref(!1),p=()=>{null==c||c(),null==d||d()};return e.onMounted(()=>{i.value=!0}),(u,d)=>(e.openBlock(),e.createBlock(t,e.mergeProps(s,{visible:i.value,"onUpdate:visible":d[0]||(d[0]=e=>i.value=e),"popup-container":".yc-overlay-modal","modal-class":["yc-service-modal",{[`yc-service-modal-${u.type}`]:!!u.type}],style:{position:"fixed"},onOk:d[1]||(d[1]=e=>{var o;return null==(o=u.onOk)?void 0:o.call(u)}),onCancel:d[2]||(d[2]=e=>{var o;return null==(o=u.onCancel)?void 0:o.call(u)}),onBeforeOpen:d[3]||(d[3]=e=>{var o;return null==(o=u.onBeforeOpen)?void 0:o.call(u)}),onBeforeClose:d[4]||(d[4]=e=>{var o;return null==(o=u.onBeforeClose)?void 0:o.call(u)}),onOpen:d[5]||(d[5]=e=>{var o;return null==(o=u.onOpen)?void 0:o.call(u)}),onClose:p}),{title:e.withCtx(()=>[u.type?(e.openBlock(),e.createElementBlock("span",n,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(l.TYPE_ICON_MAP)[u.type])))])):e.createCommentVNode("",!0),e.createElementVNode("span",a,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o.getSlotFunction)(u.title))))])]),default:e.withCtx(()=>[e.createElementVNode("div",r,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o.getSlotFunction)(u.content))))])]),_:1},16,["visible","modal-class"]))}});module.exports=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../_shared/utils/vue-utils.js"),l=require("../_shared/constants/index.js"),t=require("./Modal.vue.js");;/* empty css            */const n={key:0,class:"yc-modal-title-icon"},a={class:"yc-modal-title-content text-ellipsis"},u={class:"yc-modal-body-content text-ellipsis"},r=e.defineComponent({__name:"ModalService",props:{width:{default:520},top:{default:100},mask:{type:Boolean,default:!0},title:{type:[String,Array,Function],default:""},titleAlign:{default:"center"},alignCenter:{type:Boolean,default:!0},unmountOnClose:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},hideCancel:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},okText:{default:""},cancelText:{default:""},okLoading:{type:Boolean,default:!1},okButtonProps:{default:()=>({})},cancelButtonProps:{default:()=>({})},footer:{type:Boolean,default:!0},renderToBody:{type:Boolean,default:!0},maskStyle:{default:()=>({})},modalClass:{default:""},modalStyle:{default:()=>({})},escToClose:{type:Boolean,default:!0},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},maskAnimationName:{default:"fade"},modalAnimationName:{default:"zoom-modal"},bodyClass:{default:""},bodyStyle:{default:()=>({})},hideTitle:{type:Boolean,default:!1},simple:{type:Boolean,default:!1},onBeforeCancel:{type:Function,default:()=>!0},onBeforeOk:{type:Function,default:()=>!0},content:{type:[String,Array,Function],default:""},type:{},onOk:{},onCancel:{},onOpen:{},onClose:{},onBeforeOpen:{},onBeforeClose:{},serviceClose:{}},setup(r){const d=r,{onClose:s,serviceClose:c}=d,i=e.ref(!1),p=()=>{null==c||c(),null==s||s()};return e.onMounted(()=>{i.value=!0}),(r,s)=>(e.openBlock(),e.createBlock(t.default,e.mergeProps(d,{visible:i.value,"onUpdate:visible":s[0]||(s[0]=e=>i.value=e),"popup-container":".yc-overlay-modal","modal-class":["yc-service-modal",{[`yc-service-modal-${r.type}`]:!!r.type}],style:{position:"fixed"},onOk:s[1]||(s[1]=e=>{var o;return null==(o=r.onOk)?void 0:o.call(r)}),onCancel:s[2]||(s[2]=e=>{var o;return null==(o=r.onCancel)?void 0:o.call(r)}),onBeforeOpen:s[3]||(s[3]=e=>{var o;return null==(o=r.onBeforeOpen)?void 0:o.call(r)}),onBeforeClose:s[4]||(s[4]=e=>{var o;return null==(o=r.onBeforeClose)?void 0:o.call(r)}),onOpen:s[5]||(s[5]=e=>{var o;return null==(o=r.onOpen)?void 0:o.call(r)}),onClose:p}),{title:e.withCtx(()=>[r.type?(e.openBlock(),e.createElementBlock("span",n,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(l.TYPE_ICON_MAP)[r.type])))])):e.createCommentVNode("",!0),e.createElementVNode("span",a,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o.getSlotFunction)(r.title))))])]),default:e.withCtx(()=>[e.createElementVNode("div",u,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o.getSlotFunction)(r.content))))])]),_:1},16,["visible","modal-class"]))}});exports.default=r;

package/lib/Modal/ModalService.vue3.js

@@ -1 +1 @@
-"use strict";const e=require("./ModalService.vue.js");,/* empty css                   */module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ModalService.vue.js");,/* empty css                   */exports.default=e.default;

package/lib/Modal/hooks/useModalClose.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),s=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js"),require("../../_shared/utils/time.js"),require("../../_shared/utils/locale.js");const l=require("../../_shared/utils/control.js"),r=require("./useOnBeforeClose.js");module.exports=i=>{const{maskClosable:a,escToClose:o,visible:u,defaultVisible:n,onBeforeCancel:t,onBeforeOk:c,emits:d}=i,v=l(u,n.value,e=>{d("update:visible",e)}),m=e.ref(!1),f=e.ref(!1),q=e.ref(!1),h=async(e,s,l=!0)=>{(!["confirmBtn","cancelBtn"].includes(e)||await r(e,q,c,t))&&("mask"!=e||a.value)&&("confirmBtn"==e&&d("ok"),l&&d("cancel",s),v.value=!1)};return o.value&&s.onKeyStroke(["Escape"],e=>{v.value&&h("esc",e)}),e.watch(()=>v.value,async s=>{s?(m.value=s,await e.nextTick(),f.value=s):f.value=s},{immediate:!0}),{asyncLoading:q,outerVisible:m,innerVisible:f,handleClose:h,handleAfterLeave:()=>{d("close"),m.value=!1}}};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../../node_modules/@vueuse/core/index.js"),a=require("../../_shared/utils/control.js"),s=require("./useOnBeforeClose.js");exports.default=o=>{const{maskClosable:u,escToClose:r,visible:i,defaultVisible:n,onBeforeCancel:t,onBeforeOk:c,emits:v}=o,d=a.useControlValue(i,n.value,e=>{v("update:visible",e)}),f=e.ref(!1),m=e.ref(!1),b=e.ref(!1),k=async(e,l,a=!0)=>{(!["confirmBtn","cancelBtn"].includes(e)||await s.default(e,b,c,t))&&("mask"!=e||u.value)&&("confirmBtn"==e&&v("ok"),a&&v("cancel",l),d.value=!1)};return r.value&&l.onKeyStroke(["Escape"],e=>{d.value&&k("esc",e)}),e.watch(()=>d.value,async l=>{l?(f.value=l,await e.nextTick(),m.value=l):m.value=l},{immediate:!0}),{asyncLoading:b,outerVisible:f,innerVisible:m,handleClose:k,handleAfterLeave:()=>{v("close"),f.value=!1}}};

package/lib/Modal/hooks/useModalDraggable.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),u=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/tinycolor2/esm/tinycolor.js");const l=require("../../_shared/utils/dom.js");require("../../_shared/utils/time.js"),require("../../_shared/utils/locale.js");module.exports=a=>{const{visible:v,triggerRef:r,modalRef:t,draggable:i,fullscreen:o,alignCenter:s,top:n}=a,d=e.ref(0),f=e.ref(0),{x:c,y:g}=u.useDraggable(r,{onMove(){if(!h.value)return;const e=window.innerWidth-t.value.offsetWidth,u=window.innerHeight-t.value.offsetHeight;c.value=c.value>=e?e:c.value,c.value=c.value<=0?0:c.value,g.value=g.value>=u?u:g.value,g.value=g.value<=0?0:g.value}}),h=e.computed(()=>i.value&&!o.value),m=e.computed(()=>!h.value||c.value==d.value&&g.value==f.value?{left:l.valueToPx(d.value),top:l.valueToPx(f.value)}:{transform:`translate(${l.valueToPx(c.value)},${l.valueToPx(g.value)})`});return e.watch(()=>v.value,async e=>{if(!e)return;await l.sleep(0);const u=(window.innerWidth-t.value.offsetWidth)/2,a=(window.innerHeight-t.value.offsetHeight)/2,v=u<=0?0:u,r=a<=0?0:a;d.value=v,f.value=s.value?r:n.value,c.value=d.value,g.value=f.value},{immediate:!0}),{dragStyle:m,isDraggable:h}};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../../node_modules/@vueuse/core/index.js"),u=require("../../_shared/utils/dom.js");exports.default=l=>{const{visible:v,triggerRef:t,modalRef:r,draggable:i,fullscreen:o,alignCenter:n,top:s}=l,d=e.ref(0),f=e.ref(0),{x:g,y:c}=a.useDraggable(t,{onMove(){if(!h.value)return;const e=window.innerWidth-r.value.offsetWidth,a=window.innerHeight-r.value.offsetHeight;g.value=g.value>=e?e:g.value,g.value=g.value<=0?0:g.value,c.value=c.value>=a?a:c.value,c.value=c.value<=0?0:c.value}}),h=e.computed(()=>i.value&&!o.value),w=e.computed(()=>!h.value||g.value==d.value&&c.value==f.value?{left:u.valueToPx(d.value),top:u.valueToPx(f.value)}:{transform:`translate(${u.valueToPx(g.value)},${u.valueToPx(c.value)})`});return e.watch(()=>v.value,async e=>{if(!e)return;await u.sleep(0);const a=(window.innerWidth-r.value.offsetWidth)/2,l=(window.innerHeight-r.value.offsetHeight)/2,v=a<=0?0:a,t=l<=0?0:l;d.value=v,f.value=n.value?t:s.value,g.value=d.value,c.value=f.value},{immediate:!0}),{dragStyle:w,isDraggable:h}};

package/lib/Modal/hooks/useOnBeforeClose.js

@@ -1 +1 @@
-"use strict";require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const e=require("../../_shared/utils/is.js");require("../../_shared/utils/time.js"),require("vue"),require("../../_shared/utils/locale.js");module.exports=async(s,r,i,t)=>{let o;return"confirmBtn"==s?(r.value=!0,o=await new Promise(async s=>{const r=i(s);let t=!0;if(e.isBoolean(r))t=r;else if(r instanceof Promise)try{const s=await r;e.isBoolean(s)&&(t=s)}catch{t=!1}s(t)}),r.value=!1):o=t(),o};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../_shared/utils/is.js");exports.default=async(t,s,o,a)=>{let i;return"confirmBtn"==t?(s.value=!0,i=await new Promise(async t=>{const s=o(t);let a=!0;if(e.isBoolean(s))a=s;else if(s instanceof Promise)try{const t=await s;e.isBoolean(t)&&(a=t)}catch{a=!1}t(a)}),s.value=!1):i=a(),i};

package/lib/Modal/index.d.ts

@@ -1,5 +1,5 @@
 import { App } from 'vue';
-import { ModalConfig } from './type';
+import { ModalConfig, ModalMethod } from './type';
 import { default as _Modal } from './Modal.vue';
 export type ModalInstance = InstanceType<typeof _Modal>;
 export * from './type';
@@ -22,13 +22,13 @@ declare const Modal: {
         "before-close": () => any;
     }, import('vue').PublicProps, {
         top: number;
-        unmountOnClose: boolean;
+        footer: boolean;
+        title: string;
         popupContainer: import('..').PopupContainer;
         renderToBody: boolean;
+        unmountOnClose: boolean;
         width: number | string;
         visible: boolean;
-        footer: boolean;
-        title: string;
         mask: boolean;
         defaultVisible: boolean;
         closable: boolean;
@@ -43,14 +43,14 @@ declare const Modal: {
         okButtonProps: import('..').ButtonProps;
         cancelButtonProps: import('..').ButtonProps;
         maskStyle: import('vue').CSSProperties;
-        modalClass: import('../_shared/type').ClassName;
+        modalClass: import('..').ClassName;
         modalStyle: import('vue').CSSProperties;
         escToClose: boolean;
         draggable: boolean;
         fullscreen: boolean;
         maskAnimationName: string;
         modalAnimationName: string;
-        bodyClass: import('../_shared/type').ClassName;
+        bodyClass: import('..').ClassName;
         hideTitle: boolean;
         simple: boolean;
         onBeforeCancel: import('./type').OnBeforeCancel;
@@ -75,13 +75,13 @@ declare const Modal: {
         "onBefore-close"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
         top: number;
-        unmountOnClose: boolean;
+        footer: boolean;
+        title: string;
         popupContainer: import('..').PopupContainer;
         renderToBody: boolean;
+        unmountOnClose: boolean;
         width: number | string;
         visible: boolean;
-        footer: boolean;
-        title: string;
         mask: boolean;
         defaultVisible: boolean;
         closable: boolean;
@@ -96,14 +96,14 @@ declare const Modal: {
         okButtonProps: import('..').ButtonProps;
         cancelButtonProps: import('..').ButtonProps;
         maskStyle: import('vue').CSSProperties;
-        modalClass: import('../_shared/type').ClassName;
+        modalClass: import('..').ClassName;
         modalStyle: import('vue').CSSProperties;
         escToClose: boolean;
         draggable: boolean;
         fullscreen: boolean;
         maskAnimationName: string;
         modalAnimationName: string;
-        bodyClass: import('../_shared/type').ClassName;
+        bodyClass: import('..').ClassName;
         hideTitle: boolean;
         simple: boolean;
         onBeforeCancel: import('./type').OnBeforeCancel;
@@ -130,13 +130,13 @@ declare const Modal: {
     "before-close": () => any;
 }, string, {
     top: number;
-    unmountOnClose: boolean;
+    footer: boolean;
+    title: string;
     popupContainer: import('..').PopupContainer;
     renderToBody: boolean;
+    unmountOnClose: boolean;
     width: number | string;
     visible: boolean;
-    footer: boolean;
-    title: string;
     mask: boolean;
     defaultVisible: boolean;
     closable: boolean;
@@ -151,14 +151,14 @@ declare const Modal: {
     okButtonProps: import('..').ButtonProps;
     cancelButtonProps: import('..').ButtonProps;
     maskStyle: import('vue').CSSProperties;
-    modalClass: import('../_shared/type').ClassName;
+    modalClass: import('..').ClassName;
     modalStyle: import('vue').CSSProperties;
     escToClose: boolean;
     draggable: boolean;
     fullscreen: boolean;
     maskAnimationName: string;
     modalAnimationName: string;
-    bodyClass: import('../_shared/type').ClassName;
+    bodyClass: import('..').ClassName;
     hideTitle: boolean;
     simple: boolean;
     onBeforeCancel: import('./type').OnBeforeCancel;
@@ -178,8 +178,10 @@ declare module 'vue' {
     interface GlobalComponents {
         YcModal: typeof Modal;
     }
+}
+declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {
-        $modal: typeof Modal;
+        $modal: ModalMethod;
     }
 }
 export default Modal;

package/lib/Modal/index.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("./Modal.vue.js");;/* empty css            */const o=require("./ModalService.vue.js");let n;;/* empty css                   */const s=r=>{n||(n=document.createElement("div"),n.className="yc-overlay yc-overlay-modal",document.body.append(n));const s=()=>{e.render(null,n)},c=e.h(o,{...r,serviceClose:s});return e.render(c,n),{close:s,update:e=>{}}},c={open:s,...Object.fromEntries(["info","warning","error","success","confirm"].map(e=>[e,r=>s({...r,type:e,simple:!0,hideCancel:"confirm"!=e,width:400})]))},i=Object.assign(r,{install:e=>{e.component("Yc"+r.name,r),e.config.globalProperties.$modal=Object.assign(i,c)},...c});module.exports=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./Modal.vue.js");;/* empty css            */const o=require("./ModalService.vue.js");let t;;/* empty css                   */const l=r=>{t||(t=document.createElement("div"),t.className="yc-overlay yc-overlay-modal",document.body.append(t));const l=()=>{e.render(null,t)},a=e.h(o.default,{...r,serviceClose:l});return e.render(a,t),{close:l,update:e=>{}}},a={open:l,...Object.fromEntries(["info","warning","error","success","confirm"].map(e=>[e,r=>l({...r,type:e,simple:!0,hideCancel:"confirm"!=e,width:400})]))},n=Object.assign(r.default,{install:e=>{e.component("Yc"+r.default.name,r.default),e.config.globalProperties.$modal=a},...a});exports.default=n;

package/lib/Modal/type.d.ts

@@ -53,6 +53,10 @@ export interface ModalSlots {
     footer?: () => VNode[];
     title?: () => VNode[];
 }
+export type ModalType = 'success' | 'warning' | 'error' | 'info';
+export type ModalTitleAlign = 'start' | 'center';
+export type OnBeforeOk = (done: (closed: boolean) => void) => void | boolean | Promise<boolean | void>;
+export type OnBeforeCancel = () => boolean;
 export type ModalConfig = Omit<ModalProps, 'visible' | 'defaultVisible' | 'popupContainer'> & {
     title?: RenderContent;
     content?: RenderContent;
@@ -68,10 +72,6 @@ export type ModalUpdateConfig = Omit<ModalConfig, 'title' | 'content' | 'footer'
 export type ModalServiceProps = ModalConfig & {
     serviceClose?: () => void;
 };
-export type ModalReturn = {
-    close: () => void;
-    update: (config: ModalUpdateConfig) => void;
-};
 export type ModalMethod = {
     open: (props: ModalConfig) => ModalReturn;
     success: (props: ModalConfig) => ModalReturn;
@@ -80,7 +80,7 @@ export type ModalMethod = {
     info: (props: ModalConfig) => ModalReturn;
     confirm: (props: ModalConfig) => ModuleStatus;
 };
-export type ModalType = 'info' | 'warning' | 'error' | 'success';
-export type ModalTitleAlign = 'start' | 'center';
-export type OnBeforeOk = (done: (closed: boolean) => void) => void | boolean | Promise<boolean | void>;
-export type OnBeforeCancel = () => boolean;
+export type ModalReturn = {
+    close: () => void;
+    update: (config: ModalUpdateConfig) => void;
+};

package/lib/Notification/Notification.vue.d.ts

@@ -1,15 +1,15 @@
 import { NotificationProps } from './type';
 declare const _default: import('vue').DefineComponent<NotificationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<NotificationProps> & Readonly<{}>, {
-    duration: number;
-    content: import('../_shared/type').RenderContent;
-    style: import('vue').CSSProperties;
-    icon: import('vue').RenderFunction;
     type: import('./type').NotificationType;
     footer: import('vue').RenderFunction;
-    title: import('../_shared/type').RenderContent;
-    class: import('../_shared/type').ClassName;
-    closable: boolean;
+    style: import('vue').CSSProperties;
+    title: import('..').RenderContent;
     onClose: (id: string | number) => void;
+    class: import('..').ClassName;
+    duration: number;
+    content: import('..').RenderContent;
+    icon: import('vue').RenderFunction;
+    closable: boolean;
     id: string;
     showIcon: boolean;
     isReset: boolean;

package/lib/Notification/Notification.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),o=require("../_shared/constants/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const t=require("../_shared/utils/is.js");require("../_shared/utils/time.js");const n=require("../_shared/utils/vue-utils.js");require("../_shared/utils/locale.js");const c=;/* empty css                                          */,/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const l=require("../node_modules/@vueuse/shared/index.js"),i={class:"yc-notification-left"},s={key:0,class:"yc-notification-icon"},a={class:"yc-notification-right"},r={key:0,class:"yc-notification-title"},u={key:1,class:"yc-notification-content"},d={key:2,class:"yc-notification-footer"},m=e.defineComponent({name:"Notification",__name:"Notification",props:{type:{default:"info"},content:{type:[String,Array,Function],default:""},title:{type:[String,Array,Function],default:""},icon:{type:Function,default:void 0},id:{default:""},style:{default:()=>({})},class:{default:""},showIcon:{type:Boolean,default:!0},closable:{type:Boolean,default:!1},duration:{default:3e3},isReset:{type:Boolean,default:!1},footer:{type:Function,default:void 0},closeIcon:{type:Function,default:void 0},closeIconElement:{type:Function,default:void 0},onClose:{type:Function,default:void 0},onDestory:{}},setup(m){const f=m,{type:y,id:p,duration:k,class:v,isReset:B}=e.toRefs(f),{onClose:C,onDestory:_}=f,{start:h,stop:q}=l.useTimeoutFn(()=>{null==_||_(p.value),null==C||C(p.value)},()=>k.value,{immediate:!1});e.watch(()=>B.value,e=>{k.value<=0||!e||(q(),h())});const E=()=>{q(),null==_||_(p.value),null==C||C(p.value)};return e.onMounted(()=>{k.value<=0||h()}),(l,m)=>(e.openBlock(),e.createElementBlock("li",{role:"alert",class:e.normalizeClass(["yc-notification",`yc-notification-${e.unref(y)}`,e.unref(v)]),style:e.normalizeStyle(l.style)},[e.createElementVNode("div",i,[l.showIcon?(e.openBlock(),e.createElementBlock("div",s,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.icon??e.unref(o.TYPE_ICON_MAP)[e.unref(y)])))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",a,[e.unref(t.isUndefined)(l.title)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",r,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(n.getSlotFunction)(l.title))))])),e.unref(t.isUndefined)(l.content)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",u,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(n.getSlotFunction)(l.content))))])),e.unref(t.isFunction)(l.footer)?(e.openBlock(),e.createElementBlock("div",d,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.footer)))])):e.createCommentVNode("",!0)]),l.closable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-notification-close-btn",onClick:E},[l.closeIconElement?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.closeIconElement),{key:0})):(e.openBlock(),e.createBlock(e.unref(c),{key:1},{default:e.withCtx(()=>[l.closeIcon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.closeIcon),{key:0})):e.createCommentVNode("",!0)]),_:1}))])):e.createCommentVNode("",!0)],6))}});module.exports=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../_shared/constants/index.js"),t=require("../_shared/utils/is.js"),n=require("../_shared/utils/vue-utils.js"),c=;/* empty css                                          */,/* empty css                                           */require("../_shared/utils/dom.js"),/* empty css                                                 */;/* empty css                                    */const l=require("../node_modules/@vueuse/shared/index.js"),i={class:"yc-notification-left"},a={key:0,class:"yc-notification-icon"},s={class:"yc-notification-right"},r={key:0,class:"yc-notification-title"},u={key:1,class:"yc-notification-content"},d={key:2,class:"yc-notification-footer"},f=e.defineComponent({name:"Notification",__name:"Notification",props:{type:{default:"info"},content:{type:[String,Array,Function],default:""},title:{type:[String,Array,Function],default:""},icon:{type:Function,default:void 0},id:{default:""},style:{default:()=>({})},class:{default:""},showIcon:{type:Boolean,default:!0},closable:{type:Boolean,default:!1},duration:{default:3e3},isReset:{type:Boolean,default:!1},footer:{type:Function,default:void 0},closeIcon:{type:Function,default:void 0},closeIconElement:{type:Function,default:void 0},onClose:{type:Function,default:void 0},onDestory:{}},setup(f){const m=f,{type:p,id:y,duration:k,class:v,isReset:B}=e.toRefs(m),{onClose:C,onDestory:_}=m,{start:h,stop:E}=l.useTimeoutFn(()=>{null==_||_(y.value),null==C||C(y.value)},()=>k.value,{immediate:!1});e.watch(()=>B.value,e=>{k.value<=0||!e||(E(),h())});const I=()=>{E(),null==_||_(y.value),null==C||C(y.value)};return e.onMounted(()=>{k.value<=0||h()}),(l,f)=>(e.openBlock(),e.createElementBlock("li",{role:"alert",class:e.normalizeClass(["yc-notification",`yc-notification-${e.unref(p)}`,e.unref(v)]),style:e.normalizeStyle(l.style)},[e.createElementVNode("div",i,[l.showIcon?(e.openBlock(),e.createElementBlock("div",a,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.icon??e.unref(o.TYPE_ICON_MAP)[e.unref(p)])))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",s,[e.unref(t.isUndefined)(l.title)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",r,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(n.getSlotFunction)(l.title))))])),e.unref(t.isUndefined)(l.content)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",u,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(n.getSlotFunction)(l.content))))])),e.unref(t.isFunction)(l.footer)?(e.openBlock(),e.createElementBlock("div",d,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.footer)))])):e.createCommentVNode("",!0)]),l.closable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-notification-close-btn",onClick:I},[l.closeIconElement?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.closeIconElement),{key:0})):(e.openBlock(),e.createBlock(e.unref(c.default),{key:1},{default:e.withCtx(()=>[l.closeIcon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.closeIcon),{key:0})):e.createCommentVNode("",!0)]),_:1}))])):e.createCommentVNode("",!0)],6))}});exports.default=f;

package/lib/Notification/Notification.vue3.js

@@ -1 +1 @@
-"use strict";const e=require("./Notification.vue.js");,/* empty css                   */module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Notification.vue.js");,/* empty css                   */exports.default=e.default;

package/lib/Notification/NotificationList.vue.js

@@ -1 +1 @@
-"use strict";const i=require("vue"),t=require("./Notification.vue.js");;/* empty css                   */const e=i.defineComponent({__name:"NotificationList",props:{notificationList:{default:()=>[]},position:{default:"topRight"}},setup(e){const o=e,n=i.computed(()=>`slide-${o.position.includes("Right")?"right":"left"}-notification`);return(e,o)=>(i.openBlock(),i.createBlock(i.TransitionGroup,{name:n.value,class:i.normalizeClass(["yc-notification-list",`yc-notification-list-${e.position}`]),tag:"div"},{default:i.withCtx(()=>[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.notificationList,e=>(i.openBlock(),i.createBlock(t,i.mergeProps({key:e.id},{ref_for:!0},e),null,16))),128))]),_:1},8,["name","class"]))}});module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("./Notification.vue.js");;/* empty css                   */const i=e.defineComponent({__name:"NotificationList",props:{notificationList:{default:()=>[]},position:{default:"topRight"}},setup(i){const o=i,n=e.computed(()=>`slide-${o.position.includes("Right")?"right":"left"}-notification`);return(i,o)=>(e.openBlock(),e.createBlock(e.TransitionGroup,{name:n.value,class:e.normalizeClass(["yc-notification-list",`yc-notification-list-${i.position}`]),tag:"div"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.notificationList,i=>(e.openBlock(),e.createBlock(t.default,e.mergeProps({key:i.id},{ref_for:!0},i),null,16))),128))]),_:1},8,["name","class"]))}});exports.default=i;

package/lib/Notification/NotificationList.vue3.js

@@ -1 +1 @@
-"use strict";const i=require("./NotificationList.vue.js");,/* empty css                       */module.exports=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./NotificationList.vue.js");,/* empty css                       */exports.default=e.default;

package/lib/Notification/index.d.ts

@@ -1,20 +1,21 @@
 import { App } from 'vue';
 import { default as _Notification } from './Notification.vue';
-import { NotificationConfig, NotificationProps, NotificationType, NotificationPosition } from './type';
+import { NotificationMethod, NotificationConfig, NotificationProps, NotificationType, NotificationPosition } from './type';
 export type NotificationInstance = InstanceType<typeof _Notification>;
 export * from './type';
+declare const NotificationMethod: NotificationMethod;
 declare const Notification: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<NotificationProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        duration: number;
-        content: import('../_shared/type').RenderContent;
-        style: import('vue').CSSProperties;
-        icon: import('vue').RenderFunction;
         type: NotificationType;
         footer: import('vue').RenderFunction;
-        title: import('../_shared/type').RenderContent;
-        class: import('../_shared/type').ClassName;
-        closable: boolean;
+        style: import('vue').CSSProperties;
+        title: import('..').RenderContent;
         onClose: (id: string | number) => void;
+        class: import('..').ClassName;
+        duration: number;
+        content: import('..').RenderContent;
+        icon: import('vue').RenderFunction;
+        closable: boolean;
         id: string;
         showIcon: boolean;
         isReset: boolean;
@@ -28,16 +29,16 @@ declare const Notification: {
         M: {};
         Defaults: {};
     }, Readonly<NotificationProps> & Readonly<{}>, {}, {}, {}, {}, {
-        duration: number;
-        content: import('../_shared/type').RenderContent;
-        style: import('vue').CSSProperties;
-        icon: import('vue').RenderFunction;
         type: NotificationType;
         footer: import('vue').RenderFunction;
-        title: import('../_shared/type').RenderContent;
-        class: import('../_shared/type').ClassName;
-        closable: boolean;
+        style: import('vue').CSSProperties;
+        title: import('..').RenderContent;
         onClose: (id: string | number) => void;
+        class: import('..').ClassName;
+        duration: number;
+        content: import('..').RenderContent;
+        icon: import('vue').RenderFunction;
+        closable: boolean;
         id: string;
         showIcon: boolean;
         isReset: boolean;
@@ -48,16 +49,16 @@ declare const Notification: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<NotificationProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    duration: number;
-    content: import('../_shared/type').RenderContent;
-    style: import('vue').CSSProperties;
-    icon: import('vue').RenderFunction;
     type: NotificationType;
     footer: import('vue').RenderFunction;
-    title: import('../_shared/type').RenderContent;
-    class: import('../_shared/type').ClassName;
-    closable: boolean;
+    style: import('vue').CSSProperties;
+    title: import('..').RenderContent;
     onClose: (id: string | number) => void;
+    class: import('..').ClassName;
+    duration: number;
+    content: import('..').RenderContent;
+    icon: import('vue').RenderFunction;
+    closable: boolean;
     id: string;
     showIcon: boolean;
     isReset: boolean;
@@ -72,9 +73,9 @@ declare const Notification: {
     clear: (position: NotificationPosition) => import('./type').NotificationReturn;
     install: (app: App) => void;
 };
-declare module 'vue' {
+declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {
-        $notification: typeof Notification;
+        $notification: NotificationMethod;
     }
 }
 export default Notification;

package/lib/Notification/index.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),i=require("./Notification.vue.js");;/* empty css                   */const t=require("./NotificationList.vue.js");,/* empty css                       */require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const o=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../_shared/utils/locale.js");const s=new Map,n=e.reactive({topLeft:[],topRight:[],bottomLeft:[],bottomRight:[]});let r=1;const c=e=>{n[e].length||(document.body.removeChild(s.get(e)),s.delete(e))},d={...Object.fromEntries(["success","warning","error","info"].map(i=>[i,d=>((i,d="info")=>{const a=o.isString(i)?"topRight":i.position??"topRight",l=n[a];if(!s.has(a)){const i=document.createElement("div");i.className="yc-overlay yc-overlay-notification",document.body.appendChild(i),s.set(a,i),e.render(e.h(t,{notificationList:l,position:a}),i)}const u=o.isString(i)||!i.id?"__yc_notification_"+r++:i.id,f=()=>{const e=l.findIndex(e=>e.id==u);-1!=e&&(l.splice(e,1),c(a))},p=o.isString(i)?{content:i,id:u,onDestory:f,type:d}:{...i,id:u,onDestory:f,type:d},h=l.findIndex(e=>e.id==u);return-1!=h?(l[h]={...l[h],...p,isReset:!0},e.nextTick().then(()=>{l[h].isReset=!1})):l.push(p),{close:f}})(d,i)])),remove(e){let i="topRight",t=-1;for(let[o,s]of Object.entries(n)){const n=s.findIndex(i=>i.id==e);if(-1!=n){i=o,t=n;break}}-1!=t&&n[i].splice(t,1)},clear(e){n[e].splice(0),c(e)}},a=Object.assign(i,{install:e=>{e.config.globalProperties.$notification=Object.assign(i,d)},...d});module.exports=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("./Notification.vue.js");;/* empty css                   */const i=require("./NotificationList.vue.js");;/* empty css                       */const o=require("../_shared/utils/is.js"),n=new Map,s=e.reactive({topLeft:[],topRight:[],bottomLeft:[],bottomRight:[]});let r=1;const c=e=>{s[e].length||(document.body.removeChild(n.get(e)),n.delete(e))},a={...Object.fromEntries(["success","warning","error","info"].map(t=>[t,a=>((t,a="info")=>{const d=o.isString(t)?"topRight":t.position??"topRight",l=s[d];if(!n.has(d)){const t=document.createElement("div");t.className="yc-overlay yc-overlay-notification",document.body.appendChild(t),n.set(d,t),e.render(e.h(i.default,{notificationList:l,position:d}),t)}const u=o.isString(t)||!t.id?"__yc_notification_"+r++:t.id,f=()=>{const e=l.findIndex(e=>e.id==u);-1!=e&&(l.splice(e,1),c(d))},p=o.isString(t)?{content:t,id:u,onDestory:f,type:a}:{...t,id:u,onDestory:f,type:a},g=l.findIndex(e=>e.id==u);return-1!=g?(l[g]={...l[g],...p,isReset:!0},e.nextTick().then(()=>{l[g].isReset=!1})):l.push(p),{close:f}})(a,t)])),remove(e){let t="topRight",i=-1;for(let[o,n]of Object.entries(s)){const s=n.findIndex(t=>t.id==e);if(-1!=s){t=o,i=s;break}}-1!=i&&s[t].splice(i,1)},clear(e){s[e].splice(0),c(e)}},d=Object.assign(t.default,{install:e=>{e.config.globalProperties.$notification=a},...a});exports.default=d;