yc-design-vue 1.0.1

package/lib/Message/MessageList.vue.d.ts

@@ -0,0 +1,6 @@
+import { MessageContainerProps } from './type';
+declare const _default: import('vue').DefineComponent<MessageContainerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MessageContainerProps> & Readonly<{}>, {
+    position: import('./type').MessagePostion;
+    messageList: import('./type').MessageProps[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/lib/Message/MessageList.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./MessageList.vue2.js");;/* empty css                  */const s=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-10428b71"]]);module.exports=s;

package/lib/Message/MessageList.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("./Message.vue.js"),t=e.defineComponent({__name:"MessageList",props:{messageList:{default:()=>[]},position:{default:"top"}},setup:t=>(t,o)=>(e.openBlock(),e.createBlock(e.TransitionGroup,{name:"fade-message",moveClass:"flip-list-move",tag:"div",class:e.normalizeClass(["yc-message-list",`yc-message-list-${t.position}`])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.messageList,t=>(e.openBlock(),e.createBlock(s,e.mergeProps({key:t.id},{ref_for:!0},t),null,16))),128))]),_:1},8,["class"]))});module.exports=t;

package/lib/Message/index.d.ts

@@ -0,0 +1,69 @@
+import { App } from 'vue';
+import { default as _Message } from './Message.vue';
+import { 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, {
+        duration: number;
+        content: import('../_shared/type').RenderContent;
+        icon: import('vue').RenderFunction;
+        type: MessageType;
+        id: string;
+        onClose: (id: string | number) => void;
+        closable: boolean;
+        showIcon: boolean;
+        isReset: boolean;
+        onDestory: (id: string | number) => void;
+        resetOnHover: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLLIElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<MessageProps> & Readonly<{}>, {}, {}, {}, {}, {
+        duration: number;
+        content: import('../_shared/type').RenderContent;
+        icon: import('vue').RenderFunction;
+        type: MessageType;
+        id: string;
+        onClose: (id: string | number) => void;
+        closable: boolean;
+        showIcon: boolean;
+        isReset: boolean;
+        onDestory: (id: string | number) => void;
+        resetOnHover: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<MessageProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    duration: number;
+    content: import('../_shared/type').RenderContent;
+    icon: import('vue').RenderFunction;
+    type: MessageType;
+    id: string;
+    onClose: (id: string | number) => void;
+    closable: boolean;
+    showIcon: boolean;
+    isReset: boolean;
+    onDestory: (id: string | number) => void;
+    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;
+    success: (config: string | MessageConfig) => import('./type').MessageReturn;
+    warning: (config: string | MessageConfig) => import('./type').MessageReturn;
+    error: (config: string | MessageConfig) => import('./type').MessageReturn;
+    loading: (config: string | MessageConfig) => import('./type').MessageReturn;
+    normoal: (config: string | MessageConfig) => import('./type').MessageReturn;
+    clear: (position: MessagePostion) => import('./type').MessageReturn;
+    install: (app: App) => void;
+};
+declare module 'vue' {
+    interface ComponentCustomProperties {
+        $message: typeof Message;
+    }
+}
+export default Message;

package/lib/Message/index.js

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

package/lib/Message/type.d.ts

@@ -0,0 +1,34 @@
+import { RenderContent } from '../_shared/type';
+import { RenderFunction } from 'vue';
+export interface MessageProps {
+    type?: MessageType;
+    content?: RenderContent;
+    id?: string;
+    icon?: RenderFunction;
+    showIcon?: boolean;
+    closable?: boolean;
+    duration?: number;
+    isReset?: boolean;
+    onClose?: (id: string | number) => void;
+    onDestory?: (id: string | number) => void;
+    resetOnHover?: boolean;
+}
+export interface MessageContainerProps {
+    messageList?: MessageProps[];
+    position?: MessagePostion;
+}
+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;
+    warning: (config: string | MessageConfig) => MessageReturn;
+    error: (config: string | MessageConfig) => MessageReturn;
+    loading: (config: string | MessageConfig) => MessageReturn;
+    normoal: (config: string | MessageConfig) => MessageReturn;
+    clear: (position: MessagePostion) => MessageReturn;
+};
+export type MessagePostion = 'top' | 'bottom';
+export type MessageType = 'info' | 'success' | 'warning' | 'error' | 'loading' | 'normal';

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

@@ -0,0 +1,74 @@
+import { CSSProperties } from 'vue';
+import { ModalProps, ModalSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<ModalSlots> & ModalSlots;
+    refs: {
+        modalRef: HTMLDivElement;
+        headerRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ModalProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    cancel: (ev: MouseEvent | KeyboardEvent) => any;
+    close: () => any;
+    open: () => any;
+    "update:visible": (value: boolean) => any;
+    ok: () => any;
+    "before-open": () => any;
+    "before-close": () => any;
+}, string, import('vue').PublicProps, Readonly<ModalProps> & Readonly<{
+    onCancel?: ((ev: MouseEvent | KeyboardEvent) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    onOk?: (() => any) | undefined;
+    "onBefore-open"?: (() => any) | undefined;
+    "onBefore-close"?: (() => any) | undefined;
+}>, {
+    top: number;
+    unmountOnClose: boolean;
+    popupContainer: import('..').PopupContainer;
+    renderToBody: boolean;
+    width: number | string;
+    visible: boolean;
+    footer: boolean;
+    title: string;
+    mask: boolean;
+    defaultVisible: boolean;
+    closable: boolean;
+    bodyStyle: CSSProperties;
+    titleAlign: import('./type').ModalTitleAlign;
+    alignCenter: boolean;
+    maskClosable: boolean;
+    hideCancel: boolean;
+    okText: string;
+    cancelText: string;
+    okLoading: boolean;
+    okButtonProps: import('../Button').ButtonProps;
+    cancelButtonProps: import('../Button').ButtonProps;
+    maskStyle: CSSProperties;
+    modalClass: import('../_shared/type').ClassName;
+    modalStyle: CSSProperties;
+    escToClose: boolean;
+    draggable: boolean;
+    fullscreen: boolean;
+    maskAnimationName: string;
+    modalAnimationName: string;
+    bodyClass: import('../_shared/type').ClassName;
+    hideTitle: boolean;
+    simple: boolean;
+    onBeforeCancel: import('./type').OnBeforeCancel;
+    onBeforeOk: import('./type').OnBeforeOk;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    modalRef: HTMLDivElement;
+    headerRef: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/Modal/Modal.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./Modal.vue2.js");;/* empty css            */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-08c69d3e"]]);module.exports=r;

package/lib/Modal/Modal.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const o=require("../_shared/utils/fn.js");require("../_shared/utils/time.js");const l=require("../_shared/utils/global-config.js"),t=require("./hooks/useModalClose.js"),a=require("./hooks/useModalDraggable.js"),n=require("../Button/index.js"),r=require("../_shared/components/IconButton.vue.js");;/* empty css                                          */const s={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:d}){const u=i,c=d,{visible:f,defaultVisible:m,width:y,top:p,alignCenter:k,maskClosable:B,escToClose:C,modalStyle:b,fullscreen:v,draggable:g,renderToBody:h}=e.toRefs(u),{onBeforeOk:S,onBeforeCancel:V}=u,{popupContainer:N,zIndex:T}=l.getGlobalConfig(u),{outerVisible:x,innerVisible:w,asyncLoading:_,handleClose:q,handleAfterLeave:z}=t({visible:f,defaultVisible:m,escToClose:C,maskClosable:B,onBeforeOk:S,onBeforeCancel:V,emits:c}),A=e.ref(),E=e.ref(),{dragStyle:j,isDraggable:$}=a({visible:w,draggable:g,fullscreen:v,alignCenter:k,top:p,triggerRef:A,modalRef:E}),D=e.computed(()=>({width:v.value?"100%":"auto"==y.value?"fit-content":o.valueToPx(y.value),...j.value,...b.value}));return(o,l)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(N),disabled:!e.unref(h)},[!o.unmountOnClose||e.unref(x)?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-modal-container",{"yc-modal-simple":o.simple,"yc-modal-position-absolute":e.unref(N)||!e.unref(h)}]),style:e.normalizeStyle({zIndex:e.unref(T)})},[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(w)]]):e.createCommentVNode("",!0)]),_:1},8,["name"]),e.createElementVNode("div",{class:"yc-modal-wrapper",onClick:l[6]||(l[6]=e.withModifiers(o=>e.unref(q)("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(z)},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["yc-modal",o.modalClass,o.$attrs.class,{"yc-modal-draggable":e.unref($),"yc-modal-fullscreen":e.unref(v)}]),style:e.normalizeStyle({...D.value,...o.$attrs.style??{}}),ref_key:"modalRef",ref:E},[e.renderSlot(o.$slots,"header",{},()=>[e.createElementVNode("div",{class:"yc-modal-header",ref_key:"headerRef",ref:A},[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)],!0)],2)),o.closable&&!o.simple?(e.openBlock(),e.createBlock(e.unref(r),{key:1,class:"yc-modal-close-button",onClick:l[0]||(l[0]=o=>e.unref(q)("closeBtn",o))})):e.createCommentVNode("",!0)],512)],!0),e.createElementVNode("div",{class:e.normalizeClass(["yc-modal-body",o.bodyClass]),style:e.normalizeStyle(o.bodyStyle)},[e.renderSlot(o.$slots,"default",{},void 0,!0)],6),o.footer?(e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(o.$slots,"footer",{},()=>[o.hideCancel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(n.default),e.mergeProps({key:0},o.cancelButtonProps,{onClick:l[1]||(l[1]=o=>e.unref(q)("cancelBtn",o))}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.cancelText),1)]),_:1},16)),e.createVNode(e.unref(n.default),e.mergeProps({type:"primary",loading:o.okLoading||e.unref(_)},o.okButtonProps,{onClick:l[2]||(l[2]=o=>e.unref(q)("confirmBtn",o))}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.okText),1)]),_:1},16,["loading"])],!0)])):e.createCommentVNode("",!0)],6),[[e.vShow,e.unref(w)]])]),_:3},8,["name","onAfterLeave"])])],6)),[[e.vShow,e.unref(x)]]):e.createCommentVNode("",!0)],8,["to","disabled"]))}});module.exports=i;

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

@@ -0,0 +1,37 @@
+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;
+    popupContainer: import('..').PopupContainer;
+    renderToBody: boolean;
+    width: number | string;
+    content: import('../_shared/type').RenderContent;
+    footer: boolean;
+    title: string & import('../_shared/type').RenderContent;
+    mask: boolean;
+    closable: boolean;
+    bodyStyle: import('vue').CSSProperties;
+    titleAlign: import('./type').ModalTitleAlign;
+    alignCenter: boolean;
+    maskClosable: boolean;
+    hideCancel: boolean;
+    okText: string;
+    cancelText: string;
+    okLoading: boolean;
+    okButtonProps: import('..').ButtonProps;
+    cancelButtonProps: import('..').ButtonProps;
+    maskStyle: import('vue').CSSProperties;
+    modalClass: import('../_shared/type').ClassName;
+    modalStyle: import('vue').CSSProperties;
+    escToClose: boolean;
+    draggable: boolean;
+    fullscreen: boolean;
+    maskAnimationName: string;
+    modalAnimationName: string;
+    bodyClass: import('../_shared/type').ClassName;
+    hideTitle: boolean;
+    simple: boolean;
+    onBeforeCancel: import('./type').OnBeforeCancel;
+    onBeforeOk: import('./type').OnBeforeOk;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/lib/Modal/ModalService.vue.js

@@ -0,0 +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("../Empty/index.js");/* empty css                           */const l=require("../_shared/constants/index.js"),t=require("./Modal.vue.js"),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},popupContainer:{default:".yc-overlay-modal"},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),"modal-class":["yc-service-modal",{[`yc-service-modal-${u.type}`]:!!u.type}],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;

package/lib/Modal/ModalService.vue3.js

@@ -0,0 +1 @@
+"use strict";const e=require("./ModalService.vue.js");,/* empty css                   */module.exports=e;

package/lib/Modal/hooks/useModalClose.d.ts

@@ -0,0 +1,18 @@
+import { Ref } from 'vue';
+import { ModalEmits, OnBeforeOk, OnBeforeCancel } from '../type';
+declare const _default: (params: {
+    visible: Ref<boolean | undefined>;
+    defaultVisible: Ref<boolean>;
+    maskClosable: Ref<boolean>;
+    escToClose: Ref<boolean>;
+    onBeforeOk: OnBeforeOk;
+    onBeforeCancel: OnBeforeCancel;
+    emits: ModalEmits;
+}) => {
+    asyncLoading: Ref<boolean, boolean>;
+    outerVisible: Ref<boolean, boolean>;
+    innerVisible: import('vue').WritableComputedRef<any, boolean>;
+    handleClose: (type: string, ev: MouseEvent | KeyboardEvent) => Promise<void>;
+    handleAfterLeave: () => void;
+};
+export default _default;

package/lib/Modal/hooks/useModalClose.js

@@ -0,0 +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("../../Empty/index.js");/* empty css                              */const r=require("../../_shared/utils/control.js"),i=require("./useOnBeforeClose.js");module.exports=o=>{const{maskClosable:l,escToClose:u,visible:a,defaultVisible:n,onBeforeCancel:t,onBeforeOk:c,emits:d}=o,v=e.ref(!1),m=e.ref(!1),q=r(a,n.value,e=>{d("update:visible",e)}),f=async(e,s)=>{await i(e,m,c,t)&&("mask"!=e||l.value)&&("confirmBtn"==e&&d("ok"),d("cancel",s),q.value=!1)};return u.value&&s.onKeyStroke(["Escape"],e=>{q.value&&f("esc",e)}),e.watch(()=>q.value,e=>{e&&(v.value=e)},{immediate:!0}),{asyncLoading:m,outerVisible:v,innerVisible:q,handleClose:f,handleAfterLeave:()=>{d("close"),v.value=!1}}};

package/lib/Modal/hooks/useModalDraggable.d.ts

@@ -0,0 +1,14 @@
+import { Ref, CSSProperties } from 'vue';
+declare const _default: (params: {
+    draggable: Ref<boolean>;
+    fullscreen: Ref<boolean>;
+    alignCenter: Ref<boolean>;
+    top: Ref<number>;
+    visible: Ref<boolean>;
+    triggerRef: Ref<HTMLDivElement | undefined>;
+    modalRef: Ref<HTMLDivElement | undefined>;
+}) => {
+    dragStyle: import('vue').ComputedRef<CSSProperties>;
+    isDraggable: import('vue').ComputedRef<boolean>;
+};
+export default _default;

package/lib/Modal/hooks/useModalDraggable.js

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

package/lib/Modal/hooks/useOnBeforeClose.d.ts

@@ -0,0 +1,4 @@
+import { Ref } from 'vue';
+import { OnBeforeOk, OnBeforeCancel } from '../type';
+declare const _default: (type: string, asyncLoading: Ref<boolean>, onBeforeOk: OnBeforeOk, onBeforeCancel: OnBeforeCancel) => Promise<boolean>;
+export default _default;

package/lib/Modal/hooks/useOnBeforeClose.js

@@ -0,0 +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("../../Empty/index.js");/* empty css                              */module.exports=async(s,r,i,o)=>{let t;return"confirmBtn"==s?(r.value=!0,t=await new Promise(async s=>{const r=i(s);let o=!0;if(e.isBoolean(r))o=r;else if(r instanceof Promise)try{const s=await r;e.isBoolean(s)&&(o=s)}catch{o=!1}s(o)}),r.value=!1):t=o(),t};

package/lib/Modal/index.d.ts

@@ -0,0 +1,185 @@
+import { App } from 'vue';
+import { ModalConfig } from './type';
+import { default as _Modal } from './Modal.vue';
+export type ModalInstance = InstanceType<typeof _Modal>;
+export * from './type';
+declare const Modal: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').ModalProps> & Readonly<{
+        onCancel?: ((ev: MouseEvent | KeyboardEvent) => any) | undefined;
+        onClose?: (() => any) | undefined;
+        onOpen?: (() => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+        onOk?: (() => any) | undefined;
+        "onBefore-open"?: (() => any) | undefined;
+        "onBefore-close"?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        cancel: (ev: MouseEvent | KeyboardEvent) => any;
+        close: () => any;
+        open: () => any;
+        "update:visible": (value: boolean) => any;
+        ok: () => any;
+        "before-open": () => any;
+        "before-close": () => any;
+    }, import('vue').PublicProps, {
+        top: number;
+        unmountOnClose: boolean;
+        popupContainer: import('..').PopupContainer;
+        renderToBody: boolean;
+        width: number | string;
+        visible: boolean;
+        footer: boolean;
+        title: string;
+        mask: boolean;
+        defaultVisible: boolean;
+        closable: boolean;
+        bodyStyle: import('vue').CSSProperties;
+        titleAlign: import('./type').ModalTitleAlign;
+        alignCenter: boolean;
+        maskClosable: boolean;
+        hideCancel: boolean;
+        okText: string;
+        cancelText: string;
+        okLoading: boolean;
+        okButtonProps: import('..').ButtonProps;
+        cancelButtonProps: import('..').ButtonProps;
+        maskStyle: import('vue').CSSProperties;
+        modalClass: import('../_shared/type').ClassName;
+        modalStyle: import('vue').CSSProperties;
+        escToClose: boolean;
+        draggable: boolean;
+        fullscreen: boolean;
+        maskAnimationName: string;
+        modalAnimationName: string;
+        bodyClass: import('../_shared/type').ClassName;
+        hideTitle: boolean;
+        simple: boolean;
+        onBeforeCancel: import('./type').OnBeforeCancel;
+        onBeforeOk: import('./type').OnBeforeOk;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        modalRef: HTMLDivElement;
+        headerRef: HTMLDivElement;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').ModalProps> & Readonly<{
+        onCancel?: ((ev: MouseEvent | KeyboardEvent) => any) | undefined;
+        onClose?: (() => any) | undefined;
+        onOpen?: (() => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+        onOk?: (() => any) | undefined;
+        "onBefore-open"?: (() => any) | undefined;
+        "onBefore-close"?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        top: number;
+        unmountOnClose: boolean;
+        popupContainer: import('..').PopupContainer;
+        renderToBody: boolean;
+        width: number | string;
+        visible: boolean;
+        footer: boolean;
+        title: string;
+        mask: boolean;
+        defaultVisible: boolean;
+        closable: boolean;
+        bodyStyle: import('vue').CSSProperties;
+        titleAlign: import('./type').ModalTitleAlign;
+        alignCenter: boolean;
+        maskClosable: boolean;
+        hideCancel: boolean;
+        okText: string;
+        cancelText: string;
+        okLoading: boolean;
+        okButtonProps: import('..').ButtonProps;
+        cancelButtonProps: import('..').ButtonProps;
+        maskStyle: import('vue').CSSProperties;
+        modalClass: import('../_shared/type').ClassName;
+        modalStyle: import('vue').CSSProperties;
+        escToClose: boolean;
+        draggable: boolean;
+        fullscreen: boolean;
+        maskAnimationName: string;
+        modalAnimationName: string;
+        bodyClass: import('../_shared/type').ClassName;
+        hideTitle: boolean;
+        simple: boolean;
+        onBeforeCancel: import('./type').OnBeforeCancel;
+        onBeforeOk: import('./type').OnBeforeOk;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').ModalProps> & Readonly<{
+    onCancel?: ((ev: MouseEvent | KeyboardEvent) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    onOk?: (() => any) | undefined;
+    "onBefore-open"?: (() => any) | undefined;
+    "onBefore-close"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    cancel: (ev: MouseEvent | KeyboardEvent) => any;
+    close: () => any;
+    open: () => any;
+    "update:visible": (value: boolean) => any;
+    ok: () => any;
+    "before-open": () => any;
+    "before-close": () => any;
+}, string, {
+    top: number;
+    unmountOnClose: boolean;
+    popupContainer: import('..').PopupContainer;
+    renderToBody: boolean;
+    width: number | string;
+    visible: boolean;
+    footer: boolean;
+    title: string;
+    mask: boolean;
+    defaultVisible: boolean;
+    closable: boolean;
+    bodyStyle: import('vue').CSSProperties;
+    titleAlign: import('./type').ModalTitleAlign;
+    alignCenter: boolean;
+    maskClosable: boolean;
+    hideCancel: boolean;
+    okText: string;
+    cancelText: string;
+    okLoading: boolean;
+    okButtonProps: import('..').ButtonProps;
+    cancelButtonProps: import('..').ButtonProps;
+    maskStyle: import('vue').CSSProperties;
+    modalClass: import('../_shared/type').ClassName;
+    modalStyle: import('vue').CSSProperties;
+    escToClose: boolean;
+    draggable: boolean;
+    fullscreen: boolean;
+    maskAnimationName: string;
+    modalAnimationName: string;
+    bodyClass: import('../_shared/type').ClassName;
+    hideTitle: boolean;
+    simple: boolean;
+    onBeforeCancel: import('./type').OnBeforeCancel;
+    onBeforeOk: import('./type').OnBeforeOk;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Readonly<import('./type').ModalSlots> & import('./type').ModalSlots;
+}) & {
+    open: (props: ModalConfig) => import('./type').ModalReturn;
+    success: (props: ModalConfig) => import('./type').ModalReturn;
+    error: (props: ModalConfig) => import('./type').ModalReturn;
+    warning: (props: ModalConfig) => import('./type').ModalReturn;
+    info: (props: ModalConfig) => import('./type').ModalReturn;
+    confirm: (props: ModalConfig) => import('vm').ModuleStatus;
+    install: (app: App) => void;
+};
+declare module 'vue' {
+    interface GlobalComponents {
+        YcModal: typeof Modal;
+    }
+    interface ComponentCustomProperties {
+        $modal: typeof Modal;
+    }
+}
+export default Modal;

package/lib/Modal/index.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),r=require("./Modal.vue.js"),o=require("./ModalService.vue.js");let n;;/* empty css                   */const c=r=>{n||(n=document.createElement("div"),n.className="yc-overlay yc-overlay-modal",document.body.append(n));const c=()=>{e.render(null,n)},s=e.h(o,{...r,serviceClose:c});return e.render(s,n),{close:c,update:e=>{}}},s={open:c,...Object.fromEntries(["info","warning","error","success","confirm"].map(e=>[e,r=>c({...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,s)},...s});module.exports=i;

package/lib/Modal/type.d.ts

@@ -0,0 +1,86 @@
+import { CSSProperties } from 'vue';
+import { ButtonProps } from '../Button';
+import { RenderContent, PopupContainer, ClassName } from '../_shared/type';
+import { ModuleStatus } from 'vm';
+export interface ModalProps {
+    visible?: boolean;
+    defaultVisible?: boolean;
+    width?: number | string;
+    top?: number;
+    mask?: boolean;
+    title?: string;
+    titleAlign?: ModalTitleAlign;
+    alignCenter?: boolean;
+    unmountOnClose?: boolean;
+    maskClosable?: boolean;
+    hideCancel?: boolean;
+    closable?: boolean;
+    okText?: string;
+    cancelText?: string;
+    okLoading?: boolean;
+    okButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
+    footer?: boolean;
+    renderToBody?: boolean;
+    popupContainer?: PopupContainer;
+    maskStyle?: CSSProperties;
+    modalClass?: ClassName;
+    modalStyle?: CSSProperties;
+    escToClose?: boolean;
+    draggable?: boolean;
+    fullscreen?: boolean;
+    maskAnimationName?: string;
+    modalAnimationName?: string;
+    bodyClass?: ClassName;
+    bodyStyle?: CSSProperties;
+    hideTitle?: boolean;
+    simple?: boolean;
+    onBeforeCancel?: OnBeforeCancel;
+    onBeforeOk?: OnBeforeOk;
+}
+export interface ModalEmits {
+    (e: 'update:visible', value: boolean): void;
+    (e: 'ok'): void;
+    (e: 'cancel', ev: MouseEvent | KeyboardEvent): void;
+    (e: 'open'): void;
+    (e: 'before-open'): void;
+    (e: 'close'): void;
+    (e: 'before-close'): void;
+}
+export interface ModalSlots {
+    default(): void;
+    header(): void;
+    footer(): void;
+    title(): void;
+}
+export type ModalConfig = Omit<ModalProps, 'visible' | 'defaultVisible'> & {
+    title?: RenderContent;
+    content?: RenderContent;
+    type?: ModalType;
+    onOk?: () => void | Promise<void>;
+    onCancel?: () => void | Promise<void>;
+    onOpen?: () => void;
+    onClose?: () => void;
+    onBeforeOpen?: () => void;
+    onBeforeClose?: () => void;
+};
+export type ModalUpdateConfig = Omit<ModalConfig, 'title' | 'content' | 'footer' | 'onOk' | 'onCancel' | 'onBeforeOk' | 'onBeforeCancel' | 'onOpen' | 'onClose' | 'onBeforeOpen' | 'onBeforeClose'>;
+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;
+    error: (props: ModalConfig) => ModalReturn;
+    warning: (props: ModalConfig) => ModalReturn;
+    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;

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

@@ -0,0 +1,19 @@
+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;
+    id: string;
+    onClose: (id: string | number) => void;
+    closable: boolean;
+    showIcon: boolean;
+    isReset: boolean;
+    closeIcon: import('vue').RenderFunction;
+    closeIconElement: import('vue').RenderFunction;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
+export default _default;

package/lib/Notification/Notification.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./Notification.vue2.js");;/* empty css                   */const i=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-dad0f3e0"]]);module.exports=i;

package/lib/Notification/Notification.vue2.js

@@ -0,0 +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("../Empty/index.js");/* empty css                           */const c=require("../_shared/components/IconButton.vue.js");;/* 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:E}=l.useTimeoutFn(()=>{null==_||_(p.value),null==C||C(p.value)},()=>k.value,{immediate:!1});e.watch(()=>B.value,e=>{k.value<=0||!e||(E(),h())});const q=()=>{E(),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:q},[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;

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

@@ -0,0 +1,6 @@
+import { NotificationContainerProps } from './type';
+declare const _default: import('vue').DefineComponent<NotificationContainerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<NotificationContainerProps> & Readonly<{}>, {
+    position: import('./type').NotificationPosition;
+    notificationList: import('./type').NotificationProps[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/lib/Notification/NotificationList.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./NotificationList.vue2.js");;/* empty css                       */const i=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-79a39152"]]);module.exports=i;