yc-design-vue 1.0.1 → 1.0.3

package/lib/Grid/type.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 export interface GridProps {
     cols?: number | ResponsiveValue;
     rowGap?: number | ResponsiveValue;
@@ -6,7 +7,7 @@ export interface GridProps {
     collapsedRows?: number;
 }
 export interface GridSlots {
-    default(): void;
+    default?: () => VNode[];
 }
 export interface GridItemProps {
     span?: number | ResponsiveValue;
@@ -14,9 +15,9 @@ export interface GridItemProps {
     suffix?: boolean;
 }
 export interface GridItemSlots {
-    default(scope: {
+    default?: (scope: {
         overflow: boolean;
-    }): void;
+    }) => void;
 }
 export interface GridRowProps {
     gutter?: Gutter | [Gutter, Gutter];
@@ -26,7 +27,7 @@ export interface GridRowProps {
     wrap?: boolean;
 }
 export interface GridRowSlots {
-    default(): void;
+    default?: () => VNode[];
 }
 export interface GridColProps {
     span?: number | ResponsiveValue;
@@ -35,7 +36,7 @@ export interface GridColProps {
     flex?: GridColFlex | ResponsiveValue;
 }
 export interface GridColSlots {
-    default(): void;
+    default?: () => VNode[];
 }
 export type ResponsiveValue<T = number | string> = {
     xs?: T;

package/lib/Icon/type.d.ts

@@ -1,4 +1,5 @@
 import { ObjectData } from '../_shared/type';
+import { VNode } from 'vue';
 export interface IconProps {
     type?: string;
     size?: number | string | number[];
@@ -6,7 +7,7 @@ export interface IconProps {
     spin?: boolean;
 }
 export interface IconSlots {
-    default(): void;
+    default?: () => VNode[];
 }
 export interface IconFontOptions {
     src?: string;

package/lib/Image/type.d.ts

@@ -1,4 +1,5 @@
 import { ClassName, PopupContainer } from '../_shared/type';
+import { VNode } from 'vue';
 export interface ImageProps {
     src?: string;
     width?: number | string;
@@ -21,11 +22,11 @@ export interface ImageEmits {
     (e: 'preview-visible-change', visible: boolean): void;
 }
 export interface ImageSlots {
-    error(): void;
-    ['error-icon'](): void;
-    loader(): void;
-    extra(): void;
-    ['preview-actions'](): void;
+    error?: () => VNode[];
+    'error-icon'?: () => VNode[];
+    loader?: () => VNode[];
+    extra?: () => VNode[];
+    'preview-actions'?: () => VNode[];
 }
 export interface ImagePreviewProps {
     src?: string;
@@ -46,8 +47,8 @@ export interface ImagePreviewEmits {
     (e: 'close'): void;
 }
 export interface ImagePreviewSlots {
-    actions(): void;
-    arrow(): void;
+    actions?: () => VNode[];
+    arrow?: () => VNode[];
 }
 export interface ImagePreviewGroupProps extends Omit<ImagePreviewProps, 'src'> {
     srcList?: string[];
@@ -62,8 +63,8 @@ export interface ImagePreviewGroupEmits {
     (e: 'visible-change', value: boolean): void;
 }
 export interface ImagePreviewGroupSlots {
-    actions(): void;
-    default(): void;
+    actions?: () => VNode[];
+    default?: () => VNode[];
 }
 export interface ImagePreviewActionProps {
     name?: string;
@@ -75,7 +76,7 @@ export interface ImagePreviewActionEmits {
     (e: 'contextmenu', ev: MouseEvent): void;
 }
 export interface ImagePreviewActionSlots {
-    default(): void;
+    default?: () => VNode[];
 }
 export type ImageObjectFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
 export type HideFooter = boolean | 'never';

package/lib/Input/hooks/useCursor.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-export default function useCursor(input: Ref<HTMLInputElement | HTMLTextAreaElement | undefined>): {
+declare const _default: (input: Ref<HTMLInputElement | HTMLTextAreaElement | undefined>) => {
     recordCursor: () => void;
     setCursor: () => void;
     getCursor: () => number | undefined;
@@ -17,3 +17,4 @@ export default function useCursor(input: Ref<HTMLInputElement | HTMLTextAreaElem
         afterTxt?: string;
     } | undefined>;
 };
+export default _default;

package/lib/Input/hooks/useCursor.js

@@ -1 +1 @@
-"use strict";const e=require("vue");module.exports=function(t){const n=e.ref();function l(){if(!t.value||!n.value)return;const{value:e}=t.value,{beforeTxt:l,afterTxt:r,selectionStart:u}=n.value;if(!l||!r||!u)return;let s=e.length;if(e.endsWith(r))s=e.length-r.length;else if(e.startsWith(l))s=l.length;else{const t=l[u-1],n=e.indexOf(t,u-1);-1!==n&&(s=n+1)}return s}return{recordCursor:function(){if(!t.value)return;const{selectionStart:e,selectionEnd:l,value:r}=t.value;if(null==e||null==l)return;const u=r.slice(0,Math.max(0,e)),s=r.slice(Math.max(0,l));n.value={selectionStart:e,selectionEnd:l,value:r,beforeTxt:u,afterTxt:s}},setCursor:function(){var e;const n=l();n&&(null==(e=t.value)||e.setSelectionRange(n,n))},getCursor:l,selectionRef:n}};
+"use strict";const e=require("vue");module.exports=t=>{const n=e.ref();function l(){if(!t.value||!n.value)return;const{value:e}=t.value,{beforeTxt:l,afterTxt:r,selectionStart:u}=n.value;if(!l||!r||!u)return;let s=e.length;if(e.endsWith(r))s=e.length-r.length;else if(e.startsWith(l))s=l.length;else{const t=l[u-1],n=e.indexOf(t,u-1);-1!==n&&(s=n+1)}return s}return{recordCursor:function(){if(!t.value)return;const{selectionStart:e,selectionEnd:l,value:r}=t.value;if(null==e||null==l)return;const u=r.slice(0,Math.max(0,e)),s=r.slice(Math.max(0,l));n.value={selectionStart:e,selectionEnd:l,value:r,beforeTxt:u,afterTxt:s}},setCursor:function(){var e;const n=l();n&&(null==(e=t.value)||e.setSelectionRange(n,n))},getCursor:l,selectionRef:n}};

package/lib/Input/type.d.ts

@@ -1,4 +1,5 @@
 import { Size, ObjectData } from '../_shared/type';
+import { VNode } from 'vue';
 export interface InputProps {
     modelValue?: string;
     defaultValue?: string;
@@ -32,11 +33,11 @@ export interface InputEmits {
     (e: 'blur', ev: FocusEvent): void;
 }
 export interface InputSlots {
-    prefix(): void;
-    suffix(): void;
-    prepend(): void;
-    append(): void;
-    label(): void;
+    prefix?: () => VNode[];
+    suffix?: () => VNode[];
+    prepend?: () => VNode[];
+    append?: () => VNode[];
+    label?: () => VNode[];
 }
 export interface InputExpose {
     focus(): void;

package/lib/InputNumber/type.d.ts

@@ -1,4 +1,5 @@
 import { Size, ObjectData } from '../_shared/type';
+import { VNode } from 'vue';
 export interface InputNumberProps {
     modelValue?: InputNumberValue;
     defaultValue?: InputNumberValue;
@@ -30,14 +31,13 @@ export interface InputNumberEmits {
     (e: 'pressEnter', ev: KeyboardEvent): void;
 }
 export interface InputNumberSlots {
-    plus(): void;
-    minus(): void;
-    suffix(): void;
-    prefix(): void;
-    suffix(): void;
-    prepend(): void;
-    append(): void;
-    label(): void;
+    plus?: () => VNode[];
+    minus?: () => VNode[];
+    prefix?: () => VNode[];
+    suffix?: () => VNode[];
+    prepend?: () => VNode[];
+    append?: () => VNode[];
+    label?: () => VNode[];
 }
 export interface InputNumberExpose {
     focus(): void;

package/lib/InputTag/type.d.ts

@@ -1,5 +1,6 @@
 import { Size, ObjectData } from '../_shared/type';
 import { TagProps } from '../Tag';
+import { VNode } from 'vue';
 export interface InputTagProps {
     modelValue?: InputTagValue;
     defaultValue?: InputTagValue;
@@ -31,11 +32,11 @@ export interface InputTagEmits {
     (e: 'clear', ev: MouseEvent): void;
 }
 export interface InputTagSlots {
-    tag(scope: {
+    tag?: (scope: {
         tag: ObjectData;
-    }): void;
-    prefix(): void;
-    suffix(): void;
+    }) => VNode[];
+    prefix?: () => VNode[];
+    suffix?: () => VNode[];
 }
 export interface InputTagExpose {
     focus(): void;

package/lib/Layout/Layout.vue.js

@@ -1 +1 @@
-"use strict";const e=require("./Layout.vue2.js");;/* empty css             */const u=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-89d3b476"]]);module.exports=u;
+"use strict";const e=require("./Layout.vue2.js");;/* empty css             */const u=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-4f591662"]]);module.exports=u;

package/lib/Layout/Layout.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const s=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const r=require("./LayoutSider.vue.js"),o=e.defineComponent({name:"Layout",__name:"Layout",props:{hasSider:{type:Boolean,default:void 0}},setup(o){const t=o,{hasSider:u}=e.toRefs(t),i=e.useSlots(),n=e.computed(()=>{var e;if(!s.isUndefined(u.value))return u.value;return!!((null==(e=i.default)?void 0:e.call(i))||[]).find(e=>e.type.name==r.name)});return(s,r)=>(e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(["yc-layout",{"yc-layout-has-sider":n.value}])},[e.renderSlot(s.$slots,"default",{},void 0,!0)],2))}});module.exports=o;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const s=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const r=require("./LayoutSider.vue.js"),o=e.defineComponent({name:"Layout",__name:"Layout",props:{hasSider:{type:Boolean,default:void 0}},setup(o){const t=e.useSlots(),u=o,{hasSider:i}=e.toRefs(u),n=e.computed(()=>{var e;if(!s.isUndefined(i.value))return i.value;return!!((null==(e=t.default)?void 0:e.call(t))||[]).find(e=>e.type.name==r.name)});return(s,r)=>(e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(["yc-layout",{"yc-layout-has-sider":n.value}])},[e.renderSlot(s.$slots,"default",{},void 0,!0)],2))}});module.exports=o;

package/lib/Layout/type.d.ts

@@ -1,19 +1,20 @@
 import { BreakpointName } from '../Grid';
 import { Theme } from '../_shared/type';
+import { VNode } from 'vue';
 export interface LayoutProps {
     hasSider?: boolean;
 }
 export interface LayoutSlots {
-    default(): void;
+    default?: () => VNode[];
 }
 export interface LayoutHeaderSlots {
-    default(): void;
+    default?: () => VNode[];
 }
 export interface LayoutContentSlots {
-    default(): void;
+    default?: () => VNode[];
 }
 export interface LayoutFooterSlots {
-    default(): void;
+    default?: () => VNode[];
 }
 export interface LayoutSiderProps {
     theme?: Theme;
@@ -33,9 +34,9 @@ export interface LayoutSiderEmits {
     (e: 'breakpoint', collapsed: boolean): void;
 }
 export interface LayoutSiderSlots {
-    default(): void;
-    trigger(scope: {
+    default?: () => VNode[];
+    trigger?: (scope: {
         collapsed: boolean;
-    }): void;
+    }) => VNode[];
 }
 export type ResizeDirections = Array<'left' | 'right' | 'top' | 'bottom'>;

package/lib/Link/type.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 export interface LinkProps {
     href?: string;
     icon?: boolean;
@@ -12,7 +13,7 @@ export interface LinkEmits {
     (e: 'contextmenu', event: MouseEvent): void;
 }
 export interface LinkSlots {
-    default(): void;
-    icon(): void;
+    default?: () => VNode[];
+    icon?: () => VNode[];
 }
 export type LinkStatus = 'normal' | 'warning' | 'success' | 'danger';

package/lib/List/List.vue.js

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

package/lib/List/List.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const t=require("../_shared/utils/fn.js");require("../_shared/utils/time.js");const l=require("../_shared/utils/vue-utils.js"),o=require("../_shared/utils/global-config.js"),r=require("../_shared/utils/control.js"),a=require("./hooks/useScrollReach.js"),s=require("../Spin/index.js"),i=require("../Scrollbar/index.js"),n=require("../Pagination/index.js"),u=require("../Grid/index.js"),d=require("./ListVirtual.vue.js");;/* empty css                  */const c=require("./ListItem.vue.js"),v=require("../Grid/GridItem.vue.js"),m={class:"yc-list-content-wrapper"},f={key:0,class:"yc-list-header"},p={key:2,role:"list",class:"yc-list-content"},g={key:4,class:"yc-list-footer"},y=e.defineComponent({name:"List",__name:"List",props:{data:{default:()=>[]},size:{default:void 0},bordered:{type:Boolean,default:!0},split:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},hoverable:{type:Boolean,default:!1},paginationProps:{default:void 0},gridProps:{default:void 0},maxHeight:{default:void 0},bottomOffset:{default:0},virtualListProps:{default:void 0},scrollbar:{type:Boolean,default:!0}},emits:["scroll","reach-bottom","page-change","page-size-change"],setup(y,{emit:h}){var k,B;const x=y,b=h,{data:S,paginationProps:q,virtualListProps:_,gridProps:j,bottomOffset:C}=e.toRefs(x),{size:z,renderEmpty:P}=o.getGlobalConfig(x),$=e.ref(!1),L=e.ref(),R=e.ref(),V=e.computed(()=>!(!_.value||q.value||j.value)&&(_.value.itemHeight&&(!_.value.threshold||_.value.threshold>S.value.length))),E=e.computed(()=>{var e;return V.value?l.unrefElement(R):null==(e=L.value)?void 0:e.getScrollRef()});a({scrollRef:E,offset:{bottom:C.value},onScroll:(e,t)=>{$.value=t.bottom,b("scroll",e)},onReachBottom:e=>{b("reach-bottom",e)}});const w=e.computed(()=>{var e;return null==(e=q.value)?void 0:e.current}),N=r(w,(null==(k=q.value)?void 0:k.current)||1,e=>{b("page-change",e)}),H=e.computed(()=>{var e;return null==(e=q.value)?void 0:e.pageSize}),G=r(H,(null==(B=q.value)?void 0:B.defaultPageSize)||10,e=>{N.value=1,b("page-change",e)}),F=e.computed(()=>q.value?S.value.slice((N.value-1)*G.value,N.value*G.value):S.value);return(l,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-list-wrapper",`yc-list-size-${e.unref(z)}`,{"yc-list-bordered":l.bordered,"yc-list-hoverable":l.hoverable,"yc-list-split":l.split}])},[e.createVNode(e.unref(s),{loading:l.loading,class:"yc-list-spin"},{default:e.withCtx(()=>{var r;return[e.createVNode(e.unref(i),{scrollbar:l.scrollbar,style:e.normalizeStyle({maxHeight:V.value?"":e.unref(t.valueToPx)(l.maxHeight)}),class:"yc-list",ref_key:"realListRef",ref:L},{default:e.withCtx(()=>[e.createElementVNode("div",m,[l.$slots.header?(e.openBlock(),e.createElementBlock("div",f,[e.renderSlot(l.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),V.value?(e.openBlock(),e.createBlock(d,{key:1,data:e.unref(S),"virtual-list-props":e.unref(_),style:e.normalizeStyle({maxHeight:e.unref(t.valueToPx)(l.maxHeight)}),ref_key:"virtualListRef",ref:R},e.createSlots({_:2},[l.$slots.item?{name:"item",fn:e.withCtx(t=>[e.renderSlot(l.$slots,"item",e.normalizeProps(e.guardReactiveProps(t)),void 0,!0)]),key:"0"}:void 0]),1032,["data","virtual-list-props","style"])):(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(l.$slots,"default",{},void 0,!0),e.unref(j)?(e.openBlock(),e.createBlock(e.unref(u.default),e.normalizeProps(e.mergeProps({key:0},e.unref(j))),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,(t,o)=>(e.openBlock(),e.createBlock(e.unref(v),{key:o},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"item",{index:o,item:t},void 0,!0)]),_:2},1024))),128))]),_:3},16)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(F.value,(t,o)=>e.renderSlot(l.$slots,"item",{key:o,index:o,item:t},void 0,!0)),128))])),l.$slots.default||F.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.$slots.empty||e.unref(P)("List")),{key:3})),l.$slots.footer?(e.openBlock(),e.createElementBlock("div",g,[e.renderSlot(l.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0),l.$slots["scroll-loading"]&&$.value?(e.openBlock(),e.createBlock(c,{key:5,class:"yc-list-scroll-loading"},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"scroll-loading",{},void 0,!0)]),_:3})):e.createCommentVNode("",!0)])]),_:3},8,["scrollbar","style"]),e.unref(q)?(e.openBlock(),e.createBlock(e.unref(n),{key:0,current:e.unref(N),"onUpdate:current":o[0]||(o[0]=t=>e.isRef(N)?N.value=t:null),"page-size":e.unref(G),"onUpdate:pageSize":o[1]||(o[1]=t=>e.isRef(G)?G.value=t:null),total:(null==(r=e.unref(q))?void 0:r.total)||0},null,8,["current","page-size","total"])):e.createCommentVNode("",!0)]}),_:3},8,["loading"])],2))}});module.exports=y;
+"use strict";const e=require("vue"),l=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const t=require("../_shared/utils/fn.js");require("../_shared/utils/time.js");const o=require("../_shared/utils/global-config.js"),r=require("../_shared/utils/control.js"),a=require("./hooks/useScrollReach.js"),s=require("../Spin/index.js"),i=require("../Scrollbar/index.js"),n=require("../Pagination/index.js"),u=require("../Grid/index.js"),d=require("./ListVirtual.vue.js");;/* empty css                  */const c=require("./ListItem.vue.js"),v=require("../Grid/GridItem.vue.js"),m={class:"yc-list-content-wrapper"},f={key:0,class:"yc-list-header"},p={key:2,role:"list",class:"yc-list-content"},g={key:4,class:"yc-list-footer"},y=e.defineComponent({name:"List",__name:"List",props:{data:{default:()=>[]},size:{default:void 0},bordered:{type:Boolean,default:!0},split:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},hoverable:{type:Boolean,default:!1},paginationProps:{default:void 0},gridProps:{default:void 0},maxHeight:{default:void 0},bottomOffset:{default:0},virtualListProps:{default:void 0},scrollbar:{type:Boolean,default:!0}},emits:["scroll","reach-bottom","page-change","page-size-change"],setup(y,{emit:k}){var h,B;const x=y,b=k,{data:S,paginationProps:q,virtualListProps:_,gridProps:j,bottomOffset:C}=e.toRefs(x),{size:z,renderEmpty:P}=o.getGlobalConfig(x),$=e.ref(!1),L=e.ref(),R=e.ref(),V=e.computed(()=>!(!_.value||q.value||j.value)&&(_.value.itemHeight&&(!_.value.threshold||_.value.threshold>S.value.length))),E=e.computed(()=>{var e;return V.value?l.unrefElement(R):null==(e=L.value)?void 0:e.getScrollRef()});a({scrollRef:E,offset:{bottom:C.value},onScroll:(e,l)=>{$.value=l.bottom,b("scroll",e)},onReachBottom:e=>{b("reach-bottom",e)}});const w=e.computed(()=>{var e;return null==(e=q.value)?void 0:e.current}),N=r(w,(null==(h=q.value)?void 0:h.current)||1,e=>{b("page-change",e)}),H=e.computed(()=>{var e;return null==(e=q.value)?void 0:e.pageSize}),G=r(H,(null==(B=q.value)?void 0:B.defaultPageSize)||10,e=>{N.value=1,b("page-change",e)}),F=e.computed(()=>q.value?S.value.slice((N.value-1)*G.value,N.value*G.value):S.value);return(l,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-list-wrapper",`yc-list-size-${e.unref(z)}`,{"yc-list-bordered":l.bordered,"yc-list-hoverable":l.hoverable,"yc-list-split":l.split}])},[e.createVNode(e.unref(s),{loading:l.loading,class:"yc-list-spin"},{default:e.withCtx(()=>{var r;return[e.createVNode(e.unref(i),{scrollbar:l.scrollbar,style:e.normalizeStyle({maxHeight:V.value?"":e.unref(t.valueToPx)(l.maxHeight)}),class:"yc-list",ref_key:"realListRef",ref:L},{default:e.withCtx(()=>[e.createElementVNode("div",m,[l.$slots.header?(e.openBlock(),e.createElementBlock("div",f,[e.renderSlot(l.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),V.value?(e.openBlock(),e.createBlock(d,{key:1,data:e.unref(S),"virtual-list-props":e.unref(_),style:e.normalizeStyle({maxHeight:e.unref(t.valueToPx)(l.maxHeight)}),ref_key:"virtualListRef",ref:R},e.createSlots({_:2},[l.$slots.item?{name:"item",fn:e.withCtx(t=>[e.renderSlot(l.$slots,"item",e.normalizeProps(e.guardReactiveProps(t)),void 0,!0)]),key:"0"}:void 0]),1032,["data","virtual-list-props","style"])):(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(l.$slots,"default",{},void 0,!0),e.unref(j)?(e.openBlock(),e.createBlock(e.unref(u.default),e.normalizeProps(e.mergeProps({key:0},e.unref(j))),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,(t,o)=>(e.openBlock(),e.createBlock(e.unref(v),{key:o},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"item",{index:o,item:t},void 0,!0)]),_:2},1024))),128))]),_:3},16)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(F.value,(t,o)=>e.renderSlot(l.$slots,"item",{key:o,index:o,item:t},void 0,!0)),128))])),l.$slots.default||F.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.$slots.empty||e.unref(P)("List")),{key:3})),l.$slots.footer?(e.openBlock(),e.createElementBlock("div",g,[e.renderSlot(l.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0),l.$slots["scroll-loading"]&&$.value?(e.openBlock(),e.createBlock(c,{key:5,class:"yc-list-scroll-loading"},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"scroll-loading",{},void 0,!0)]),_:3})):e.createCommentVNode("",!0)])]),_:3},8,["scrollbar","style"]),e.unref(q)?(e.openBlock(),e.createBlock(e.unref(n),{key:0,current:e.unref(N),"onUpdate:current":o[0]||(o[0]=l=>e.isRef(N)?N.value=l:null),"page-size":e.unref(G),"onUpdate:pageSize":o[1]||(o[1]=l=>e.isRef(G)?G.value=l:null),total:(null==(r=e.unref(q))?void 0:r.total)||0},null,8,["current","page-size","total"])):e.createCommentVNode("",!0)]}),_:3},8,["loading"])],2))}});module.exports=y;

package/lib/List/type.d.ts

@@ -2,6 +2,7 @@ import { Direction, ObjectData } from '../_shared/type';
 import { GridProps } from '../Grid';
 import { PaginationProps } from '../Pagination';
 import { VirtualListProps } from '../Select';
+import { VNode } from 'vue';
 export interface ListProps {
     data?: ObjectData[];
     size?: ListSize;
@@ -23,32 +24,32 @@ export interface ListEmits {
     (e: 'page-size-change', value: number): void;
 }
 export interface ListSlots {
-    empty(): void;
-    header(): void;
-    footer(): void;
-    default(): void;
-    ['scroll-loading'](): void;
-    item(scope: {
+    empty?: () => VNode[];
+    header?: () => VNode[];
+    footer?: () => VNode[];
+    default?: () => VNode[];
+    'scroll-loading'?: () => VNode[];
+    item?: (scope: {
         index: number;
         item: ObjectData;
-    }): void;
+    }) => VNode[];
 }
 export interface ListItemProps {
     actionLayout?: Direction;
 }
 export interface ListItemSlots {
-    default(): void;
-    meta(): void;
-    extra(): void;
-    actions(): void;
+    default?: () => VNode[];
+    meta?: () => VNode[];
+    extra?: () => VNode[];
+    actions?: () => VNode[];
 }
 export interface ListItemMetaProps {
     title?: string;
     description?: string;
 }
 export interface ListItemMetaSlots {
-    avatar(): void;
-    title(): void;
-    description(): void;
+    avatar?: () => VNode[];
+    title?: () => VNode[];
+    description?: () => VNode[];
 }
 export type ListSize = 'small' | 'medium' | 'large';

package/lib/Mention/index.d.ts

@@ -182,7 +182,70 @@ declare const Mention: {
                             $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;
                             }>;
@@ -303,7 +366,7 @@ declare const Mention: {
                             show(): void;
                             updatePosition(x: number, y: number): void;
                         }> & {} & import('vue').ComponentCustomProperties & {} & {
-                            $slots: any;
+                            $slots: Readonly<import('..').TriggerSlots> & import('..').TriggerSlots;
                         }) | null;
                         inputRef: ({
                             $: import('vue').ComponentInternalInstance;

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

@@ -153,7 +153,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 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;
                             }>;
@@ -274,7 +337,7 @@ declare function __VLS_template(): {
                             show(): void;
                             updatePosition(x: number, y: number): void;
                         }> & {} & import('vue').ComponentCustomProperties & {} & {
-                            $slots: any;
+                            $slots: Readonly<import('..').TriggerSlots> & import('..').TriggerSlots;
                         }) | null;
                         inputRef: ({
                             $: import('vue').ComponentInternalInstance;
@@ -931,7 +994,70 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
                         $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 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;
                         }>;
@@ -1052,7 +1178,7 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
                         show(): void;
                         updatePosition(x: number, y: number): void;
                     }> & {} & import('vue').ComponentCustomProperties & {} & {
-                        $slots: any;
+                        $slots: Readonly<import('..').TriggerSlots> & import('..').TriggerSlots;
                     }) | null;
                     inputRef: ({
                         $: import('vue').ComponentInternalInstance;

package/lib/Mention/type.d.ts

@@ -1,5 +1,6 @@
 import { SelectOptions, SelectValue } from '../Select';
 import { ObjectData } from '../_shared/type';
+import { VNode } from 'vue';
 export interface MentionProps {
     modelValue?: string;
     defaultValue?: string;
@@ -25,7 +26,7 @@ export interface MentionExpose {
     blur(): void;
 }
 export interface MentionSlots {
-    option(scope: {
+    option?: (scope: {
         data: ObjectData;
-    }): void;
+    }) => VNode[];
 }