yc-design-vue 1.0.1 → 1.0.3

package/lib/Menu/type.d.ts

@@ -2,6 +2,7 @@ import { BreakpointName } from '../Grid';
 import { TooltipProps } from '../Tooltip';
 import { TriggerProps } from '../Trigger';
 import { Theme } from '../_shared/type';
+import { VNode } from 'vue';
 export interface MenuProps {
     theme?: Theme;
     mode?: MenuMode;
@@ -33,7 +34,7 @@ export interface MenuEmits {
     (e: 'sub-menu-click', key: string, openKeys: string[]): void;
 }
 export interface MenuSlots {
-    default(): void;
+    default?: () => VNode[];
 }
 export interface SubMenuProps {
     path?: string;
@@ -43,26 +44,26 @@ export interface SubMenuProps {
     popupMaxHeight?: PopupMaxHeight;
 }
 export interface SubMenuSlots {
-    default(): void;
-    title(): void;
-    icon(): void;
-    ['expand-icon-down'](): void;
+    default?: () => VNode[];
+    title?: () => VNode[];
+    icon?: () => VNode[];
+    'expand-icon-down'?: () => VNode[];
 }
 export interface MenuItemProps {
     path?: string;
     disabled?: boolean;
 }
 export interface MenuItemSlots {
-    default(): void;
-    icon(): void;
-    suffix(): void;
+    default?: () => VNode[];
+    icon?: () => VNode[];
+    suffix?: () => VNode[];
 }
 export interface MenuItemGroupProps {
     title?: string;
 }
 export interface MenuItemGroupSlots {
-    default(): void;
-    title(): void;
+    default?: () => VNode[];
+    title?: () => VNode[];
 }
 export type MenuMode = 'vertical' | 'horizontal';
 export type PopupMaxHeight = boolean | number;

package/lib/Message/type.d.ts

@@ -19,7 +19,7 @@ export interface MessageContainerProps {
 }
 export type MessageConfig = Omit<MessageProps, 'type' | 'onDestory'> & MessageContainerProps;
 export type MessageReturn = {
-    close(): void;
+    close?: () => void;
 };
 export type MessageMethod = {
     info: (config: string | MessageConfig) => MessageReturn;

package/lib/Modal/Modal.vue.js

@@ -1 +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;
+"use strict";const e=require("./Modal.vue2.js");;/* empty css            */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-f89e836b"]]);module.exports=r;

package/lib/Modal/Modal.vue2.js

@@ -1 +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;
+"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",o.$attrs.class,{"yc-modal-simple":o.simple,"yc-modal-position-absolute":e.unref(N)||!e.unref(h)}]),style:e.normalizeStyle({zIndex:e.unref(T),...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(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,{"yc-modal-draggable":e.unref($),"yc-modal-fullscreen":e.unref(v)}]),style:e.normalizeStyle(D.value),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/hooks/useModalClose.d.ts

@@ -1,5 +1,6 @@
 import { Ref } from 'vue';
 import { ModalEmits, OnBeforeOk, OnBeforeCancel } from '../type';
+export type CloseEventType = 'confirmBtn' | 'cancelBtn' | 'closeBtn' | 'mask' | 'esc';
 declare const _default: (params: {
     visible: Ref<boolean | undefined>;
     defaultVisible: Ref<boolean>;
@@ -12,7 +13,7 @@ declare const _default: (params: {
     asyncLoading: Ref<boolean, boolean>;
     outerVisible: Ref<boolean, boolean>;
     innerVisible: import('vue').WritableComputedRef<any, boolean>;
-    handleClose: (type: string, ev: MouseEvent | KeyboardEvent) => Promise<void>;
+    handleClose: (type: CloseEventType, ev: MouseEvent | KeyboardEvent) => Promise<void>;
     handleAfterLeave: () => void;
 };
 export default _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("../../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}}};
+"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:n,defaultVisible:a,onBeforeCancel:t,onBeforeOk:c,emits:d}=o,m=e.ref(!1),v=e.ref(!1),f=r(n,a.value,e=>{d("update:visible",e)}),q=async(e,s)=>{(!["confirmBtn","cancelBtn"].includes(e)||await i(e,v,c,t))&&("mask"!=e||l.value)&&("confirmBtn"==e&&d("ok"),d("cancel",s),f.value=!1)};return u.value&&s.onKeyStroke(["Escape"],e=>{f.value&&q("esc",e)}),e.watch(()=>f.value,e=>{e&&(m.value=e)},{immediate:!0}),{asyncLoading:v,outerVisible:m,innerVisible:f,handleClose:q,handleAfterLeave:()=>{d("close"),m.value=!1}}};

package/lib/Modal/type.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 import { ButtonProps } from '../Button';
 import { RenderContent, PopupContainer, ClassName } from '../_shared/type';
 import { ModuleStatus } from 'vm';
@@ -48,10 +48,10 @@ export interface ModalEmits {
     (e: 'before-close'): void;
 }
 export interface ModalSlots {
-    default(): void;
-    header(): void;
-    footer(): void;
-    title(): void;
+    default?: () => VNode[];
+    header?: () => VNode[];
+    footer?: () => VNode[];
+    title?: () => VNode[];
 }
 export type ModalConfig = Omit<ModalProps, 'visible' | 'defaultVisible'> & {
     title?: RenderContent;

package/lib/Notification/type.d.ts

@@ -24,7 +24,7 @@ export interface NotificationContainerProps {
 }
 export type NotificationConfig = Omit<NotificationProps, 'type' | 'onDestory'> & NotificationContainerProps;
 export type NotificationReturn = {
-    close(): void;
+    close?: () => void;
 };
 export type NotificationMethods = {
     info: (config: string | NotificationConfig) => NotificationReturn;

package/lib/OverflowList/index.vue.js

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

package/lib/OverflowList/index.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const l=require("../_shared/utils/fn.js");require("../_shared/utils/time.js");const t=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                           */const r=require("../node_modules/@vueuse/core/index.js"),o=require("../Tag/index.js"),a=e.defineComponent({name:"OverflowList",__name:"index",props:{min:{default:0},margin:{default:8},from:{default:"end"}},emits:["change"],setup(a,{emit:n}){const u=a,s=n,{min:i,margin:c,from:f}=e.toRefs(u),v=e.ref(1e4),m=e.ref([]),d=e.useSlots(),p=e.computed(()=>{var e;return t.findComponentsFromVnodes((null==(e=d.default)?void 0:e.call(d))||[],o.name)}),h=e.ref(),y=e.ref(),g=e.computed(()=>y.value?t.unrefElement(y).offsetWidth+c.value:c.value),k=e.computed(()=>p.value.length-v.value);return r.useResizeObserver(h,l.throttle(async()=>{await l.sleep(0);let e=0,t=0;const r=h.value.offsetWidth;for(let l=0;l<m.value.length;l++){const o=t+(l>0?c.value:0)+m.value[l];if(o>r)break;t=o,e++}v.value=e>i.value?e:i.value},180)),e.watch(()=>v.value,()=>{s("change",k.value)}),e.watch(()=>p.value.length,async()=>{v.value=1e5,await l.sleep(0);const e=[...document.querySelectorAll("#overflowTag")].map(e=>e.offsetWidth);m.value=e},{immediate:!0}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-overflow-list",`yc-overflow-list-from-${e.unref(f)}`]),style:e.normalizeStyle({gap:e.unref(l.valueToPx)(e.unref(c)),padding:"start"==e.unref(f)?`0 0 0 ${e.unref(l.valueToPx)(g.value)}`:` 0 ${e.unref(l.valueToPx)(g.value)} 0 0`}),ref_key:"listRef",ref:h},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(l,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t},[t<v.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l),{key:0,id:"overflowTag"})):e.createCommentVNode("",!0)],64))),128)),v.value<p.value.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-overflow-tag",ref_key:"overflowRef",ref:y},[e.renderSlot(t.$slots,"overflow",{number:k.value},()=>[e.createVNode(e.unref(o),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(`+${k.value}`),1)]),_:1})],!0)],512)):e.createCommentVNode("",!0)],6))}});module.exports=a;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const l=require("../_shared/utils/fn.js");require("../_shared/utils/time.js");const t=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                           */const r=require("../node_modules/@vueuse/core/index.js"),o=require("../Tag/index.js"),a=e.defineComponent({name:"OverflowList",__name:"index",props:{min:{default:0},margin:{default:8},from:{default:"end"}},emits:["change"],setup(a,{emit:n}){const u=e.useSlots(),s=a,i=n,{min:c,margin:f,from:v}=e.toRefs(s),m=e.ref(1e4),d=e.ref([]),p=e.computed(()=>{var e;return t.findComponentsFromVnodes((null==(e=u.default)?void 0:e.call(u))||[],o.name)}),h=e.ref(),y=e.ref(),g=e.computed(()=>y.value?r.unrefElement(y).offsetWidth+f.value:f.value),k=e.computed(()=>p.value.length-m.value);return r.useResizeObserver(h,l.throttle(async()=>{await l.sleep(0);let e=0,t=0;const r=h.value.offsetWidth;for(let l=0;l<d.value.length;l++){const o=t+(l>0?f.value:0)+d.value[l];if(o>r)break;t=o,e++}m.value=e>c.value?e:c.value},180)),e.watch(()=>m.value,()=>{i("change",k.value)}),e.watch(()=>p.value.length,async()=>{m.value=1e5,await l.sleep(0);const e=[...document.querySelectorAll("#overflowTag")].map(e=>e.offsetWidth);d.value=e},{immediate:!0}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-overflow-list",`yc-overflow-list-from-${e.unref(v)}`]),style:e.normalizeStyle({gap:e.unref(l.valueToPx)(e.unref(f)),padding:"start"==e.unref(v)?`0 0 0 ${e.unref(l.valueToPx)(g.value)}`:` 0 ${e.unref(l.valueToPx)(g.value)} 0 0`}),ref_key:"listRef",ref:h},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(l,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t},[t<m.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l),{key:0,id:"overflowTag"})):e.createCommentVNode("",!0)],64))),128)),m.value<p.value.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-overflow-tag",ref_key:"overflowRef",ref:y},[e.renderSlot(t.$slots,"overflow",{number:k.value},()=>[e.createVNode(e.unref(o),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(`+${k.value}`),1)]),_:1})],!0)],512)):e.createCommentVNode("",!0)],6))}});module.exports=a;

package/lib/OverflowList/type.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 export interface OverflowListProps {
     min?: number;
     margin?: number;
@@ -7,7 +8,7 @@ export interface OverflowListEmits {
     (e: 'change', value: number): void;
 }
 export interface OverflowListSlots {
-    default(): void;
-    overflow(): void;
+    default?: () => VNode[];
+    overflow?: () => VNode[];
 }
 export type OverflowListFrom = 'start' | 'end';

package/lib/PageHeader/type.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 export interface PageHeaderProp {
     title?: string;
     subtitle?: string;
@@ -7,10 +8,10 @@ export interface PageHeaderEmits {
     (e: 'back', ev: Event): void;
 }
 export interface PageHeaderSlots {
-    default(): void;
-    breadcrumb(): void;
-    ['back-icon']: void;
-    title(): void;
-    subtitle(): void;
-    extra(): void;
+    default?: () => VNode[];
+    breadcrumb?: () => VNode[];
+    'back-icon': VNode[];
+    title?: () => VNode[];
+    subtitle?: () => VNode[];
+    extra?: () => VNode[];
 }

package/lib/Pagination/type.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 import { Size } from '../_shared/type';
 import { SelectProps } from '../Select';
 export interface PaginationProps {
@@ -30,14 +30,14 @@ export interface PaginationEmits {
     (e: 'page-size-change', pageSize: number): void;
 }
 export interface PaginationSlots {
-    total(scope: {
+    total?: (scope: {
         total: number;
-    }): void;
-    ['page-item-ellipsis'](): void;
-    ['page-item-step'](scope: {
+    }) => VNode[];
+    ['page-item-ellipsis']?: () => VNode[];
+    ['page-item-step']?: (scope: {
         type: 'previous' | 'next';
-    }): void;
-    ['page-item'](scope: {
+    }) => VNode[];
+    ['page-item']?: (scope: {
         page: number;
-    }): void;
+    }) => VNode[];
 }

package/lib/Popconfirm/index.d.ts

@@ -88,7 +88,70 @@ declare const Popconfirm: {
             $attrs: {
                 [x: string]: unknown;
             };
-            $refs: any;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                triggerRef: unknown;
+                popupRef: ({
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        readonly preventFocus?: boolean | undefined;
+                        readonly tag?: string | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import('vue').Slot<any> | undefined;
+                    }>;
+                    $root: import('vue').ComponentPublicInstance | null;
+                    $parent: import('vue').ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: import('vue').ComponentOptionsBase<Readonly<{
+                        preventFocus?: boolean;
+                        tag?: string;
+                    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                        preventFocus: boolean;
+                        tag: string;
+                    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[];
+                        created?: (() => void) | (() => void)[];
+                        beforeMount?: (() => void) | (() => void)[];
+                        mounted?: (() => void) | (() => void)[];
+                        beforeUpdate?: (() => void) | (() => void)[];
+                        updated?: (() => void) | (() => void)[];
+                        activated?: (() => void) | (() => void)[];
+                        deactivated?: (() => void) | (() => void)[];
+                        beforeDestroy?: (() => void) | (() => void)[];
+                        beforeUnmount?: (() => void) | (() => void)[];
+                        destroyed?: (() => void) | (() => void)[];
+                        unmounted?: (() => void) | (() => void)[];
+                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof import('vue').nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                } & Readonly<{
+                    preventFocus: boolean;
+                    tag: string;
+                }> & Omit<Readonly<{
+                    preventFocus?: boolean;
+                    tag?: string;
+                }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                    $slots: {
+                        default?(_: {}): any;
+                    };
+                }) | null;
+                arrowRef: HTMLDivElement;
+            };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
             }>;
@@ -209,7 +272,7 @@ declare const Popconfirm: {
             show(): void;
             updatePosition(x: number, y: number): void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: any;
+            $slots: Readonly<import('..').TriggerSlots> & import('..').TriggerSlots;
         }) | null;
     }, any, import('vue').ComponentProvideOptions, {
         P: {};

package/lib/Popconfirm/index.vue.d.ts

@@ -55,7 +55,70 @@ declare function __VLS_template(): {
             $attrs: {
                 [x: string]: unknown;
             };
-            $refs: any;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                triggerRef: unknown;
+                popupRef: ({
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        readonly preventFocus?: boolean | undefined;
+                        readonly tag?: string | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import('vue').Slot<any> | undefined;
+                    }>;
+                    $root: import('vue').ComponentPublicInstance | null;
+                    $parent: import('vue').ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: import('vue').ComponentOptionsBase<Readonly<{
+                        preventFocus?: boolean;
+                        tag?: string;
+                    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                        preventFocus: boolean;
+                        tag: string;
+                    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[];
+                        created?: (() => void) | (() => void)[];
+                        beforeMount?: (() => void) | (() => void)[];
+                        mounted?: (() => void) | (() => void)[];
+                        beforeUpdate?: (() => void) | (() => void)[];
+                        updated?: (() => void) | (() => void)[];
+                        activated?: (() => void) | (() => void)[];
+                        deactivated?: (() => void) | (() => void)[];
+                        beforeDestroy?: (() => void) | (() => void)[];
+                        beforeUnmount?: (() => void) | (() => void)[];
+                        destroyed?: (() => void) | (() => void)[];
+                        unmounted?: (() => void) | (() => void)[];
+                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof import('vue').nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                } & Readonly<{
+                    preventFocus: boolean;
+                    tag: string;
+                }> & Omit<Readonly<{
+                    preventFocus?: boolean;
+                    tag?: string;
+                }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                    $slots: {
+                        default?(_: {}): any;
+                    };
+                }) | null;
+                arrowRef: HTMLDivElement;
+            };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
             }>;
@@ -176,7 +239,7 @@ declare function __VLS_template(): {
             show(): void;
             updatePosition(x: number, y: number): void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: any;
+            $slots: Readonly<import('../Trigger').TriggerSlots> & import('../Trigger').TriggerSlots;
         }) | null;
     };
     rootEl: any;
@@ -267,7 +330,70 @@ declare const __VLS_component: import('vue').DefineComponent<PopconfirmProps, {
         $attrs: {
             [x: string]: unknown;
         };
-        $refs: any;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            triggerRef: unknown;
+            popupRef: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly preventFocus?: boolean | undefined;
+                    readonly tag?: string | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: string, ...args: any[]) => void;
+                $el: any;
+                $options: import('vue').ComponentOptionsBase<Readonly<{
+                    preventFocus?: boolean;
+                    tag?: string;
+                }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                    preventFocus: boolean;
+                    tag: string;
+                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof import('vue').nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{
+                preventFocus: boolean;
+                tag: string;
+            }> & Omit<Readonly<{
+                preventFocus?: boolean;
+                tag?: string;
+            }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            }) | null;
+            arrowRef: HTMLDivElement;
+        };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
@@ -388,7 +514,7 @@ declare const __VLS_component: import('vue').DefineComponent<PopconfirmProps, {
         show(): void;
         updatePosition(x: number, y: number): void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: any;
+        $slots: Readonly<import('../Trigger').TriggerSlots> & import('../Trigger').TriggerSlots;
     }) | null;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/lib/Popconfirm/type.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 import { ClassName, PopupContainer } from '../_shared/type';
 import { OnBeforeCancel, OnBeforeOk } from '../Modal';
 import { TriggerPostion, TriggerProps } from '../Trigger';
@@ -30,9 +30,9 @@ export interface PopconfirmEmits {
     (e: 'cancel'): void;
 }
 export interface PopconfirmSlots {
-    default(): void;
-    content(): void;
-    icon(): void;
+    default?: () => VNode[];
+    content?: () => VNode[];
+    icon?: () => VNode[];
 }
 export type PopconfirmType = 'info' | 'success' | 'warning' | 'error';
 export interface PopconfirmExpose {

package/lib/Popover/type.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 import { ClassName, PopupContainer } from '../_shared/type';
 import { TriggerPostion, TriggerProps, TriggerType } from '../Trigger';
 export interface PopoverProps {
@@ -20,9 +20,9 @@ export interface PopoverEmits {
     (e: 'popup-visible-change', value: boolean): void;
 }
 export interface PopoverSlots {
-    default(): void;
-    content(): void;
-    title(): void;
+    default?: () => VNode[];
+    content?: () => VNode[];
+    title?: () => VNode[];
 }
 export interface PopoverExpose {
     hide(): void;

package/lib/Radio/hooks/useContext.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
-import { RadioType, RadioGroupEmits, RadioValue, RadioOption } from '../type';
-import { Size, Props } from '../../_shared/type';
+import { RadioType, RadioGroupEmits, RadioValue } from '../type';
+import { Size, Props, ObjectData } from '../../_shared/type';
 interface RadioContext {
     computedValue: Ref<RadioValue | undefined>;
     type: Ref<RadioType>;
@@ -11,10 +11,7 @@ interface RadioContext {
 }
 declare const _default: () => {
     provide: (props: Props, emits: RadioGroupEmits) => {
-        options: import('vue').ComputedRef<((RadioOption & Record<string, unknown>) | {
-            label: RadioOption;
-            value: RadioOption;
-        })[]>;
+        options: import('vue').ComputedRef<ObjectData[]>;
     };
     inject: () => RadioContext;
 };

package/lib/Radio/type.d.ts

@@ -1,4 +1,5 @@
 import { Direction, Size, ObjectData } from '../_shared/type';
+import { VNode } from 'vue';
 export interface RadioProps {
     modelValue?: RadioValue;
     defaultChecked?: boolean;
@@ -11,11 +12,11 @@ export interface RadioEmits {
     (e: 'change', value: RadioValue, ev: Event): void;
 }
 export interface RadioSlots {
-    default(): void;
-    radio(scope: {
+    default?: () => VNode[];
+    radio?: (scope: {
         checked: boolean;
         disabled: boolean;
-    }): void;
+    }) => VNode[];
 }
 export interface RadioGroupProps {
     modelValue?: RadioValue;
@@ -31,14 +32,14 @@ export interface RadioGroupEmits {
     (e: 'change', value: RadioValue): void;
 }
 export interface RadioGroupSlots {
-    default(): void;
-    radio(scope: {
+    default?: () => VNode[];
+    radio?: (scope: {
         checked: boolean;
         disabled: boolean;
-    }): void;
-    label(scope: {
+    }) => VNode[];
+    label?: (scope: {
         data: ObjectData;
-    }): void;
+    }) => VNode[];
 }
 export type RadioOption = (RadioValue | {
     label?: string;

package/lib/Rate/type.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 export interface RateProps {
     count?: number;
     modelValue?: number;
@@ -15,7 +16,7 @@ export interface RateEmits {
     (e: 'hover-change', value: number): void;
 }
 export interface RateSlots {
-    character(scope: {
+    character?: (scope: {
         index: number;
-    }): void;
+    }) => VNode[];
 }

package/lib/ResizeBox/type.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 export interface ResizeBoxProps {
     width?: number;
     height?: number;
@@ -15,12 +16,12 @@ export interface ResizeBoxEmits {
     (e: 'moving-end', ev: MouseEvent): void;
 }
 export interface ResizeBoxSlots {
-    default(): void;
-    ['resize-trigger'](scope: {
+    default?: () => VNode[];
+    'resize-trigger'?: (scope: {
         direction: ResizeBoxDirection;
-    }): void;
-    ['resize-trigger-icon'](scope: {
+    }) => VNode[];
+    'resize-trigger-icon'?: (scope: {
         direction: ResizeBoxDirection;
-    }): void;
+    }) => VNode[];
 }
 export type ResizeBoxDirection = 'left' | 'right' | 'top' | 'bottom';