yc-design-vue 2.0.4 → 2.0.6

package/lib/Mention/type.d.ts

@@ -7,7 +7,7 @@ export interface MentionProps {
     data?: SelectOption[];
     prefix?: string | string[];
     split?: string;
-    type?: MentionType;
+    type?: Type;
     disabled?: boolean;
     allowClear?: boolean;
 }
@@ -30,4 +30,5 @@ export interface MentionSlots {
         data: RecordType;
     }) => VNode[];
 }
-export type MentionType = 'input' | 'textarea';
+type Type = 'input' | 'textarea';
+export {};

package/lib/Menu/Menu.vue.d.ts

@@ -9,14 +9,14 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<MenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    collapse: (collapsed: boolean, type: import('..').collapseType) => any;
+    collapse: (collapsed: boolean, type: "clickTrigger" | "responsive") => any;
     "update:selectedKeys": (value: string) => any;
     "update:openKeys": (value: string) => any;
     "update:collapsed": (value: boolean) => any;
     "menu-item-click": (key: string) => any;
     "sub-menu-click": (key: string, openKeys: string[]) => any;
 }, string, import('vue').PublicProps, Readonly<MenuProps> & Readonly<{
-    onCollapse?: ((collapsed: boolean, type: import('..').collapseType) => any) | undefined;
+    onCollapse?: ((collapsed: boolean, type: "clickTrigger" | "responsive") => any) | undefined;
     "onUpdate:selectedKeys"?: ((value: string) => any) | undefined;
     "onUpdate:openKeys"?: ((value: string) => any) | undefined;
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;

package/lib/Menu/MenuItem.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js"),l=require("../_shared/utils/is.js"),u=require("../_shared/utils/dom.js"),o=require("./hooks/useContext.js"),a=require("./MenuPopOption.vue.js"),n=require("../Dropdown/index.js"),r=require("../Tooltip/index.js"),i={key:1,class:"yc-menu-icon"},c={key:2,class:"yc-menu-icon-suffix"},s=e.defineComponent({name:"MenuItem",__name:"MenuItem",props:{path:{default:""},disabled:{type:Boolean,default:!1}},setup(s){const p=e.useSlots(),d=s,{path:v,disabled:m}=e.toRefs(d),{reuse:f,define:h}=t.createReusableTemplate(),k=e.useAttrs(),{computedSelectedKeys:y,computedOpenKeys:g,computedCollapsed:x,levelIndent:B,mode:w,theme:C,autoOpen:S,autoOpenSelected:z,accordion:M,triggerProps:N,tooltipProps:V,autoScrollIntoView:_,scrollConfig:b,popupMaxHeight:j,menuTreeNodes:I,menuTree:P,max:q,menuItemWidths:E,emits:O}=o.default().inject(),T=e.computed(()=>I.value.find(e=>e.path==v.value)||{type:"menuitem",level:0}),$=e.computed(()=>P.value.findIndex(e=>e.path==v.value)),A=e.computed(()=>{var e;return(null==(e=P.value[$.value])?void 0:e.children)||[]}),D=e.computed(()=>"submenu"==T.value.type),H=e.computed(()=>0===T.value.level),F=e.computed(()=>o.isMenuItemActive(P.value,v.value,y.value)),R=e.computed(()=>l.isUndefined(k.popupMaxHeight)?j.value:o.getPopupMaxHeight(k.popupMaxHeight)),K=e.ref(),W=e=>{y.value!=e&&(y.value=e,O("menu-item-click",e))},L=()=>{if(!("vertical"!=w.value&&D.value||x.value)){if(!D.value&&!m.value&&y.value!=v.value)return y.value=v.value,O("menu-item-click",v.value);g.value.includes(v.value)?g.value=g.value.filter(e=>e!=v.value):g.value=M.value?[v.value]:[...g.value,v.value],O("sub-menu-click",v.value,g.value)}};return e.onMounted(()=>{var e;H.value&&(E.value[$.value]=K.value.offsetWidth),_.value&&y.value==v.value&&(null==(e=K.value)||e.scrollIntoView(b.value)),D.value&&S.value&&z.value&&F.value&&g.value.push(v.value)}),(t,l)=>$.value<e.unref(q)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-menu-item-wrapper",`yc-menu-item-${e.unref(C)}`,{"yc-menu-item-mode-horizontal":"horizontal"==e.unref(w)}])},[e.createVNode(e.unref(h),null,{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-menu-item",{"yc-menu-item-selected":F.value,"yc-menu-item-disabled":e.unref(m),"yc-menu-item-collapsed":e.unref(x)}]),ref_key:"menuItemRef",ref:K,onClick:L},[H.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-menu-indent",style:e.normalizeStyle({width:e.unref(u.valueToPx)(e.unref(B)*T.value.level),height:e.unref(u.valueToPx)(e.unref(B))})},null,4)),p.icon?(e.openBlock(),e.createElementBlock("div",i,[e.renderSlot(t.$slots,"icon")])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["yc-menu-item-title",{"text-ellipsis":"horizontal"!=e.unref(w)}])},[e.renderSlot(t.$slots,"default")],2),[[e.vShow,!e.unref(x)]]),p.suffix?e.withDirectives((e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(t.$slots,"suffix")],512)),[[e.vShow,!e.unref(x)]]):e.createCommentVNode("",!0)],2)]),_:3}),D.value&&H.value&&("vertical"!=e.unref(w)||e.unref(x))?(e.openBlock(),e.createBlock(e.unref(n.default),{key:0,"popup-max-height":R.value,"trigger-props":{autoFitPosition:!1,position:"horizontal"==e.unref(w)?"bl":"rt",animationName:"horizontal"==e.unref(w)?"slide-dynamic-origin":"zoom-in-fade-out",popupOffset:"vertical"==e.unref(w)?14:20,showArrow:!0,...e.unref(N)},class:e.normalizeClass([`yc-dropdown-popup-${e.unref(C)}`]),onSelect:W},{content:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(A.value,t=>(e.openBlock(),e.createBlock(a.default,{key:t.path,"tree-node":t,"popup-max-height":R.value,"trigger-props":e.unref(N),"computed-selected-keys":e.unref(y)},null,8,["tree-node","popup-max-height","trigger-props","computed-selected-keys"]))),128))]),default:e.withCtx(()=>[e.createVNode(e.unref(f))]),_:1},8,["popup-max-height","trigger-props","class"])):!D.value&&H.value&&e.unref(x)?(e.openBlock(),e.createBlock(e.unref(r.default),{key:1,position:"rt","trigger-props":{autoFitPosition:!1,popupOffset:"vertical"==e.unref(w)?14:18,showArrow:!0,...e.unref(V),...e.unref(N)}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p.default)))]),default:e.withCtx(()=>[e.createVNode(e.unref(f))]),_:1},8,["trigger-props"])):(e.openBlock(),e.createBlock(e.unref(f),{key:2}))],2)):e.createCommentVNode("",!0)}});exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../_shared/utils/is.js"),l=require("../_shared/utils/dom.js"),u=require("../node_modules/@vueuse/core/index.js"),o=require("./hooks/useContext.js"),a=require("./MenuPopOption.vue.js"),n=require("../Dropdown/index.js"),r=require("../Tooltip/index.js"),i={key:1,class:"yc-menu-icon"},c={key:2,class:"yc-menu-icon-suffix"},s=e.defineComponent({name:"MenuItem",__name:"MenuItem",props:{path:{default:""},disabled:{type:Boolean,default:!1}},setup(s){const p=e.useSlots(),d=s,{path:v,disabled:m}=e.toRefs(d),{reuse:f,define:h}=u.createReusableTemplate(),k=e.useAttrs(),{computedSelectedKeys:y,computedOpenKeys:g,computedCollapsed:x,levelIndent:B,mode:w,theme:C,autoOpen:S,autoOpenSelected:z,accordion:M,triggerProps:N,tooltipProps:V,autoScrollIntoView:_,scrollConfig:b,popupMaxHeight:j,menuTreeNodes:I,menuTree:P,max:q,menuItemWidths:E,emits:O}=o.default().inject(),T=e.computed(()=>I.value.find(e=>e.path==v.value)||{type:"menuitem",level:0}),$=e.computed(()=>P.value.findIndex(e=>e.path==v.value)),A=e.computed(()=>{var e;return(null==(e=P.value[$.value])?void 0:e.children)||[]}),D=e.computed(()=>"submenu"==T.value.type),H=e.computed(()=>0===T.value.level),F=e.computed(()=>o.isMenuItemActive(P.value,v.value,y.value)),R=e.computed(()=>t.isUndefined(k.popupMaxHeight)?j.value:o.getPopupMaxHeight(k.popupMaxHeight)),K=e.ref(),W=e=>{y.value!=e&&(y.value=e,O("menu-item-click",e))},L=()=>{if(!("vertical"!=w.value&&D.value||x.value)){if(!D.value&&!m.value&&y.value!=v.value)return y.value=v.value,O("menu-item-click",v.value);g.value.includes(v.value)?g.value=g.value.filter(e=>e!=v.value):g.value=M.value?[v.value]:[...g.value,v.value],O("sub-menu-click",v.value,g.value)}};return e.onMounted(()=>{var e;H.value&&(E.value[$.value]=K.value.offsetWidth),_.value&&y.value==v.value&&(null==(e=K.value)||e.scrollIntoView(b.value)),D.value&&S.value&&z.value&&F.value&&g.value.push(v.value)}),(t,u)=>$.value<e.unref(q)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-menu-item-wrapper",`yc-menu-item-${e.unref(C)}`,{"yc-menu-item-mode-horizontal":"horizontal"==e.unref(w)}])},[e.createVNode(e.unref(h),null,{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-menu-item",{"yc-menu-item-selected":F.value,"yc-menu-item-disabled":e.unref(m),"yc-menu-item-collapsed":e.unref(x)}]),ref_key:"menuItemRef",ref:K,onClick:L},[H.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-menu-indent",style:e.normalizeStyle({width:e.unref(l.valueToPx)(e.unref(B)*T.value.level),height:e.unref(l.valueToPx)(e.unref(B))})},null,4)),p.icon?(e.openBlock(),e.createElementBlock("div",i,[e.renderSlot(t.$slots,"icon")])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["yc-menu-item-title",{"text-ellipsis":"horizontal"!=e.unref(w)}])},[e.renderSlot(t.$slots,"default")],2),[[e.vShow,!e.unref(x)]]),p.suffix?e.withDirectives((e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(t.$slots,"suffix")],512)),[[e.vShow,!e.unref(x)]]):e.createCommentVNode("",!0)],2)]),_:3}),D.value&&H.value&&("vertical"!=e.unref(w)||e.unref(x))?(e.openBlock(),e.createBlock(e.unref(n.default),{key:0,"popup-max-height":R.value,"trigger-props":{autoFitPosition:!1,position:"horizontal"==e.unref(w)?"bl":"rt",animationName:"horizontal"==e.unref(w)?"slide-dynamic-origin":"zoom-in-fade-out",popupOffset:"vertical"==e.unref(w)?14:20,showArrow:!0,...e.unref(N)},class:e.normalizeClass([`yc-dropdown-popup-${e.unref(C)}`]),onSelect:W},{content:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(A.value,t=>(e.openBlock(),e.createBlock(a.default,{key:t.path,"tree-node":t,"popup-max-height":R.value,"trigger-props":e.unref(N),"computed-selected-keys":e.unref(y)},null,8,["tree-node","popup-max-height","trigger-props","computed-selected-keys"]))),128))]),default:e.withCtx(()=>[e.createVNode(e.unref(f))]),_:1},8,["popup-max-height","trigger-props","class"])):!D.value&&H.value&&e.unref(x)?(e.openBlock(),e.createBlock(e.unref(r.default),{key:1,position:"rt","trigger-props":{autoFitPosition:!1,popupOffset:"vertical"==e.unref(w)?14:18,showArrow:!0,...e.unref(V),...e.unref(N)}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p.default)))]),default:e.withCtx(()=>[e.createVNode(e.unref(f))]),_:1},8,["trigger-props"])):(e.openBlock(),e.createBlock(e.unref(f),{key:2}))],2)):e.createCommentVNode("",!0)}});exports.default=s;

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

@@ -37,7 +37,7 @@ export declare function FlattenMenuTree(vnodes: VNode[], componentName: string[]
 export declare function buildMenuTree(flatData: MenuTreeNode[]): MenuTreeNode[];
 export declare function isMenuItemActive(menuTree: MenuTreeNode[], currentPath: string, activePath: string): boolean;
 export declare const getPopupMaxHeight: (popupMaxHeight: PopupMaxHeight) => number | undefined;
-declare const _default: () => {
+export default function useMenuContext(): {
     provide: (props: RecordType, emits: MenuEmits, menuRef: Ref<HTMLDivElement | undefined>) => {
         theme: import('vue').ComputedRef<import('../../_shared/type').Theme>;
         computedCollapsed: import('vue').WritableComputedRef<boolean, boolean>;
@@ -48,4 +48,4 @@ declare const _default: () => {
     };
     inject: () => MenuContext;
 };
-export default _default;
+export {};

package/lib/Menu/hooks/useContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../../node_modules/nanoid/index.browser.js"),o=require("../../node_modules/@vueuse/core/index.js"),r=require("../../_shared/utils/is.js"),l=require("../../_shared/utils/dom.js"),u=require("../../_shared/utils/control.js");require("../index.js");const n=require("../../Layout/hooks/useSiderContext.js"),s=require("../SubMenu.vue.js");;/* empty css               */const i=require("../MenuItem.vue.js");;/* empty css                */const a="menu-context";function d(o,l){const u=[],n=(o,i=null,a=0)=>{var d,c,p;if(!o)return;const f=Array.isArray(o)?o:[o];for(const m of f){if(!e.isVNode(m))continue;const o=t.nanoid(8),f=null==(d=m.type)?void 0:d.name,v=f===s.default.name,h=m.props,g=m.children,x=null==(c=m.component)?void 0:c.subTree,y=v?o:i,j=v?a+1:a;if(l.includes(f)&&u.push({id:o,type:v?"submenu":"menuitem",label:()=>{var e,t;return v?(null==(e=g.title)?void 0:e.call(g))||h.title:null==(t=g.default)?void 0:t.call(g)},path:h.path,parentId:i,level:a}),x)n(x);else if(Array.isArray(g))n(g,y,j);else if(r.isObject(g))for(const e of Object.keys(g))r.isFunction(g[e])&&n((null==(p=g[e])?void 0:p.call(g))||[],y,j)}};return n(o),u}function c(e){const t=new Map,o=[];return e.forEach(e=>{t.set(e.id,{...e,children:[]})}),t.forEach(e=>{if(null===e.parentId)o.push(e);else{const o=t.get(e.parentId);o&&o.children.push(e)}}),o}const p=e=>r.isUndefined(e)||r.isBoolean(e)&&e?167:r.isNumber(e)?e:void 0;exports.FlattenMenuTree=d,exports.buildMenuTree=c,exports.default=()=>({provide:(t,r,f)=>{const{selectedKeys:m,defaultSelectedKeys:v,openKeys:h,defaultOpenKeys:g,levelIndent:x,collapsed:y,defaultCollapsed:j,breakpoint:b,accordion:S,autoOpen:I,triggerProps:M,tooltipProps:O,autoOpenSelected:q,mode:C,autoScrollIntoView:K,scrollConfig:T,collapsedWidth:P,theme:V,popupMaxHeight:_}=e.toRefs(t),{theme:k,collapsed:w}=n.default().inject(),A=u.useControlValue(m,v.value,e=>{r("update:selectedKeys",e)}),W=u.useControlValue(y,j.value,e=>{H.value=[],r("update:collapsed",e)},e=>e||w.value),H=u.useControlValue(h,g.value,e=>{r("update:openKeys",e)}),N=e.computed(()=>p(_.value)),z=e.useSlots(),E=e.computed(()=>{var e;return d((null==(e=z.default)?void 0:e.call(z))||[],[s.default.name??"",i.default.name??""])}),F=e.ref([]),R=e.computed(()=>c(E.value)),B=e.ref(1e6),L=e.computed(()=>V.value||k.value||"light");return"horizontal"==C.value&&o.useResizeObserver(f,l.throttle(()=>{const e=f.value.offsetWidth-52;let t=0,o=0;for(let r=0;r<R.value.length;r++){const l=o+(r>0?4:0)+F.value[r];if(l>e)break;o=l,t++}B.value=t},200)),e.provide(a,{computedSelectedKeys:A,computedOpenKeys:H,computedCollapsed:W,levelIndent:x,accordion:S,autoOpen:I,triggerProps:M,tooltipProps:O,mode:C,autoOpenSelected:q,popupMaxHeight:N,autoScrollIntoView:K,scrollConfig:T,theme:L,menuTreeNodes:E,menuTree:R,max:B,menuItemWidths:F,emits:r}),{theme:L,computedCollapsed:W,breakpoint:b,collapsedWidth:e.computed(()=>l.valueToPx(P.value)),menuTree:R,max:B}},inject:()=>e.inject(a,{computedSelectedKeys:e.ref(""),computedOpenKeys:e.ref([]),levelIndent:e.ref(20),computedCollapsed:e.ref(!1),accordion:e.ref(!1),autoOpen:e.ref(!1),tooltipProps:e.ref({}),triggerProps:e.ref({}),autoOpenSelected:e.ref(!1),mode:e.ref("vertical"),theme:e.ref("light"),popupMaxHeight:e.ref(),autoScrollIntoView:e.ref(!1),scrollConfig:e.ref({}),menuTreeNodes:e.ref([]),menuTree:e.ref([]),max:e.ref(1e4),menuItemWidths:e.ref([]),emits:()=>{}})}),exports.getPopupMaxHeight=p,exports.isMenuItemActive=function(e,t,o){if(t===o)return!0;const r=(e,t)=>{for(const o of e){if(o.path===t)return o;if(o.children&&o.children.length>0){const e=r(o.children,t);if(e)return e}}return null},l=r(e,t);if(!l)return!1;const u=(e,t)=>e.path===t||!!e.children&&e.children.some(e=>u(e,t));return u(l,o)};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../../node_modules/nanoid/index.browser.js"),o=require("../../_shared/utils/is.js"),r=require("../../_shared/utils/dom.js"),u=require("../../node_modules/@vueuse/core/index.js"),l=require("../../_shared/utils/control.js");require("../index.js");const n=require("../../Layout/hooks/useSiderContext.js"),s=require("../SubMenu.vue.js");;/* empty css               */const i=require("../MenuItem.vue.js");;/* empty css                */const a="menu-context";function d(r,u){const l=[],n=(r,i=null,a=0)=>{var d,c,p;if(!r)return;const f=Array.isArray(r)?r:[r];for(const m of f){if(!e.isVNode(m))continue;const r=t.nanoid(8),f=null==(d=m.type)?void 0:d.name,v=f===s.default.name,h=m.props,g=m.children,x=null==(c=m.component)?void 0:c.subTree,y=v?r:i,j=v?a+1:a;if(u.includes(f)&&l.push({id:r,type:v?"submenu":"menuitem",label:()=>{var e,t;return v?(null==(e=g.title)?void 0:e.call(g))||h.title:null==(t=g.default)?void 0:t.call(g)},path:h.path,parentId:i,level:a}),x)n(x);else if(Array.isArray(g))n(g,y,j);else if(o.isObject(g))for(const e of Object.keys(g))o.isFunction(g[e])&&n((null==(p=g[e])?void 0:p.call(g))||[],y,j)}};return n(r),l}function c(e){const t=new Map,o=[];return e.forEach(e=>{t.set(e.id,{...e,children:[]})}),t.forEach(e=>{if(null===e.parentId)o.push(e);else{const o=t.get(e.parentId);o&&o.children.push(e)}}),o}const p=e=>o.isUndefined(e)||o.isBoolean(e)&&e?167:o.isNumber(e)?e:void 0;exports.FlattenMenuTree=d,exports.buildMenuTree=c,exports.default=function(){return{provide:(t,o,f)=>{const{selectedKeys:m,defaultSelectedKeys:v,openKeys:h,defaultOpenKeys:g,levelIndent:x,collapsed:y,defaultCollapsed:j,breakpoint:b,accordion:S,autoOpen:I,triggerProps:M,tooltipProps:O,autoOpenSelected:q,mode:C,autoScrollIntoView:K,scrollConfig:T,collapsedWidth:P,theme:V,popupMaxHeight:_}=e.toRefs(t),{theme:k,collapsed:w}=n.default().inject(),A=l.useControlValue(m,v.value,e=>{o("update:selectedKeys",e)}),W=l.useControlValue(y,j.value,e=>{H.value=[],o("update:collapsed",e)},e=>e||w.value),H=l.useControlValue(h,g.value,e=>{o("update:openKeys",e)}),N=e.computed(()=>p(_.value)),z=e.useSlots(),E=e.computed(()=>{var e;return d((null==(e=z.default)?void 0:e.call(z))||[],[s.default.name??"",i.default.name??""])}),F=e.ref([]),R=e.computed(()=>c(E.value)),B=e.ref(1e6),L=e.computed(()=>V.value||k.value||"light");return"horizontal"==C.value&&u.useResizeObserver(f,r.throttle(()=>{const e=f.value.offsetWidth-52;let t=0,o=0;for(let r=0;r<R.value.length;r++){const u=o+(r>0?4:0)+F.value[r];if(u>e)break;o=u,t++}B.value=t},200)),e.provide(a,{computedSelectedKeys:A,computedOpenKeys:H,computedCollapsed:W,levelIndent:x,accordion:S,autoOpen:I,triggerProps:M,tooltipProps:O,mode:C,autoOpenSelected:q,popupMaxHeight:N,autoScrollIntoView:K,scrollConfig:T,theme:L,menuTreeNodes:E,menuTree:R,max:B,menuItemWidths:F,emits:o}),{theme:L,computedCollapsed:W,breakpoint:b,collapsedWidth:e.computed(()=>r.valueToPx(P.value)),menuTree:R,max:B}},inject:()=>e.inject(a,{computedSelectedKeys:e.ref(""),computedOpenKeys:e.ref([]),levelIndent:e.ref(20),computedCollapsed:e.ref(!1),accordion:e.ref(!1),autoOpen:e.ref(!1),tooltipProps:e.ref({}),triggerProps:e.ref({}),autoOpenSelected:e.ref(!1),mode:e.ref("vertical"),theme:e.ref("light"),popupMaxHeight:e.ref(),autoScrollIntoView:e.ref(!1),scrollConfig:e.ref({}),menuTreeNodes:e.ref([]),menuTree:e.ref([]),max:e.ref(1e4),menuItemWidths:e.ref([]),emits:()=>{}})}},exports.getPopupMaxHeight=p,exports.isMenuItemActive=function(e,t,o){if(t===o)return!0;const r=(e,t)=>{for(const o of e){if(o.path===t)return o;if(o.children&&o.children.length>0){const e=r(o.children,t);if(e)return e}}return null},u=r(e,t);if(!u)return!1;const l=(e,t)=>e.path===t||!!e.children&&e.children.some(e=>l(e,t));return l(u,o)};

package/lib/Menu/index.d.ts

@@ -10,14 +10,14 @@ export type MenuItemGroupInstance = InstanceType<typeof _MenuItemGroup>;
 export * from './type';
 declare const Menu: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').MenuProps> & Readonly<{
-        onCollapse?: ((collapsed: boolean, type: import('..').collapseType) => any) | undefined;
+        onCollapse?: ((collapsed: boolean, type: "clickTrigger" | "responsive") => any) | undefined;
         "onUpdate:selectedKeys"?: ((value: string) => any) | undefined;
         "onUpdate:openKeys"?: ((value: string) => any) | undefined;
         "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
         "onMenu-item-click"?: ((key: string) => any) | undefined;
         "onSub-menu-click"?: ((key: string, openKeys: string[]) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        collapse: (collapsed: boolean, type: import('..').collapseType) => any;
+        collapse: (collapsed: boolean, type: "clickTrigger" | "responsive") => any;
         "update:selectedKeys": (value: string) => any;
         "update:openKeys": (value: string) => any;
         "update:collapsed": (value: boolean) => any;
@@ -53,7 +53,7 @@ declare const Menu: {
         M: {};
         Defaults: {};
     }, Readonly<import('./type').MenuProps> & Readonly<{
-        onCollapse?: ((collapsed: boolean, type: import('..').collapseType) => any) | undefined;
+        onCollapse?: ((collapsed: boolean, type: "clickTrigger" | "responsive") => any) | undefined;
         "onUpdate:selectedKeys"?: ((value: string) => any) | undefined;
         "onUpdate:openKeys"?: ((value: string) => any) | undefined;
         "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
@@ -84,14 +84,14 @@ declare const Menu: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').MenuProps> & Readonly<{
-    onCollapse?: ((collapsed: boolean, type: import('..').collapseType) => any) | undefined;
+    onCollapse?: ((collapsed: boolean, type: "clickTrigger" | "responsive") => any) | undefined;
     "onUpdate:selectedKeys"?: ((value: string) => any) | undefined;
     "onUpdate:openKeys"?: ((value: string) => any) | undefined;
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
     "onMenu-item-click"?: ((key: string) => any) | undefined;
     "onSub-menu-click"?: ((key: string, openKeys: string[]) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    collapse: (collapsed: boolean, type: import('..').collapseType) => any;
+    collapse: (collapsed: boolean, type: "clickTrigger" | "responsive") => any;
     "update:selectedKeys": (value: string) => any;
     "update:openKeys": (value: string) => any;
     "update:collapsed": (value: boolean) => any;

package/lib/Menu/type.d.ts

@@ -1,6 +1,6 @@
 import { TooltipProps } from '../Tooltip';
 import { TriggerProps } from '../Trigger';
-import { Theme, BreakpointName, PopupMaxHeight, Direction, collapseType } from '../_shared/type';
+import { Theme, BreakpointName, PopupMaxHeight, Direction } from '../_shared/type';
 import { VNode } from 'vue';
 export interface MenuProps {
     theme?: Theme;
@@ -28,7 +28,7 @@ export interface MenuEmits {
     (e: 'update:selectedKeys', value: string): void;
     (e: 'update:openKeys', value: string): void;
     (e: 'update:collapsed', value: boolean): void;
-    (e: 'collapse', collapsed: boolean, type: collapseType): void;
+    (e: 'collapse', collapsed: boolean, type: 'clickTrigger' | 'responsive'): void;
     (e: 'menu-item-click', key: string): void;
     (e: 'sub-menu-click', key: string, openKeys: string[]): void;
 }

package/lib/Message/type.d.ts

@@ -1,4 +1,4 @@
-import { RenderContent } from '../_shared/type';
+import { Position, RenderContent, Type } from '../_shared/type';
 import { RenderFunction } from 'vue';
 export interface MessageProps {
     type?: MessageType;
@@ -17,8 +17,8 @@ export interface MessageContainerProps {
     messageList?: MessageProps[];
     position?: MessagePostion;
 }
-export type MessagePostion = 'top' | 'bottom';
-export type MessageType = 'info' | 'success' | 'warning' | 'error' | 'loading' | 'normal';
+export type MessageType = Type<'loading' | 'normal'>;
+export type MessagePostion = Exclude<Position, 'left' | 'right'>;
 export type MessageConfig = Omit<MessageProps, 'type' | 'onDestory'> & MessageContainerProps;
 export type MessageMethod = {
     info: (config: string | MessageConfig) => MessageReturn;

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

@@ -39,7 +39,7 @@ declare const __VLS_component: import('vue').DefineComponent<ModalProps, {}, {},
     defaultVisible: boolean;
     closable: boolean;
     bodyStyle: CSSProperties;
-    titleAlign: import('./type').ModalTitleAlign;
+    titleAlign: "center" | "start";
     alignCenter: boolean;
     maskClosable: boolean;
     hideCancel: boolean;

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

@@ -10,7 +10,7 @@ declare const _default: import('vue').DefineComponent<ModalServiceProps, {}, {},
     mask: boolean;
     closable: boolean;
     bodyStyle: import('vue').CSSProperties;
-    titleAlign: import('./type').ModalTitleAlign;
+    titleAlign: "center" | "start";
     alignCenter: boolean;
     maskClosable: boolean;
     hideCancel: boolean;

package/lib/Modal/index.d.ts

@@ -24,7 +24,7 @@ declare const Modal: {
         top: number;
         footer: boolean;
         title: string;
-        popupContainer: import('..').PopupContainer;
+        popupContainer: import('../_shared/type').PopupContainer;
         renderToBody: boolean;
         unmountOnClose: boolean;
         width: number | string;
@@ -33,7 +33,7 @@ declare const Modal: {
         defaultVisible: boolean;
         closable: boolean;
         bodyStyle: import('vue').CSSProperties;
-        titleAlign: import('./type').ModalTitleAlign;
+        titleAlign: "center" | "start";
         alignCenter: boolean;
         maskClosable: boolean;
         hideCancel: boolean;
@@ -43,14 +43,14 @@ declare const Modal: {
         okButtonProps: import('..').ButtonProps;
         cancelButtonProps: import('..').ButtonProps;
         maskStyle: import('vue').CSSProperties;
-        modalClass: import('..').ClassName;
+        modalClass: import('../_shared/type').ClassName;
         modalStyle: import('vue').CSSProperties;
         escToClose: boolean;
         draggable: boolean;
         fullscreen: boolean;
         maskAnimationName: string;
         modalAnimationName: string;
-        bodyClass: import('..').ClassName;
+        bodyClass: import('../_shared/type').ClassName;
         hideTitle: boolean;
         simple: boolean;
         onBeforeCancel: import('./type').OnBeforeCancel;
@@ -77,7 +77,7 @@ declare const Modal: {
         top: number;
         footer: boolean;
         title: string;
-        popupContainer: import('..').PopupContainer;
+        popupContainer: import('../_shared/type').PopupContainer;
         renderToBody: boolean;
         unmountOnClose: boolean;
         width: number | string;
@@ -86,7 +86,7 @@ declare const Modal: {
         defaultVisible: boolean;
         closable: boolean;
         bodyStyle: import('vue').CSSProperties;
-        titleAlign: import('./type').ModalTitleAlign;
+        titleAlign: "center" | "start";
         alignCenter: boolean;
         maskClosable: boolean;
         hideCancel: boolean;
@@ -96,14 +96,14 @@ declare const Modal: {
         okButtonProps: import('..').ButtonProps;
         cancelButtonProps: import('..').ButtonProps;
         maskStyle: import('vue').CSSProperties;
-        modalClass: import('..').ClassName;
+        modalClass: import('../_shared/type').ClassName;
         modalStyle: import('vue').CSSProperties;
         escToClose: boolean;
         draggable: boolean;
         fullscreen: boolean;
         maskAnimationName: string;
         modalAnimationName: string;
-        bodyClass: import('..').ClassName;
+        bodyClass: import('../_shared/type').ClassName;
         hideTitle: boolean;
         simple: boolean;
         onBeforeCancel: import('./type').OnBeforeCancel;
@@ -132,7 +132,7 @@ declare const Modal: {
     top: number;
     footer: boolean;
     title: string;
-    popupContainer: import('..').PopupContainer;
+    popupContainer: import('../_shared/type').PopupContainer;
     renderToBody: boolean;
     unmountOnClose: boolean;
     width: number | string;
@@ -141,7 +141,7 @@ declare const Modal: {
     defaultVisible: boolean;
     closable: boolean;
     bodyStyle: import('vue').CSSProperties;
-    titleAlign: import('./type').ModalTitleAlign;
+    titleAlign: "center" | "start";
     alignCenter: boolean;
     maskClosable: boolean;
     hideCancel: boolean;
@@ -151,14 +151,14 @@ declare const Modal: {
     okButtonProps: import('..').ButtonProps;
     cancelButtonProps: import('..').ButtonProps;
     maskStyle: import('vue').CSSProperties;
-    modalClass: import('..').ClassName;
+    modalClass: import('../_shared/type').ClassName;
     modalStyle: import('vue').CSSProperties;
     escToClose: boolean;
     draggable: boolean;
     fullscreen: boolean;
     maskAnimationName: string;
     modalAnimationName: string;
-    bodyClass: import('..').ClassName;
+    bodyClass: import('../_shared/type').ClassName;
     hideTitle: boolean;
     simple: boolean;
     onBeforeCancel: import('./type').OnBeforeCancel;
@@ -171,7 +171,7 @@ declare const Modal: {
     error: (props: ModalConfig) => import('./type').ModalReturn;
     warning: (props: ModalConfig) => import('./type').ModalReturn;
     info: (props: ModalConfig) => import('./type').ModalReturn;
-    confirm: (props: ModalConfig) => import('vm').ModuleStatus;
+    confirm: (props: ModalConfig) => import('./type').ModalReturn;
     install: (app: App) => void;
 };
 declare module 'vue' {

package/lib/Modal/index.js

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

package/lib/Modal/type.d.ts

@@ -1,7 +1,6 @@
 import { CSSProperties, VNode } from 'vue';
 import { ButtonProps } from '../Button';
-import { RenderContent, PopupContainer, ClassName } from '../_shared/type';
-import { ModuleStatus } from 'vm';
+import { RenderContent, PopupContainer, ClassName, Type } from '../_shared/type';
 export interface ModalProps {
     visible?: boolean;
     defaultVisible?: boolean;
@@ -9,7 +8,7 @@ export interface ModalProps {
     top?: number;
     mask?: boolean;
     title?: string;
-    titleAlign?: ModalTitleAlign;
+    titleAlign?: TitleAlign;
     alignCenter?: boolean;
     unmountOnClose?: boolean;
     maskClosable?: boolean;
@@ -53,14 +52,13 @@ export interface ModalSlots {
     footer?: () => VNode[];
     title?: () => VNode[];
 }
-export type ModalType = 'success' | 'warning' | 'error' | 'info';
-export type ModalTitleAlign = 'start' | 'center';
+type TitleAlign = 'start' | 'center';
 export type OnBeforeOk = (done: (closed: boolean) => void) => void | boolean | Promise<boolean | void>;
 export type OnBeforeCancel = () => boolean;
 export type ModalConfig = Omit<ModalProps, 'visible' | 'defaultVisible' | 'popupContainer'> & {
     title?: RenderContent;
     content?: RenderContent;
-    type?: ModalType;
+    type?: Type;
     onOk?: () => void | Promise<void>;
     onCancel?: () => void | Promise<void>;
     onOpen?: () => void;
@@ -68,7 +66,6 @@ export type ModalConfig = Omit<ModalProps, 'visible' | 'defaultVisible' | 'popup
     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;
 };
@@ -78,9 +75,9 @@ export type ModalMethod = {
     error: (props: ModalConfig) => ModalReturn;
     warning: (props: ModalConfig) => ModalReturn;
     info: (props: ModalConfig) => ModalReturn;
-    confirm: (props: ModalConfig) => ModuleStatus;
+    confirm: (props: ModalConfig) => ModalReturn;
 };
 export type ModalReturn = {
     close: () => void;
-    update: (config: ModalUpdateConfig) => void;
 };
+export {};

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

@@ -1,6 +1,6 @@
 import { NotificationProps } from './type';
 declare const _default: import('vue').DefineComponent<NotificationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<NotificationProps> & Readonly<{}>, {
-    type: import('./type').NotificationType;
+    type: import('..').Type;
     footer: import('vue').RenderFunction;
     style: import('vue').CSSProperties;
     title: import('..').RenderContent;

package/lib/Notification/index.d.ts

@@ -1,12 +1,12 @@
 import { App } from 'vue';
 import { default as _Notification } from './Notification.vue';
-import { NotificationMethod, NotificationConfig, NotificationProps, NotificationType, NotificationPosition } from './type';
+import { NotificationMethod, NotificationConfig, NotificationProps, NotificationPosition } from './type';
 export type NotificationInstance = InstanceType<typeof _Notification>;
 export * from './type';
 declare const NotificationMethod: NotificationMethod;
 declare const Notification: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<NotificationProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        type: NotificationType;
+        type: import('..').Type;
         footer: import('vue').RenderFunction;
         style: import('vue').CSSProperties;
         title: import('..').RenderContent;
@@ -29,7 +29,7 @@ declare const Notification: {
         M: {};
         Defaults: {};
     }, Readonly<NotificationProps> & Readonly<{}>, {}, {}, {}, {}, {
-        type: NotificationType;
+        type: import('..').Type;
         footer: import('vue').RenderFunction;
         style: import('vue').CSSProperties;
         title: import('..').RenderContent;
@@ -49,7 +49,7 @@ declare const Notification: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<NotificationProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    type: NotificationType;
+    type: import('..').Type;
     footer: import('vue').RenderFunction;
     style: import('vue').CSSProperties;
     title: import('..').RenderContent;

package/lib/Notification/type.d.ts

@@ -1,7 +1,7 @@
-import { ClassName, RenderContent } from '../_shared/type';
+import { ClassName, RenderContent, Type } from '../_shared/type';
 import { CSSProperties, RenderFunction } from 'vue';
 export interface NotificationProps {
-    type?: NotificationType;
+    type?: Type;
     content?: RenderContent;
     title?: RenderContent;
     icon?: RenderFunction;
@@ -22,6 +22,7 @@ export interface NotificationContainerProps {
     notificationList?: NotificationProps[];
     position?: NotificationPosition;
 }
+export type NotificationPosition = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
 export type NotificationConfig = Omit<NotificationProps, 'type' | 'onDestory'> & NotificationContainerProps;
 export type NotificationMethod = {
     info: (config: string | NotificationConfig) => NotificationReturn;
@@ -34,5 +35,3 @@ export type NotificationMethod = {
 export type NotificationReturn = {
     close?: () => void;
 };
-export type NotificationPosition = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
-export type NotificationType = 'success' | 'warning' | 'error' | 'info';

package/lib/OverflowList/index.d.ts

@@ -10,7 +10,7 @@ declare const OverflowList: {
     }, import('vue').PublicProps, {
         margin: number;
         min: number;
-        from: import('./type').OverflowListFrom;
+        from: "end" | "start";
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         listRef: HTMLDivElement;
         overflowRef: HTMLDivElement;
@@ -26,7 +26,7 @@ declare const OverflowList: {
     }>, {}, {}, {}, {}, {
         margin: number;
         min: number;
-        from: import('./type').OverflowListFrom;
+        from: "end" | "start";
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -38,7 +38,7 @@ declare const OverflowList: {
 }, string, {
     margin: number;
     min: number;
-    from: import('./type').OverflowListFrom;
+    from: "end" | "start";
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: any;
 }) & {

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

@@ -16,7 +16,7 @@ declare const __VLS_component: import('vue').DefineComponent<OverflowListProps,
 }>, {
     margin: number;
     min: number;
-    from: import('./type').OverflowListFrom;
+    from: "end" | "start";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     listRef: HTMLDivElement;
     overflowRef: HTMLDivElement;

package/lib/OverflowList/index.vue.js

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

package/lib/OverflowList/type.d.ts

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

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

@@ -11,7 +11,7 @@ interface PaginationContext {
     baseSize: Ref<number>;
     bufferSize: Ref<number>;
 }
-declare const _default: () => {
+export default function usePaginationContext(): {
     provide: (props: RecordType, emits: PaginationEmits) => {
         total: import('vue').WritableComputedRef<number, number>;
         size: import('vue').ComputedRef<any>;
@@ -27,4 +27,4 @@ declare const _default: () => {
     };
     inject: () => PaginationContext;
 };
-export default _default;
+export {};

package/lib/Pagination/hooks/useContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../../_shared/utils/control.js"),t=require("../../_shared/utils/global-config.js"),u=require("../../_shared/utils/locale.js"),l="pagination-context";exports.default=()=>({provide:(r,i)=>{const{disabled:o,current:s,defaultCurrent:p,pageSize:n,defaultPageSize:v,pageSizeOptions:c,pageItemStyle:d,activePageItemStyle:g,baseSize:f,bufferSize:S,autoAdjust:m,total:z}=e.toRefs(r),{size:b}=t.getGlobalConfig(r),{t:h}=u.useI18n(),P=a.useControlValue(m.value?z:e.ref(),m.value?0:z.value),y=e.computed(()=>{const e=Math.ceil(P.value/I.value);return e<=1?1:e}),C=e.computed(()=>{if(y.value<f.value)return new Array(y.value).fill(void 0).map((e,a)=>a+1);const e=[],a=j.value-S.value>1,t=j.value+S.value<y.value;let u=0;u=a?t?j.value-S.value:y.value-2*S.value:2;let l=0;l=t?a?j.value+S.value:1+2*S.value:y.value-1,e.push(1),a&&e.push("more-left");for(let r=u;r<=l;r++)e.push(r);return t&&e.push("more-right"),e.push(y.value),e}),j=a.useControlValue(s,p.value,e=>{i("update:current",e),i("change",e)}),I=a.useControlValue(n,v.value,e=>{j.value=1,i("update:pageSize",e),i("page-size-change",e)}),_=e.computed(()=>c.value.map(e=>({label:`${e}${h("pagination.countPerPage")}`,value:e})));return e.provide(l,{computedCurrent:j,computedPageSize:I,disabled:o,pageItemStyle:d,activePageItemStyle:g,pages:y,baseSize:f,bufferSize:S}),{total:P,size:b,pages:y,pagesArray:C,computedCurrent:j,computedPageSize:I,sizeOptions:_,t:h}},inject:()=>e.inject(l,{computedCurrent:e.ref(1),computedPageSize:e.ref(10),disabled:e.ref(!1),pageItemStyle:e.ref({}),activePageItemStyle:e.ref({}),pages:e.ref(0),baseSize:e.ref(6),bufferSize:e.ref(2)})});
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../../_shared/utils/control.js"),t=require("../../_shared/utils/global-config.js"),u=require("../../_shared/utils/locale.js"),l="pagination-context";exports.default=function(){return{provide:(r,i)=>{const{disabled:o,current:s,defaultCurrent:n,pageSize:p,defaultPageSize:v,pageSizeOptions:c,pageItemStyle:d,activePageItemStyle:g,baseSize:f,bufferSize:S,autoAdjust:m,total:z}=e.toRefs(r),{size:b}=t.getGlobalConfig(r),{t:h}=u.useI18n(),P=a.useControlValue(m.value?z:e.ref(),m.value?0:z.value),y=e.computed(()=>{const e=Math.ceil(P.value/I.value);return e<=1?1:e}),C=e.computed(()=>{if(y.value<f.value)return new Array(y.value).fill(void 0).map((e,a)=>a+1);const e=[],a=j.value-S.value>1,t=j.value+S.value<y.value;let u=0;u=a?t?j.value-S.value:y.value-2*S.value:2;let l=0;l=t?a?j.value+S.value:1+2*S.value:y.value-1,e.push(1),a&&e.push("more-left");for(let r=u;r<=l;r++)e.push(r);return t&&e.push("more-right"),e.push(y.value),e}),j=a.useControlValue(s,n.value,e=>{i("update:current",e),i("change",e)}),I=a.useControlValue(p,v.value,e=>{j.value=1,i("update:pageSize",e),i("page-size-change",e)}),_=e.computed(()=>c.value.map(e=>({label:`${e}${h("pagination.countPerPage")}`,value:e})));return e.provide(l,{computedCurrent:j,computedPageSize:I,disabled:o,pageItemStyle:d,activePageItemStyle:g,pages:y,baseSize:f,bufferSize:S}),{total:P,size:b,pages:y,pagesArray:C,computedCurrent:j,computedPageSize:I,sizeOptions:_,t:h}},inject:()=>e.inject(l,{computedCurrent:e.ref(1),computedPageSize:e.ref(10),disabled:e.ref(!1),pageItemStyle:e.ref({}),activePageItemStyle:e.ref({}),pages:e.ref(0),baseSize:e.ref(6),bufferSize:e.ref(2)})}};

package/lib/Popconfirm/index.d.ts

@@ -4,20 +4,20 @@ export type PopconfirmInstance = InstanceType<typeof _Popconfirm>;
 export * from './type';
 declare const Popconfirm: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').PopconfirmProps> & Readonly<{
+        onCancel?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
         "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
-        onCancel?: (() => any) | undefined;
         onOk?: (() => any) | undefined;
     }>, {
         hide(): void;
         show(): void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        cancel: () => any;
         "update:popupVisible": (value: boolean) => any;
         "popup-visible-change": (value: boolean) => any;
-        cancel: () => any;
         ok: () => any;
     }, import('vue').PublicProps, {
-        type: import('./type').PopconfirmType;
+        type: import('..').Type;
         popupContainer: import('..').PopupContainer;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
@@ -282,15 +282,15 @@ declare const Popconfirm: {
         M: {};
         Defaults: {};
     }, Readonly<import('./type').PopconfirmProps> & Readonly<{
+        onCancel?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
         "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
-        onCancel?: (() => any) | undefined;
         onOk?: (() => any) | undefined;
     }>, {
         hide(): void;
         show(): void;
     }, {}, {}, {}, {
-        type: import('./type').PopconfirmType;
+        type: import('..').Type;
         popupContainer: import('..').PopupContainer;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
@@ -313,20 +313,20 @@ declare const Popconfirm: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').PopconfirmProps> & Readonly<{
+    onCancel?: (() => any) | undefined;
     "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
     "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
-    onCancel?: (() => any) | undefined;
     onOk?: (() => any) | undefined;
 }>, {
     hide(): void;
     show(): void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    cancel: () => any;
     "update:popupVisible": (value: boolean) => any;
     "popup-visible-change": (value: boolean) => any;
-    cancel: () => any;
     ok: () => any;
 }, string, {
-    type: import('./type').PopconfirmType;
+    type: import('..').Type;
     popupContainer: import('..').PopupContainer;
     popupVisible: boolean;
     defaultPopupVisible: boolean;

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

@@ -249,17 +249,17 @@ declare const __VLS_component: import('vue').DefineComponent<PopconfirmProps, {
     hide(): void;
     show(): void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    cancel: () => any;
     "update:popupVisible": (value: boolean) => any;
     "popup-visible-change": (value: boolean) => any;
-    cancel: () => any;
     ok: () => any;
 }, string, import('vue').PublicProps, Readonly<PopconfirmProps> & Readonly<{
+    onCancel?: (() => any) | undefined;
     "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
     "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
-    onCancel?: (() => any) | undefined;
     onOk?: (() => any) | undefined;
 }>, {
-    type: import('./type').PopconfirmType;
+    type: import('..').Type;
     popupContainer: import('..').PopupContainer;
     popupVisible: boolean;
     defaultPopupVisible: boolean;