yc-design-vue 2.1.2 → 2.1.3

package/lib/Dropdown/DropdownButton.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../_shared/utils/dom.js"),/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const t=require("../_shared/icons/IconMore.vue.js"),o=require("./Dropdown.vue.js");;/* empty css               */const i=require("../Button/index.js"),n=require("../Button/ButtonGroup.vue.js");;/* empty css                          */const u=e.defineComponent({name:"DropdownButton",__name:"DropdownButton",props:{popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},trigger:{default:"click"},position:{default:"br"},popupContainer:{default:void 0},disabled:{type:Boolean,default:!1},type:{default:"secondary"},size:{default:void 0},buttonProps:{default:()=>({})},hideOnSelect:{type:Boolean,default:!0}},emits:["popup-visible-change","click","select"],setup:u=>(u,r)=>(e.openBlock(),e.createBlock(e.unref(n.default),{disabled:u.disabled,type:u.type,size:u.size},{default:e.withCtx(()=>[e.createVNode(e.unref(i.default),e.mergeProps(u.buttonProps,{onClick:r[0]||(r[0]=e=>u.$emit("click",e))}),{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default")]),_:3},16),e.createVNode(o.default,e.mergeProps({"popup-visible":u.popupVisible,"default-popup-visible":u.defaultPopupVisible,trigger:u.trigger,position:u.position,"popup-container":u.popupContainer,"hide-on-select":u.hideOnSelect,disabled:u.disabled},u.$attrs,{onSelect:r[1]||(r[1]=e=>u.$emit("select",e)),onPopupVisibleChange:r[2]||(r[2]=e=>u.$emit("popup-visible-change",e))}),{content:e.withCtx(()=>[e.renderSlot(u.$slots,"content")]),default:e.withCtx(()=>[e.createVNode(e.unref(i.default),e.normalizeProps(e.guardReactiveProps(u.buttonProps)),{icon:e.withCtx(()=>[e.renderSlot(u.$slots,"icon",{},()=>[e.createVNode(e.unref(t.default))])]),_:3},16)]),_:3},16,["popup-visible","default-popup-visible","trigger","position","popup-container","hide-on-select","disabled"])]),_:3},8,["disabled","type","size"]))});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../_shared/utils/dom.js"),require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js"),require("../_shared/utils/locale.js"),require("../_shared/utils/time.js"),/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const o=require("../_shared/icons/IconMore.vue.js"),t=require("./Dropdown.vue.js");;/* empty css               */const i=require("../Button/index.js"),r=require("../Button/ButtonGroup.vue.js");;/* empty css                          */const s=e.defineComponent({name:"DropdownButton",__name:"DropdownButton",props:{popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},trigger:{default:"click"},position:{default:"br"},popupContainer:{default:void 0},disabled:{type:Boolean,default:!1},type:{default:"secondary"},size:{default:void 0},buttonProps:{default:()=>({})},hideOnSelect:{type:Boolean,default:!0}},emits:["popup-visible-change","click","select"],setup:s=>(s,u)=>(e.openBlock(),e.createBlock(e.unref(r.default),{disabled:s.disabled,type:s.type,size:s.size},{default:e.withCtx(()=>[e.createVNode(e.unref(i.default),e.mergeProps(s.buttonProps,{onClick:u[0]||(u[0]=e=>s.$emit("click",e))}),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16),e.createVNode(t.default,e.mergeProps({"popup-visible":s.popupVisible,"default-popup-visible":s.defaultPopupVisible,trigger:s.trigger,position:s.position,"popup-container":s.popupContainer,"hide-on-select":s.hideOnSelect,disabled:s.disabled},s.$attrs,{onSelect:u[1]||(u[1]=e=>s.$emit("select",e)),onPopupVisibleChange:u[2]||(u[2]=e=>s.$emit("popup-visible-change",e))}),{content:e.withCtx(()=>[e.renderSlot(s.$slots,"content")]),default:e.withCtx(()=>[e.createVNode(e.unref(i.default),e.normalizeProps(e.guardReactiveProps(s.buttonProps)),{icon:e.withCtx(()=>[e.renderSlot(s.$slots,"icon",{},()=>[e.createVNode(e.unref(o.default))])]),_:3},16)]),_:3},16,["popup-visible","default-popup-visible","trigger","position","popup-container","hide-on-select","disabled"])]),_:3},8,["disabled","type","size"]))});exports.default=s;

package/lib/Dropdown/Dsubmenu.vue.d.ts

@@ -1,5 +1,5 @@
 import { nextTick } from 'vue';
-import { DsubmenuProps } from './index';
+import { DsubmenuProps } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: any;
@@ -143,8 +143,6 @@ declare function __VLS_template(): {
                 show: () => any;
                 hide: () => any;
             }, string, {
-                popupContainer: import('..').PopupContainer;
-                renderToBody: boolean;
                 trigger: import('../Trigger').TriggerType;
                 mouseEnterDelay: number;
                 popupVisible: boolean;
@@ -172,6 +170,8 @@ declare function __VLS_template(): {
                 duration: number;
                 autoFitPopupWidth: boolean;
                 autoFitPopupMinWidth: boolean;
+                popupContainer: import('..').PopupContainer;
+                renderToBody: boolean;
                 autoFitPosition: boolean;
                 updateAtScroll: boolean;
                 preventFocus: boolean;
@@ -197,8 +197,6 @@ declare function __VLS_template(): {
             $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<{
-            popupContainer: import('..').PopupContainer;
-            renderToBody: boolean;
             trigger: import('../Trigger').TriggerType;
             mouseEnterDelay: number;
             popupVisible: boolean;
@@ -226,6 +224,8 @@ declare function __VLS_template(): {
             duration: number;
             autoFitPopupWidth: boolean;
             autoFitPopupMinWidth: boolean;
+            popupContainer: import('..').PopupContainer;
+            renderToBody: boolean;
             autoFitPosition: boolean;
             updateAtScroll: boolean;
             preventFocus: boolean;
@@ -235,7 +235,7 @@ declare function __VLS_template(): {
             "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
             onShow?: (() => any) | undefined;
             onHide?: (() => any) | undefined;
-        }>, "show" | "hide" | ("popupContainer" | "renderToBody" | "trigger" | "mouseEnterDelay" | "popupVisible" | "defaultPopupVisible" | "clickToClose" | "blurToClose" | "clickOutsideToClose" | "mouseLeaveDelay" | "focusDelay" | "disabled" | "scrollToCloseDistance" | "scrollToClose" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
+        }>, "show" | "hide" | ("trigger" | "mouseEnterDelay" | "popupVisible" | "defaultPopupVisible" | "clickToClose" | "blurToClose" | "clickOutsideToClose" | "mouseLeaveDelay" | "focusDelay" | "disabled" | "scrollToCloseDistance" | "scrollToClose" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "popupContainer" | "renderToBody" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
             hide(): void;
             show(): void;
             updatePosition(x: number, y: number): void;
@@ -464,8 +464,6 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
             show: () => any;
             hide: () => any;
         }, string, {
-            popupContainer: import('..').PopupContainer;
-            renderToBody: boolean;
             trigger: import('../Trigger').TriggerType;
             mouseEnterDelay: number;
             popupVisible: boolean;
@@ -493,6 +491,8 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
             duration: number;
             autoFitPopupWidth: boolean;
             autoFitPopupMinWidth: boolean;
+            popupContainer: import('..').PopupContainer;
+            renderToBody: boolean;
             autoFitPosition: boolean;
             updateAtScroll: boolean;
             preventFocus: boolean;
@@ -518,8 +518,6 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
         $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<{
-        popupContainer: import('..').PopupContainer;
-        renderToBody: boolean;
         trigger: import('../Trigger').TriggerType;
         mouseEnterDelay: number;
         popupVisible: boolean;
@@ -547,6 +545,8 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
         duration: number;
         autoFitPopupWidth: boolean;
         autoFitPopupMinWidth: boolean;
+        popupContainer: import('..').PopupContainer;
+        renderToBody: boolean;
         autoFitPosition: boolean;
         updateAtScroll: boolean;
         preventFocus: boolean;
@@ -556,7 +556,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
         "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
         onShow?: (() => any) | undefined;
         onHide?: (() => any) | undefined;
-    }>, "show" | "hide" | ("popupContainer" | "renderToBody" | "trigger" | "mouseEnterDelay" | "popupVisible" | "defaultPopupVisible" | "clickToClose" | "blurToClose" | "clickOutsideToClose" | "mouseLeaveDelay" | "focusDelay" | "disabled" | "scrollToCloseDistance" | "scrollToClose" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
+    }>, "show" | "hide" | ("trigger" | "mouseEnterDelay" | "popupVisible" | "defaultPopupVisible" | "clickToClose" | "blurToClose" | "clickOutsideToClose" | "mouseLeaveDelay" | "focusDelay" | "disabled" | "scrollToCloseDistance" | "scrollToClose" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "popupContainer" | "renderToBody" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
         hide(): void;
         show(): void;
         updatePosition(x: number, y: number): void;

package/lib/Dropdown/Dsubmenu.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../_shared/utils/is.js"),o=require("../_shared/utils/dom.js"),i=require("../_shared/utils/control.js"),r=require("../node_modules/@vueuse/core/index.js");,/* empty css                                          */,/* empty css                                                */;/* empty css                                    */const s=require("../_shared/icons/IconArrowRight.vue.js");require("./index.js");const l=require("../Trigger/index.js"),u=require("../Scrollbar/index.js"),n=require("./Doption.vue.js");;/* empty css              */const a={class:"yc-dropdown"},d={class:"yc-dropdown-list"},p={key:0,class:"yc-dropdown-footer"},c=e.defineComponent({name:"Dsubmenu",__name:"Dsubmenu",props:{disabled:{type:Boolean,default:!1},trigger:{default:"click"},position:{default:"rt"},popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},triggerProps:{default:()=>({})},popupMaxHeight:{type:[Boolean,Number],default:200}},emits:["update:popupVisible","popup-visible-change"],setup(c,{expose:f,emit:v}){const m=e.useSlots(),g=c,b=v,{defaultPopupVisible:h,popupVisible:x,trigger:y,position:_,popupMaxHeight:j}=e.toRefs(g),q=i.useControlValue(x,h.value,e=>{b("update:popupVisible",e),b("popup-visible-change",e)}),V=e.ref(),w=e.ref(),B=e.computed(()=>["rt","lt"].includes(_.value)?_.value:"rt"),k=e.computed(()=>["hover","click"].includes(y.value)?y.value:"hover"),C=e.computed(()=>t.isBoolean(j.value)&&!j.value||t.isUndefined(j)?"":o.valueToPx(t.isBoolean(j.value)?200:j.value)),S=async()=>{var t;await e.nextTick();const o=r.unrefElement(V);if(!o)return;const{left:i,top:s,right:l,width:u}=o.getBoundingClientRect(),n="rt"==B.value?l:i-u,a=s-5;null==(t=w.value)||t.updatePosition(n,a)};return f({show(){q.value=!0},hide(){q.value=!1}}),(t,o)=>(e.openBlock(),e.createBlock(e.unref(l.default),e.mergeProps({"popup-visible":e.unref(q),"onUpdate:popupVisible":o[0]||(o[0]=t=>e.isRef(q)?q.value=t:null),trigger:k.value,position:B.value,"popup-offset":4,disabled:t.disabled,"mouse-enter-delay":150,"mouse-leave-delay":150,"on-trigger-mouseenter":S,"on-trigger-mouseclick":S,"need-transform-origin":"","auto-set-position":"","auto-fit-popup-min-width":"",ref_key:"triggerRef",ref:w},t.triggerProps),{content:e.withCtx(()=>[e.createElementVNode("div",a,[e.createVNode(e.unref(u.default),{style:e.normalizeStyle({maxHeight:C.value})},{default:e.withCtx(()=>[e.createElementVNode("div",d,[e.renderSlot(t.$slots,"content")])]),_:3},8,["style"]),m.footer?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)])]),default:e.withCtx(()=>[e.createVNode(e.unref(n.default),{disabled:t.disabled,class:e.normalizeClass(t.$attrs.class),style:e.normalizeStyle(t.$attrs.style),"is-submenu":"",ref_key:"optionRef",ref:V},{suffix:e.withCtx(()=>[e.createVNode(e.unref(s.default))]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["disabled","class","style"])]),_:3},16,["popup-visible","trigger","position","disabled"]))}});exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../_shared/utils/dom.js"),t=require("../node_modules/@vueuse/core/index.js");require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js");const s=require("../_shared/utils/is.js"),i=require("../_shared/utils/hooks.js");require("../_shared/utils/locale.js"),require("../_shared/utils/time.js"),/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const r=require("../_shared/icons/IconArrowRight.vue.js"),u=require("./Doption.vue.js");;/* empty css              */const l=require("../Trigger/index.js"),n=require("../Scrollbar/index.js"),a={class:"yc-dropdown"},d={class:"yc-dropdown-list"},p={key:0,class:"yc-dropdown-footer"},c=e.defineComponent({name:"Dsubmenu",__name:"Dsubmenu",props:{disabled:{type:Boolean,default:!1},trigger:{default:"click"},position:{default:"rt"},popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},triggerProps:{default:()=>({})},popupMaxHeight:{type:[Boolean,Number],default:200}},emits:["update:popupVisible","popup-visible-change"],setup(c,{expose:f,emit:m}){const v=e.useSlots(),g=c,j=m,{defaultPopupVisible:y,popupVisible:b,trigger:h,position:_,popupMaxHeight:q}=e.toRefs(g),x=i.useControlValue(b,y.value,e=>{j("update:popupVisible",e),j("popup-visible-change",e)}),w=e.ref(),V=e.ref(),B=e.computed(()=>["rt","lt"].includes(_.value)?_.value:"rt"),k=e.computed(()=>["hover","click"].includes(h.value)?h.value:"hover"),S=e.computed(()=>s.isBoolean(q.value)&&!q.value||s.isUndefined(q)?"":o.valueToPx(s.isBoolean(q.value)?200:q.value)),C=async()=>{var o;await e.nextTick();const s=t.unrefElement(w);if(!s)return;const{left:i,top:r,right:u,width:l}=s.getBoundingClientRect(),n="rt"==B.value?u:i-l,a=r-5;null==(o=V.value)||o.updatePosition(n,a)};return f({show(){x.value=!0},hide(){x.value=!1}}),(o,t)=>(e.openBlock(),e.createBlock(e.unref(l.default),e.mergeProps({"popup-visible":e.unref(x),"onUpdate:popupVisible":t[0]||(t[0]=o=>e.isRef(x)?x.value=o:null),trigger:k.value,position:B.value,"popup-offset":4,disabled:o.disabled,"mouse-enter-delay":150,"mouse-leave-delay":150,"on-trigger-mouseenter":C,"on-trigger-mouseclick":C,"need-transform-origin":"","auto-set-position":"","auto-fit-popup-min-width":"",ref_key:"triggerRef",ref:V},o.triggerProps),{content:e.withCtx(()=>[e.createElementVNode("div",a,[e.createVNode(e.unref(n.default),{style:e.normalizeStyle({maxHeight:S.value})},{default:e.withCtx(()=>[e.createElementVNode("div",d,[e.renderSlot(o.$slots,"content")])]),_:3},8,["style"]),v.footer?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(o.$slots,"footer")])):e.createCommentVNode("",!0)])]),default:e.withCtx(()=>[e.createVNode(u.default,{disabled:o.disabled,class:e.normalizeClass(o.$attrs.class),style:e.normalizeStyle(o.$attrs.style),"is-submenu":"",ref_key:"optionRef",ref:w},{suffix:e.withCtx(()=>[e.createVNode(e.unref(r.default))]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},8,["disabled","class","style"])]),_:3},16,["popup-visible","trigger","position","disabled"]))}});exports.default=c;

package/lib/Dropdown/hooks/useContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../../_shared/utils/control.js"),o="dropdown-context";exports.default=function(){return{provide:(i,u)=>{const{popupVisible:l,defaultPopupVisible:s,hideOnSelect:p,position:r}=e.toRefs(i),n=t.useControlValue(l,s.value,e=>{u("update:popupVisible",e),u("popup-visible-change",e)});return e.provide(o,{select:(e,t)=>{u("select",e,t),p.value&&(n.value=!1)}}),{computedVisible:n}},inject:()=>e.inject(o,{select:()=>{}})}};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../_shared/utils/dom.js"),require("../../node_modules/b-tween/dist/b-tween.es.js"),require("../../node_modules/dayjs/dayjs.min.js"),require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../node_modules/dayjs/plugin/duration.js"),require("../../node_modules/dayjs/plugin/toObject.js"),require("../../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../../node_modules/dayjs/plugin/isSameOrBefore.js");const s=require("../../_shared/utils/hooks.js");require("../../_shared/utils/locale.js"),require("../../_shared/utils/time.js");const o="dropdown-context";exports.default=function(){return{provide:(i,u)=>{const{popupVisible:r,defaultPopupVisible:t,hideOnSelect:l,position:d}=e.toRefs(i),n=s.useControlValue(r,t.value,e=>{u("update:popupVisible",e),u("popup-visible-change",e)});return e.provide(o,{select:(e,s)=>{u("select",e,s),l.value&&(n.value=!1)}}),{computedVisible:n}},inject:()=>e.inject(o,{select:()=>{}})}};

package/lib/Dropdown/index.d.ts

@@ -12,23 +12,23 @@ export type DsubmenuInstance = InstanceType<typeof _Dsubmenu>;
 export * from './type';
 declare const Dropdown: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').DropdownProps> & Readonly<{
-        onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
         "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
         "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+        onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
     }>, {
         show(): void;
         hide(): void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        select: (value: import('./type').DoptionValue, ev: MouseEvent) => any;
         "update:popupVisible": (value: boolean) => any;
         "popup-visible-change": (value: boolean) => any;
+        select: (value: import('./type').DoptionValue, ev: MouseEvent) => any;
     }, import('vue').PublicProps, {
-        popupContainer: import('..').PopupContainer;
         trigger: import('..').TriggerType;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         alignPoint: boolean;
         position: Extract<import('..').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
+        popupContainer: import('..').PopupContainer;
         triggerProps: import('..').TriggerProps;
         hideOnSelect: boolean;
         popupMaxHeight: import('..').PopupMaxHeight;
@@ -40,19 +40,19 @@ declare const Dropdown: {
         M: {};
         Defaults: {};
     }, Readonly<import('./type').DropdownProps> & Readonly<{
-        onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
         "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
         "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+        onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
     }>, {
         show(): void;
         hide(): void;
     }, {}, {}, {}, {
-        popupContainer: import('..').PopupContainer;
         trigger: import('..').TriggerType;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         alignPoint: boolean;
         position: Extract<import('..').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
+        popupContainer: import('..').PopupContainer;
         triggerProps: import('..').TriggerProps;
         hideOnSelect: boolean;
         popupMaxHeight: import('..').PopupMaxHeight;
@@ -61,23 +61,23 @@ declare const Dropdown: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').DropdownProps> & Readonly<{
-    onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
     "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
     "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+    onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
 }>, {
     show(): void;
     hide(): void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    select: (value: import('./type').DoptionValue, ev: MouseEvent) => any;
     "update:popupVisible": (value: boolean) => any;
     "popup-visible-change": (value: boolean) => any;
+    select: (value: import('./type').DoptionValue, ev: MouseEvent) => any;
 }, string, {
-    popupContainer: import('..').PopupContainer;
     trigger: import('..').TriggerType;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     alignPoint: boolean;
     position: Extract<import('..').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
+    popupContainer: import('..').PopupContainer;
     triggerProps: import('..').TriggerProps;
     hideOnSelect: boolean;
     popupMaxHeight: import('..').PopupMaxHeight;
@@ -139,21 +139,21 @@ declare const Dropdown: {
     button: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').DropdownButtonProps> & Readonly<{
             onClick?: ((ev: MouseEvent) => any) | undefined;
-            onSelect?: ((value: import('./type').DoptionValue) => any) | undefined;
             "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+            onSelect?: ((value: import('./type').DoptionValue) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             click: (ev: MouseEvent) => any;
-            select: (value: import('./type').DoptionValue) => any;
             "popup-visible-change": (value: boolean) => any;
+            select: (value: import('./type').DoptionValue) => any;
         }, import('vue').PublicProps, {
-            size: import('..').Size;
-            type: import('..').ButtonType;
-            popupContainer: import('..').PopupContainer;
             trigger: import('..').TriggerType;
+            size: import('..').Size;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
             position: Extract<import('..').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
+            popupContainer: import('..').PopupContainer;
+            type: import('..').ButtonType;
             hideOnSelect: boolean;
             buttonProps: import('..').ButtonProps;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -165,17 +165,17 @@ declare const Dropdown: {
             Defaults: {};
         }, Readonly<import('./type').DropdownButtonProps> & Readonly<{
             onClick?: ((ev: MouseEvent) => any) | undefined;
-            onSelect?: ((value: import('./type').DoptionValue) => any) | undefined;
             "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+            onSelect?: ((value: import('./type').DoptionValue) => any) | undefined;
         }>, {}, {}, {}, {}, {
-            size: import('..').Size;
-            type: import('..').ButtonType;
-            popupContainer: import('..').PopupContainer;
             trigger: import('..').TriggerType;
+            size: import('..').Size;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
             position: Extract<import('..').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
+            popupContainer: import('..').PopupContainer;
+            type: import('..').ButtonType;
             hideOnSelect: boolean;
             buttonProps: import('..').ButtonProps;
         }>;
@@ -184,21 +184,21 @@ declare const Dropdown: {
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').DropdownButtonProps> & Readonly<{
         onClick?: ((ev: MouseEvent) => any) | undefined;
-        onSelect?: ((value: import('./type').DoptionValue) => any) | undefined;
         "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+        onSelect?: ((value: import('./type').DoptionValue) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         click: (ev: MouseEvent) => any;
-        select: (value: import('./type').DoptionValue) => any;
         "popup-visible-change": (value: boolean) => any;
+        select: (value: import('./type').DoptionValue) => any;
     }, string, {
-        size: import('..').Size;
-        type: import('..').ButtonType;
-        popupContainer: import('..').PopupContainer;
         trigger: import('..').TriggerType;
+        size: import('..').Size;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
         position: Extract<import('..').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
+        popupContainer: import('..').PopupContainer;
+        type: import('..').ButtonType;
         hideOnSelect: boolean;
         buttonProps: import('..').ButtonProps;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -362,8 +362,6 @@ declare const Dropdown: {
                     show: () => any;
                     hide: () => any;
                 }, string, {
-                    popupContainer: import('..').PopupContainer;
-                    renderToBody: boolean;
                     trigger: import('..').TriggerType;
                     mouseEnterDelay: number;
                     popupVisible: boolean;
@@ -391,6 +389,8 @@ declare const Dropdown: {
                     duration: number;
                     autoFitPopupWidth: boolean;
                     autoFitPopupMinWidth: boolean;
+                    popupContainer: import('..').PopupContainer;
+                    renderToBody: boolean;
                     autoFitPosition: boolean;
                     updateAtScroll: boolean;
                     preventFocus: boolean;
@@ -416,8 +416,6 @@ declare const Dropdown: {
                 $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<{
-                popupContainer: import('..').PopupContainer;
-                renderToBody: boolean;
                 trigger: import('..').TriggerType;
                 mouseEnterDelay: number;
                 popupVisible: boolean;
@@ -445,6 +443,8 @@ declare const Dropdown: {
                 duration: number;
                 autoFitPopupWidth: boolean;
                 autoFitPopupMinWidth: boolean;
+                popupContainer: import('..').PopupContainer;
+                renderToBody: boolean;
                 autoFitPosition: boolean;
                 updateAtScroll: boolean;
                 preventFocus: boolean;
@@ -454,7 +454,7 @@ declare const Dropdown: {
                 "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
                 onShow?: (() => any) | undefined;
                 onHide?: (() => any) | undefined;
-            }>, "show" | "hide" | ("popupContainer" | "renderToBody" | "trigger" | "mouseEnterDelay" | "popupVisible" | "defaultPopupVisible" | "clickToClose" | "blurToClose" | "clickOutsideToClose" | "mouseLeaveDelay" | "focusDelay" | "disabled" | "scrollToCloseDistance" | "scrollToClose" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
+            }>, "show" | "hide" | ("trigger" | "mouseEnterDelay" | "popupVisible" | "defaultPopupVisible" | "clickToClose" | "blurToClose" | "clickOutsideToClose" | "mouseLeaveDelay" | "focusDelay" | "disabled" | "scrollToCloseDistance" | "scrollToClose" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "popupContainer" | "renderToBody" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
                 hide(): void;
                 show(): void;
                 updatePosition(x: number, y: number): void;

package/lib/Dropdown/type.d.ts

@@ -1,7 +1,7 @@
+import { VNode } from 'vue';
 import { EventTrigger, RecordType, PopupContainer, PopupMaxHeight, PopupPosition, Size } from '../_shared/type';
 import { TriggerProps, TriggerType } from '../Trigger';
 import { ButtonProps, ButtonType } from '../Button';
-import { VNode } from 'vue';
 export interface DropdownProps {
     popupVisible?: boolean;
     defaultPopupVisible?: boolean;

package/lib/Empty/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../_shared/utils/locale.js");require("../_shared/utils/dom.js"),/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const r=require("../_shared/icons/IconEmpty.vue.js"),o={class:"yc-empty"},s={class:"yc-empty-image"},n=["src"],i={class:"yc-empty-description"},c=e.defineComponent({name:"Empty",__name:"index",props:{description:{default:""},imgSrc:{default:""}},setup(c){const d=c,{description:a}=e.toRefs(d),{t:l}=t.useI18n();return(t,c)=>(e.openBlock(),e.createElementBlock("div",o,[e.createElementVNode("div",s,[e.renderSlot(t.$slots,"image",{},()=>[t.imgSrc?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.imgSrc,alt:"图片加载失败"},null,8,n)):e.createCommentVNode("",!0),e.createVNode(e.unref(r.default))])]),e.createElementVNode("div",i,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.description||e.unref(l)("empty.description")),1)])])]))}});exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../_shared/utils/dom.js"),require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js");const s=require("../_shared/utils/locale.js");require("../_shared/utils/time.js"),/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const r=require("../_shared/icons/IconEmpty.vue.js"),o={class:"yc-empty"},t={class:"yc-empty-image"},n=["src"],i={class:"yc-empty-description"},d=e.defineComponent({name:"Empty",__name:"index",props:{description:{default:""},imgSrc:{default:""}},setup(d){const u=d,{description:l}=e.toRefs(u),{t:c}=s.useI18n();return(s,d)=>(e.openBlock(),e.createElementBlock("div",o,[e.createElementVNode("div",t,[e.renderSlot(s.$slots,"image",{},()=>[s.imgSrc?(e.openBlock(),e.createElementBlock("img",{key:0,src:s.imgSrc,alt:"图片加载失败"},null,8,n)):e.createCommentVNode("",!0),e.createVNode(e.unref(r.default))])]),e.createElementVNode("div",i,[e.renderSlot(s.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(s.description||e.unref(c)("empty.description")),1)])])]))}});exports.default=d;

package/lib/Grid/Grid.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../_shared/utils/dom.js"),o=require("./hooks/useContext.js"),r=e.defineComponent({name:"Grid",__name:"Grid",props:{cols:{default:24},rowGap:{default:0},colGap:{default:0},collapsed:{type:Boolean,default:!1},collapsedRows:{default:1}},setup(r){const a=r,{breakpoint:t,cols:u,rowGap:s,colGap:d}=o.default().provide(a);return l.mediaQueryHandler(e=>{t.value=e}),(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-grid",style:e.normalizeStyle({gap:`${e.unref(l.valueToPx)(e.unref(s))} ${e.unref(l.valueToPx)(e.unref(d))}`,gridTemplateColumns:`repeat(${e.unref(u)}, minmax(0px, 1fr))`})},[e.renderSlot(o.$slots,"default")],4))}});exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../_shared/utils/dom.js");require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js"),require("../_shared/utils/locale.js"),require("../_shared/utils/time.js");const o=require("./hooks/useContext.js"),s=e.defineComponent({name:"Grid",__name:"Grid",props:{cols:{default:24},rowGap:{default:0},colGap:{default:0},collapsed:{type:Boolean,default:!1},collapsedRows:{default:1}},setup(s){const l=s,{breakpoint:u,cols:d,rowGap:t,colGap:a}=o.default().provide(l);return r.mediaQueryHandler(e=>{u.value=e}),(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-grid",style:e.normalizeStyle({gap:`${e.unref(r.valueToPx)(e.unref(t))} ${e.unref(r.valueToPx)(e.unref(a))}`,gridTemplateColumns:`repeat(${e.unref(d)}, minmax(0px, 1fr))`})},[e.renderSlot(o.$slots,"default")],4))}});exports.default=s;

package/lib/Grid/GridCol.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../_shared/utils/dom.js"),l=require("../_shared/utils/is.js"),a=require("./hooks/useContext.js"),r=e.defineComponent({name:"Col",__name:"GridCol",props:{span:{default:24},offset:{default:0},order:{},flex:{}},setup(r){const o=r,{span:u,order:s,offset:n,flex:i}=e.toRefs(o),{gutter:d,div:f,breakpoint:p}=a.default().inject(),v=e.computed(()=>{const e=t.getBreakpointValue(p.value,i.value),a=t.getBreakpointValue(p.value,u.value,24),r=t.getBreakpointValue(p.value,n.value,0),o={padding:`${t.valueToPx(d.value[1]/2)} ${t.valueToPx(d.value[0]/2)}`,order:t.getBreakpointValue(p.value,s.value,0)};if(!e)return a?{...o,flex:`0 0 ${a/24*100}%`,marginLeft:`calc(${r/24*100}%)`}:{display:"none"};let f="";return f=l.isString(e)?/\d/.test(e)?`0 0 ${e}`:e:`${e} 1 0%`,{...o,flex:f}});return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"yc-col":!e.unref(f)}]),style:e.normalizeStyle(v.value)},[e.renderSlot(t.$slots,"default")],6))}});exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../_shared/utils/dom.js");require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js");const s=require("../_shared/utils/is.js");require("../_shared/utils/locale.js"),require("../_shared/utils/time.js");const l=require("./hooks/useContext.js"),o=e.defineComponent({name:"Col",__name:"GridCol",props:{span:{default:24},offset:{default:0},order:{},flex:{}},setup(o){const t=o,{span:u,order:a,offset:i,flex:n}=e.toRefs(t),{gutter:d,div:m,breakpoint:p}=l.default().inject(),c=e.computed(()=>{const e=r.getBreakpointValue(p.value,n.value),l=r.getBreakpointValue(p.value,u.value,24),o=r.getBreakpointValue(p.value,i.value,0),t={padding:`${r.valueToPx(d.value[1]/2)} ${r.valueToPx(d.value[0]/2)}`,order:r.getBreakpointValue(p.value,a.value,0)};if(!e)return l?{...t,flex:`0 0 ${l/24*100}%`,marginLeft:`calc(${o/24*100}%)`}:{display:"none"};let m="";return m=s.isString(e)?/\d/.test(e)?`0 0 ${e}`:e:`${e} 1 0%`,{...t,flex:m}});return(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"yc-col":!e.unref(m)}]),style:e.normalizeStyle(c.value)},[e.renderSlot(r.$slots,"default")],6))}});exports.default=o;

package/lib/Grid/GridItem.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../_shared/utils/dom.js"),u=require("./hooks/useContext.js"),a=e.defineComponent({name:"GridItem",__name:"GridItem",props:{span:{default:1},offset:{default:0},suffix:{type:Boolean,default:!1}},setup(a){const t=a,{span:o,offset:r,suffix:s}=e.toRefs(t),{cols:n,colGap:i,collapsed:v,collapsedRows:f,spanMap:p,breakpoint:c,collectSpan:d}=u.default().inject(),m=e.computed(()=>l.getBreakpointValue(c.value,r.value)),x=e.computed(()=>{const e=l.getBreakpointValue(c.value,o.value)+m.value;return e>=n.value?n.value:e}),g=e.computed(()=>({gridColumn:`${s.value?n.value-x.value+1:`span ${x.value}`} / span ${x.value}`,marginLeft:m.value?`calc(${100/x.value*m.value}% + ${l.valueToPx(m.value*i.value)})`:""})),{id:k}=d(x,s),S=e.computed(()=>{if(!v.value)return!1;const e=[...p.values()],l=n.value*f.value;return e.filter(({suffix:e})=>!e).reduce((e,l)=>e+l.span,0)>l}),$=e.computed(()=>{if(!v.value||s.value)return!1;const e=[...p.values()],l=e.filter(({suffix:e})=>e).reduce((e,{span:l})=>e+l,0),u=n.value*f.value,a=e.filter(({suffix:e})=>!e);let t=0;for(let{id:o,span:r}of a)if(t+=r,o==k)break;return t>u-l});return(l,u)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"yc-grid-item",style:e.normalizeStyle(g.value)},[e.renderSlot(l.$slots,"default",{overflow:S.value})],4)),[[e.vShow,!$.value]])}});exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../_shared/utils/dom.js");require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js"),require("../_shared/utils/locale.js"),require("../_shared/utils/time.js");const l=require("./hooks/useContext.js"),a=e.defineComponent({name:"GridItem",__name:"GridItem",props:{span:{default:1},offset:{default:0},suffix:{type:Boolean,default:!1}},setup(a){const s=a,{span:t,offset:o,suffix:r}=e.toRefs(s),{cols:i,colGap:n,collapsed:d,collapsedRows:v,spanMap:f,breakpoint:c,collectSpan:p}=l.default().inject(),m=e.computed(()=>u.getBreakpointValue(c.value,o.value)),j=e.computed(()=>{const e=u.getBreakpointValue(c.value,t.value)+m.value;return e>=i.value?i.value:e}),_=e.computed(()=>({gridColumn:`${r.value?i.value-j.value+1:`span ${j.value}`} / span ${j.value}`,marginLeft:m.value?`calc(${100/j.value*m.value}% + ${u.valueToPx(m.value*n.value)})`:""})),{id:y}=p(j,r),q=e.computed(()=>{if(!d.value)return!1;const e=[...f.values()],u=i.value*v.value;return e.filter(({suffix:e})=>!e).reduce((e,u)=>e+u.span,0)>u}),g=e.computed(()=>{if(!d.value||r.value)return!1;const e=[...f.values()],u=e.filter(({suffix:e})=>e).reduce((e,{span:u})=>e+u,0),l=i.value*v.value,a=e.filter(({suffix:e})=>!e);let s=0;for(let{id:t,span:o}of a)if(s+=o,t==y)break;return s>l-u});return(u,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"yc-grid-item",style:e.normalizeStyle(_.value)},[e.renderSlot(u.$slots,"default",{overflow:q.value})],4)),[[e.vShow,!g.value]])}});exports.default=a;

package/lib/Grid/GridRow.vue.d.ts

@@ -7,9 +7,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<GridRowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridRowProps> & Readonly<{}>, {
-    div: boolean;
     wrap: boolean;
     justify: import('./type').GridRowJustify;
+    div: boolean;
     align: import('./type').GridRowAlign;
     gutter: import('./type').GridRowGutter | [import('./type').GridRowGutter, import('./type').GridRowGutter];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/lib/Grid/GridRow.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../_shared/utils/dom.js"),t=require("./hooks/useContext.js"),u=e.defineComponent({name:"Row",__name:"GridRow",props:{gutter:{default:0},justify:{default:"start"},align:{default:"start"},div:{type:Boolean,default:!1},wrap:{type:Boolean,default:!0}},setup(u){const o=u,{div:a,wrap:l,justify:n,align:s}=e.toRefs(o),{breakpoint:i,gutter:f}=t.default().provide(o);return r.mediaQueryHandler(e=>{i.value=e}),(t,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"yc-row":!e.unref(a),"yc-row-wrap":e.unref(l)&&!e.unref(a),[`yc-row-align-${e.unref(s)}`]:!e.unref(a),[`yc-row-justify-${e.unref(n)}`]:!e.unref(a)}]),style:e.normalizeStyle({margin:`0 ${e.unref(r.valueToPx)(-e.unref(f)[0]/2)}`})},[e.renderSlot(t.$slots,"default")],6))}});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../_shared/utils/dom.js");require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js"),require("../_shared/utils/locale.js"),require("../_shared/utils/time.js");const s=require("./hooks/useContext.js"),u=e.defineComponent({name:"Row",__name:"GridRow",props:{gutter:{default:0},justify:{default:"start"},align:{default:"start"},div:{type:Boolean,default:!1},wrap:{type:Boolean,default:!0}},setup(u){const o=u,{div:t,wrap:n,justify:l,align:i}=e.toRefs(o),{breakpoint:a,gutter:d}=s.default().provide(o);return r.mediaQueryHandler(e=>{a.value=e}),(s,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"yc-row":!e.unref(t),"yc-row-wrap":e.unref(n)&&!e.unref(t),[`yc-row-align-${e.unref(i)}`]:!e.unref(t),[`yc-row-justify-${e.unref(l)}`]:!e.unref(t)}]),style:e.normalizeStyle({margin:`0 ${e.unref(r.valueToPx)(-e.unref(d)[0]/2)}`})},[e.renderSlot(s.$slots,"default")],6))}});exports.default=u;

package/lib/Grid/hooks/useContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../../node_modules/nanoid/index.browser.js"),a=require("../../_shared/utils/is.js"),o=require("../../_shared/utils/dom.js"),t="grid-context";exports.default=function(){return{provide:r=>{const{gutter:l=e.ref(0),cols:u=e.ref(24),rowGap:s=e.ref(0),colGap:p=e.ref(0),collapsed:n=e.ref(!1),collapsedRows:i=e.ref(1),div:c=e.ref(!1)}=e.toRefs(r),d=e.reactive(new Map),f=e.ref("xxl"),v=e.computed(()=>o.getBreakpointValue(f.value,u.value,24)),g=e.computed(()=>o.getBreakpointValue(f.value,s.value)),m=e.computed(()=>o.getBreakpointValue(f.value,p.value,0)),w=e.computed(()=>a.isArray(l.value)?l.value.map(e=>o.getBreakpointValue(f.value,e,0)):[o.getBreakpointValue(f.value,l.value,0),0]);return e.provide(t,{breakpoint:f,gutter:w,div:c,spanMap:d,cols:v,colGap:m,collapsed:n,collapsedRows:i}),{breakpoint:f,cols:v,colGap:m,rowGap:g,gutter:w}},inject:()=>{const a=e.inject(t,{gutter:e.ref([0,0]),breakpoint:e.ref("xs"),div:e.ref(!1),colGap:e.ref(0),cols:e.ref(24),collapsed:e.ref(!1),collapsedRows:e.ref(1),spanMap:new Map}),{spanMap:o}=a;return{...a,collectSpan:(a,t)=>{const l=r.nanoid();return e.watchEffect(()=>{o.set(l,{id:l,suffix:t.value,span:a.value})}),e.onBeforeUnmount(()=>{o.delete(l)}),{id:l}}}}}};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../../_shared/utils/dom.js"),o=require("../../node_modules/nanoid/index.browser.js");require("../../node_modules/b-tween/dist/b-tween.es.js"),require("../../node_modules/dayjs/dayjs.min.js"),require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../node_modules/dayjs/plugin/duration.js"),require("../../node_modules/dayjs/plugin/toObject.js"),require("../../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../../node_modules/dayjs/plugin/isSameOrBefore.js");const s=require("../../_shared/utils/is.js");require("../../_shared/utils/locale.js"),require("../../_shared/utils/time.js");const a="grid-context";exports.default=function(){return{provide:o=>{const{gutter:t=e.ref(0),cols:u=e.ref(24),rowGap:l=e.ref(0),colGap:i=e.ref(0),collapsed:n=e.ref(!1),collapsedRows:d=e.ref(1),div:p=e.ref(!1)}=e.toRefs(o),c=e.reactive(new Map),f=e.ref("xxl"),j=e.computed(()=>r.getBreakpointValue(f.value,u.value,24)),v=e.computed(()=>r.getBreakpointValue(f.value,l.value)),m=e.computed(()=>r.getBreakpointValue(f.value,i.value,0)),g=e.computed(()=>s.isArray(t.value)?t.value.map(e=>r.getBreakpointValue(f.value,e,0)):[r.getBreakpointValue(f.value,t.value,0),0]);return e.provide(a,{breakpoint:f,gutter:g,div:p,spanMap:c,cols:j,colGap:m,collapsed:n,collapsedRows:d}),{breakpoint:f,cols:j,colGap:m,rowGap:v,gutter:g}},inject:()=>{const r=e.inject(a,{gutter:e.ref([0,0]),breakpoint:e.ref("xs"),div:e.ref(!1),colGap:e.ref(0),cols:e.ref(24),collapsed:e.ref(!1),collapsedRows:e.ref(1),spanMap:new Map}),{spanMap:s}=r;return{...r,collectSpan:(r,a)=>{const t=o.nanoid();return e.watchEffect(()=>{s.set(t,{id:t,suffix:a.value,span:r.value})}),e.onBeforeUnmount(()=>{s.delete(t)}),{id:t}}}}}};

package/lib/Grid/index.d.ts

@@ -64,9 +64,9 @@ declare const Grid: {
     });
     row: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').GridRowProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            div: boolean;
             wrap: boolean;
             justify: import('./type').GridRowJustify;
+            div: boolean;
             align: import('./type').GridRowAlign;
             gutter: import('./type').GridRowGutter | [import('./type').GridRowGutter, import('./type').GridRowGutter];
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -77,9 +77,9 @@ declare const Grid: {
             M: {};
             Defaults: {};
         }, Readonly<import('./type').GridRowProps> & Readonly<{}>, {}, {}, {}, {}, {
-            div: boolean;
             wrap: boolean;
             justify: import('./type').GridRowJustify;
+            div: boolean;
             align: import('./type').GridRowAlign;
             gutter: import('./type').GridRowGutter | [import('./type').GridRowGutter, import('./type').GridRowGutter];
         }>;
@@ -87,9 +87,9 @@ declare const Grid: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').GridRowProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        div: boolean;
         wrap: boolean;
         justify: import('./type').GridRowJustify;
+        div: boolean;
         align: import('./type').GridRowAlign;
         gutter: import('./type').GridRowGutter | [import('./type').GridRowGutter, import('./type').GridRowGutter];
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {

package/lib/Image/Image.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../_shared/utils/control.js"),o=require("../_shared/utils/dom.js"),i=require("../_shared/utils/locale.js");,/* empty css                                          */,/* empty css                                                */;/* empty css                                    */const r=require("../_shared/icons/IconImageClose.vue.js"),l=require("./hooks/useContext.js"),a=require("../Spin/index.js"),s=require("./ImagePreview.vue.js");;/* empty css                   */const n=["src","title","alt"],c={key:1,class:"yc-image-overlay"},d={class:"yc-image-loader"},u={key:2,class:"yc-image-overlay"},v={class:"yc-image-error"},m={class:"yc-image-error-icon"},p={class:"yc-image-error-alt"},f={class:"yc-image-footer-caption"},g=["title"],y=["title"],h={key:0,class:"yc-image-footer-extra"},w=e.defineComponent({name:"Image",__name:"Image",props:{src:{default:""},width:{},height:{},title:{default:""},description:{default:""},fit:{},alt:{},hideFooter:{type:[Boolean,String],default:!1},footerPosition:{default:"inner"},showLoader:{type:Boolean,default:!1},preview:{type:Boolean,default:!0},previewVisible:{type:Boolean,default:void 0},defaultPreviewVisible:{type:Boolean,default:!1},previewProps:{default:()=>({})},footerClass:{default:""}},emits:["update:previewVisible","preview-visible-change"],setup(w,{emit:V}){const k=e.useSlots(),B=w,x=V,{src:S,preview:C,previewVisible:E,defaultPreviewVisible:N}=e.toRefs(B),{hasGroupFather:b,handleClick:j}=l.default().inject(),{t:P}=i.useI18n(),q=t.useControlValue(E,N.value,e=>{x("update:previewVisible",e),x("preview-visible-change",e)}),_=e.ref(!1),I=e.ref(!1),T=()=>{I.value=!1,_.value=!1},z=()=>{I.value=!1,_.value=!0},$=()=>{if(b.value)return j(S.value);C.value&&(q.value=!0)};return e.watch(()=>S.value,()=>{I.value=!0,_.value=!1},{immediate:!0}),(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-image",style:e.normalizeStyle({width:e.unref(o.valueToPx)(t.width),height:e.unref(o.valueToPx)(t.height)})},[e.createElementVNode("img",{src:e.unref(S),title:t.title,alt:t.alt??t.description,style:e.normalizeStyle({width:e.unref(o.valueToPx)(t.width),height:e.unref(o.valueToPx)(t.height),objectFit:t.fit}),class:"yc-image-img",onLoad:T,onError:z,onClick:$},null,44,n),e.unref(C)?(e.openBlock(),e.createBlock(s.default,e.mergeProps({key:0,visible:e.unref(q),"onUpdate:visible":i[0]||(i[0]=t=>e.isRef(q)?q.value=t:null),src:e.unref(S)},t.previewProps),e.createSlots({_:2},[k["preview-actions"]?{name:"actions",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"preview-actions")]),key:"0"}:void 0]),1040,["visible","src"])):e.createCommentVNode("",!0),(t.showLoader||k.loader)&&I.value?(e.openBlock(),e.createElementBlock("div",c,[e.createElementVNode("div",d,[e.renderSlot(t.$slots,"loader",{},()=>[e.createVNode(e.unref(a.default),{size:30,tip:e.unref(P)("image.loading")},null,8,["tip"])])])])):e.createCommentVNode("",!0),_.value?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(t.$slots,"error",{},()=>[e.createElementVNode("div",v,[e.renderSlot(t.$slots,"error-icon",{},()=>[e.createElementVNode("div",m,[e.createVNode(e.unref(r.default),{size:60})])]),e.createElementVNode("div",p,e.toDisplayString(t.alt??t.description),1)])])])):e.createCommentVNode("",!0),!t.hideFooter&&(t.title||t.description||k.extra)?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(["yc-image-footer","inner"==t.footerPosition?"yc-image-footer-inner":"yc-image-footer-outer",t.footerClass])},[e.createElementVNode("div",f,[e.createElementVNode("div",{class:"yc-image-footer-caption-title",title:t.title},e.toDisplayString(t.title),9,g),e.createElementVNode("div",{class:"yc-image-footer-caption-description",title:t.description},e.toDisplayString(t.description),9,y)]),k.extra?(e.openBlock(),e.createElementBlock("div",h,[e.renderSlot(t.$slots,"extra")])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],4))}});exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../_shared/utils/dom.js");require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js");const o=require("../_shared/utils/hooks.js"),r=require("../_shared/utils/locale.js");require("../_shared/utils/time.js"),/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const i=require("../_shared/icons/IconImageClose.vue.js"),l=require("./hooks/useContext.js"),a=require("../Spin/index.js"),s=require("./ImagePreview.vue.js");;/* empty css                   */const n=["src","title","alt"],d={key:1,class:"yc-image-overlay"},u={class:"yc-image-loader"},c={key:2,class:"yc-image-overlay"},m={class:"yc-image-error"},v={class:"yc-image-error-icon"},p={class:"yc-image-error-alt"},f={class:"yc-image-footer-caption"},y=["title"],g=["title"],h={key:0,class:"yc-image-footer-extra"},j=e.defineComponent({name:"Image",__name:"Image",props:{src:{default:""},width:{},height:{},title:{default:""},description:{default:""},fit:{},alt:{},hideFooter:{type:[Boolean,String],default:!1},footerPosition:{default:"inner"},showLoader:{type:Boolean,default:!1},preview:{type:Boolean,default:!0},previewVisible:{type:Boolean,default:void 0},defaultPreviewVisible:{type:Boolean,default:!1},previewProps:{default:()=>({})},footerClass:{default:""}},emits:["update:previewVisible","preview-visible-change"],setup(j,{emit:w}){const k=e.useSlots(),V=j,q=w,{src:_,preview:B,previewVisible:S,defaultPreviewVisible:b}=e.toRefs(V),{hasGroupFather:x,handleClick:C}=l.default().inject(),{t:E}=r.useI18n(),N=o.useControlValue(S,b.value,e=>{q("update:previewVisible",e),q("preview-visible-change",e)}),P=e.ref(!1),I=e.ref(!1),T=()=>{I.value=!1,P.value=!1},z=()=>{I.value=!1,P.value=!0},$=()=>{if(x.value)return C(_.value);B.value&&(N.value=!0)};return e.watch(()=>_.value,()=>{I.value=!0,P.value=!1},{immediate:!0}),(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-image",style:e.normalizeStyle({width:e.unref(t.valueToPx)(o.width),height:e.unref(t.valueToPx)(o.height)})},[e.createElementVNode("img",{src:e.unref(_),title:o.title,alt:o.alt??o.description,style:e.normalizeStyle({width:e.unref(t.valueToPx)(o.width),height:e.unref(t.valueToPx)(o.height),objectFit:o.fit}),class:"yc-image-img",onLoad:T,onError:z,onClick:$},null,44,n),e.unref(B)?(e.openBlock(),e.createBlock(s.default,e.mergeProps({key:0,visible:e.unref(N),"onUpdate:visible":r[0]||(r[0]=t=>e.isRef(N)?N.value=t:null),src:e.unref(_)},o.previewProps),e.createSlots({_:2},[k["preview-actions"]?{name:"actions",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"preview-actions")]),key:"0"}:void 0]),1040,["visible","src"])):e.createCommentVNode("",!0),(o.showLoader||k.loader)&&I.value?(e.openBlock(),e.createElementBlock("div",d,[e.createElementVNode("div",u,[e.renderSlot(o.$slots,"loader",{},()=>[e.createVNode(e.unref(a.default),{size:30,tip:e.unref(E)("image.loading")},null,8,["tip"])])])])):e.createCommentVNode("",!0),P.value?(e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(o.$slots,"error",{},()=>[e.createElementVNode("div",m,[e.renderSlot(o.$slots,"error-icon",{},()=>[e.createElementVNode("div",v,[e.createVNode(e.unref(i.default),{size:60})])]),e.createElementVNode("div",p,e.toDisplayString(o.alt??o.description),1)])])])):e.createCommentVNode("",!0),!o.hideFooter&&(o.title||o.description||k.extra)?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(["yc-image-footer","inner"==o.footerPosition?"yc-image-footer-inner":"yc-image-footer-outer",o.footerClass])},[e.createElementVNode("div",f,[e.createElementVNode("div",{class:"yc-image-footer-caption-title",title:o.title},e.toDisplayString(o.title),9,y),e.createElementVNode("div",{class:"yc-image-footer-caption-description",title:o.description},e.toDisplayString(o.description),9,g)]),k.extra?(e.openBlock(),e.createElementBlock("div",h,[e.renderSlot(o.$slots,"extra")])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],4))}});exports.default=j;

package/lib/Image/ImagePreview.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../_shared/utils/dom.js"),/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const o=require("../_shared/icons/IconClose.vue.js"),a=require("../_shared/utils/control.js"),t=require("../_shared/utils/global-config.js"),l=require("../node_modules/@vueuse/core/index.js"),r=require("../Modal/hooks/useModalClose.js"),s=require("./ImagePreviewToolbar.vue.js");;/* empty css                          */const i={class:"yc-image-preview-mask"},n=["src"],u=e.defineComponent({name:"ImagePreview",inheritAttrs:!1,__name:"ImagePreview",props:{src:{default:""},visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},actionsLayout:{default:()=>["fullScreen","rotateRight","rotateLeft","zoomIn","zoomOut","originalSize"]},popupContainer:{default:void 0},escToClose:{type:Boolean,default:!0},wheelZoom:{type:Boolean,default:!0},keyboard:{type:Boolean,default:!0},defaultScale:{default:1},zoomRate:{default:1.1}},emits:["update:visible","close"],setup(u,{emit:c}){const d=e.useSlots(),f=u,m=c,{visible:v,defaultVisible:p,maskClosable:w,escToClose:y,defaultScale:g,zoomRate:h,wheelZoom:k,keyboard:b}=e.toRefs(f),{zIndex:C,popupContainer:S,isAbsolute:z}=t.getGlobalConfig(f),B=e.ref(),V=a.useControlValue(e.ref(),g.value),_=e.ref(0),{outerVisible:j,innerVisible:q,handleClose:x,handleAfterLeave:I}=r.default({visible:v,defaultVisible:p,escToClose:y,maskClosable:w,onBeforeOk:()=>!0,onBeforeCancel:()=>!0,emits:m}),L=e=>{switch(e){case"rotateRight":_.value+=90;break;case"rotateLeft":_.value-=90;break;case"zoomIn":V.value*=h.value;break;case"zoomOut":V.value/=h.value;break;case"originalSize":V.value=g.value,_.value=0;break;case"fullScreen":{const{offsetWidth:e,offsetHeight:o}=B.value;V.value=e>o?window.innerHeight/o:window.innerHeight/e}}};return(()=>{if(k.value&&l.useEventListener("wheel",e=>{e.preventDefault(),e.stopPropagation();const o=e.deltaY<0?1:-1;V.value*=Math.pow(h.value,o)}),b.value){const e={ArrowUp:"zoomIn",ArrowDown:"zoomOut"," ":"originalSize"};l.onKeyStroke(["ArrowUp","ArrowDown"," "],o=>{L(e[o.key])})}})(),(a,t)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(S)},[e.unref(j)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-image-preview",a.$attrs.class,{"yc-image-preview-absolute":e.unref(z)}]),style:e.normalizeStyle({zIndex:e.unref(C),...a.$attrs.style??{}})},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",i,null,512),[[e.vShow,e.unref(q)]])]),_:1}),e.createVNode(e.Transition,{name:"fade",onAfterLeave:e.unref(I)},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:"yc-image-preview-wrapper",onClick:t[2]||(t[2]=e.withModifiers(o=>e.unref(x)("mask",o,!1),["self"]))},[e.createElementVNode("div",{style:e.normalizeStyle({transform:`scale(${e.unref(V)}, ${e.unref(V)})`}),class:"yc-image-preview-img-container",onClick:t[0]||(t[0]=e.withModifiers(o=>e.unref(x)("mask",o,!1),["self"]))},[e.createElementVNode("img",{src:a.src,style:e.normalizeStyle({transform:`translate(-50%, -50%) rotate(${_.value}deg)`}),class:"yc-image-preview-img",ref_key:"imageRef",ref:B},null,12,n)],4),e.createVNode(s.default,{actionsLayout:a.actionsLayout,onClick:L},e.createSlots({_:2},[d.actions?{name:"actions",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"actions")]),key:"0"}:void 0]),1032,["actionsLayout"]),e.renderSlot(a.$slots,"arrow"),a.closable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-image-preview-close-btn",onClick:t[1]||(t[1]=o=>e.unref(x)("closeBtn",o,!1))},[e.createVNode(e.unref(o.default))])):e.createCommentVNode("",!0)],512),[[e.vShow,e.unref(q)]])]),_:3},8,["onAfterLeave"])],6)):e.createCommentVNode("",!0)],8,["to"]))}});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../_shared/utils/dom.js");const o=require("../node_modules/@vueuse/core/index.js");require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js");const t=require("../_shared/utils/global-config.js"),a=require("../_shared/utils/hooks.js");require("../_shared/utils/locale.js"),require("../_shared/utils/time.js"),/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const r=require("../_shared/icons/IconClose.vue.js"),s=require("../Modal/hooks/useModalClose.js"),l=require("./ImagePreviewToolbar.vue.js");;/* empty css                          */const i={class:"yc-image-preview-mask"},n=["src"],u=e.defineComponent({name:"ImagePreview",inheritAttrs:!1,__name:"ImagePreview",props:{src:{default:""},visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},actionsLayout:{default:()=>["fullScreen","rotateRight","rotateLeft","zoomIn","zoomOut","originalSize"]},popupContainer:{default:void 0},escToClose:{type:Boolean,default:!0},wheelZoom:{type:Boolean,default:!0},keyboard:{type:Boolean,default:!0},defaultScale:{default:1},zoomRate:{default:1.1}},emits:["update:visible","close"],setup(u,{emit:d}){const c=e.useSlots(),m=u,f=d,{visible:v,defaultVisible:p,maskClosable:y,escToClose:w,defaultScale:g,zoomRate:h,wheelZoom:b,keyboard:k}=e.toRefs(m),{zIndex:j,popupContainer:C,isAbsolute:_}=t.getGlobalConfig(m),q=e.ref(),S=a.useControlValue(e.ref(),g.value),B=e.ref(0),{outerVisible:z,innerVisible:V,handleClose:x,handleAfterLeave:I}=s.default({visible:v,defaultVisible:p,escToClose:w,maskClosable:y,onBeforeOk:()=>!0,onBeforeCancel:()=>!0,emits:f}),A=e=>{switch(e){case"rotateRight":B.value+=90;break;case"rotateLeft":B.value-=90;break;case"zoomIn":S.value*=h.value;break;case"zoomOut":S.value/=h.value;break;case"originalSize":S.value=g.value,B.value=0;break;case"fullScreen":{const{offsetWidth:e,offsetHeight:o}=q.value;S.value=e>o?window.innerHeight/o:window.innerHeight/e}}};return(()=>{if(b.value&&o.useEventListener("wheel",e=>{e.preventDefault(),e.stopPropagation();const o=e.deltaY<0?1:-1;S.value*=Math.pow(h.value,o)}),k.value){const e={ArrowUp:"zoomIn",ArrowDown:"zoomOut"," ":"originalSize"};o.onKeyStroke(["ArrowUp","ArrowDown"," "],o=>{A(e[o.key])})}})(),(o,t)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(C)},[e.unref(z)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-image-preview",o.$attrs.class,{"yc-image-preview-absolute":e.unref(_)}]),style:e.normalizeStyle({zIndex:e.unref(j),...o.$attrs.style??{}})},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",i,null,512),[[e.vShow,e.unref(V)]])]),_:1}),e.createVNode(e.Transition,{name:"fade",onAfterLeave:e.unref(I)},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:"yc-image-preview-wrapper",onClick:t[2]||(t[2]=e.withModifiers(o=>e.unref(x)("mask",o,!1),["self"]))},[e.createElementVNode("div",{style:e.normalizeStyle({transform:`scale(${e.unref(S)}, ${e.unref(S)})`}),class:"yc-image-preview-img-container",onClick:t[0]||(t[0]=e.withModifiers(o=>e.unref(x)("mask",o,!1),["self"]))},[e.createElementVNode("img",{src:o.src,style:e.normalizeStyle({transform:`translate(-50%, -50%) rotate(${B.value}deg)`}),class:"yc-image-preview-img",ref_key:"imageRef",ref:q},null,12,n)],4),e.createVNode(l.default,{actionsLayout:o.actionsLayout,onClick:A},e.createSlots({_:2},[c.actions?{name:"actions",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"actions")]),key:"0"}:void 0]),1032,["actionsLayout"]),e.renderSlot(o.$slots,"arrow"),o.closable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-image-preview-close-btn",onClick:t[1]||(t[1]=o=>e.unref(x)("closeBtn",o,!1))},[e.createVNode(e.unref(r.default))])):e.createCommentVNode("",!0)],512),[[e.vShow,e.unref(V)]])]),_:3},8,["onAfterLeave"])],6)):e.createCommentVNode("",!0)],8,["to"]))}});exports.default=u;

package/lib/Image/ImagePreviewAction.vue.d.ts

@@ -15,8 +15,8 @@ declare const __VLS_component: import('vue').DefineComponent<ImagePreviewActionP
     onContextmenu?: ((ev: MouseEvent) => any) | undefined;
     onDblclick?: ((ev: MouseEvent) => any) | undefined;
 }>, {
-    name: string;
     disabled: boolean;
+    name: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/lib/Image/ImagePreviewArrow.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../_shared/utils/dom.js"),/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const r=require("../_shared/icons/IconArrowRight.vue.js"),o=e.defineComponent({__name:"ImagePreviewArrow",props:{type:{}},setup:o=>(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`yc-image-preview-arrow-${o.type}`])},[e.createVNode(e.unref(r.default),{rotate:"left"==o.type?180:0},null,8,["rotate"])],2))});exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../_shared/utils/dom.js"),require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js"),require("../_shared/utils/locale.js"),require("../_shared/utils/time.js"),/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const r=require("../_shared/icons/IconArrowRight.vue.js"),s=e.defineComponent({__name:"ImagePreviewArrow",props:{type:{}},setup:s=>(s,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`yc-image-preview-arrow-${s.type}`])},[e.createVNode(e.unref(r.default),{rotate:"left"==s.type?180:0},null,8,["rotate"])],2))});exports.default=s;

package/lib/Image/ImagePreviewGroup.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"),o=require("./hooks/useContext.js"),r=require("./ImagePreview.vue.js");;/* empty css                   */const l=require("./ImagePreviewArrow.vue.js");;/* empty css                        */const a={class:"yc-image-preview-arrow"},u=e.defineComponent({name:"ImagePreviewGroup",inheritAttrs:!1,__name:"ImagePreviewGroup",props:{srcList:{default:()=>[]},current:{default:void 0},defaultCurrent:{default:0},infinite:{type:Boolean,default:!1},visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},actionsLayout:{default:()=>["fullScreen","rotateRight","rotateLeft","zoomIn","zoomOut","originalSize"]},popupContainer:{default:void 0},escToClose:{type:Boolean,default:!0},wheelZoom:{type:Boolean,default:!0},keyboard:{type:Boolean,default:!0},defaultScale:{default:1},zoomRate:{default:1.1}},emits:["update:visible","update:current","change","visible-change"],setup(u,{emit:i}){const s=e.useSlots(),n=u,d=i,{srcList:c,infinite:f,keyboard:v}=e.toRefs(n),{src:p,srcList:m,computedCurrent:g,computedVisible:y}=o.default().provide(n,d),w=e=>{let t=0;!f.value&&("pre"==e&&0==g.value||"next"==e&&g.value==m.value.length-1)||("pre"==e?(t=g.value-1,t=t<0?m.value.length-1:t):(t=g.value+1,t=t==m.value.length?0:t),g.value=t)};return(()=>{if(v.value){const e={ArrowLeft:"pre",ArrowRight:"next"};t.onKeyStroke(["ArrowLeft","ArrowRight"],t=>{w(e[t.key])})}})(),(t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[s.default&&!e.unref(c).length?e.renderSlot(t.$slots,"default",{key:0}):e.createCommentVNode("",!0),e.createVNode(r.default,e.mergeProps(n,{visible:e.unref(y),"onUpdate:visible":o[2]||(o[2]=t=>e.isRef(y)?y.value=t:null),src:e.unref(p),class:t.$attrs.class,style:t.$attrs.style}),e.createSlots({arrow:e.withCtx(()=>[e.createElementVNode("div",a,[e.createVNode(l.default,{type:"left",onClick:o[0]||(o[0]=e=>w("pre"))}),e.createVNode(l.default,{type:"right",onClick:o[1]||(o[1]=e=>w("next"))})])]),_:2},[s.actions?{name:"actions",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"actions")]),key:"0"}:void 0]),1040,["visible","src","class","style"])],64))}});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../_shared/utils/dom.js");const t=require("../node_modules/@vueuse/core/index.js");require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js"),require("../_shared/utils/locale.js"),require("../_shared/utils/time.js");const r=require("./hooks/useContext.js"),o=require("./ImagePreview.vue.js");;/* empty css                   */const l=require("./ImagePreviewArrow.vue.js");;/* empty css                        */const s={class:"yc-image-preview-arrow"},a=e.defineComponent({name:"ImagePreviewGroup",inheritAttrs:!1,__name:"ImagePreviewGroup",props:{srcList:{default:()=>[]},current:{default:void 0},defaultCurrent:{default:0},infinite:{type:Boolean,default:!1},visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},actionsLayout:{default:()=>["fullScreen","rotateRight","rotateLeft","zoomIn","zoomOut","originalSize"]},popupContainer:{default:void 0},escToClose:{type:Boolean,default:!0},wheelZoom:{type:Boolean,default:!0},keyboard:{type:Boolean,default:!0},defaultScale:{default:1},zoomRate:{default:1.1}},emits:["update:visible","update:current","change","visible-change"],setup(a,{emit:u}){const i=e.useSlots(),n=a,d=u,{srcList:c,infinite:f,keyboard:m}=e.toRefs(n),{src:p,srcList:v,computedCurrent:y,computedVisible:g}=r.default().provide(n,d),j=e=>{let t=0;!f.value&&("pre"==e&&0==y.value||"next"==e&&y.value==v.value.length-1)||("pre"==e?(t=y.value-1,t=t<0?v.value.length-1:t):(t=y.value+1,t=t==v.value.length?0:t),y.value=t)};return(()=>{if(m.value){const e={ArrowLeft:"pre",ArrowRight:"next"};t.onKeyStroke(["ArrowLeft","ArrowRight"],t=>{j(e[t.key])})}})(),(t,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[i.default&&!e.unref(c).length?e.renderSlot(t.$slots,"default",{key:0}):e.createCommentVNode("",!0),e.createVNode(o.default,e.mergeProps(n,{visible:e.unref(g),"onUpdate:visible":r[2]||(r[2]=t=>e.isRef(g)?g.value=t:null),src:e.unref(p),class:t.$attrs.class,style:t.$attrs.style}),e.createSlots({arrow:e.withCtx(()=>[e.createElementVNode("div",s,[e.createVNode(l.default,{type:"left",onClick:r[0]||(r[0]=e=>j("pre"))}),e.createVNode(l.default,{type:"right",onClick:r[1]||(r[1]=e=>j("next"))})])]),_:2},[i.actions?{name:"actions",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"actions")]),key:"0"}:void 0]),1040,["visible","src","class","style"])],64))}});exports.default=a;

package/lib/Image/ImagePreviewToolbar.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../_shared/utils/dom.js"),/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const o=require("../_shared/icons/IconFullScreen.vue2.js"),t=require("../_shared/icons/IconOriginSize.vue2.js"),r=require("../_shared/icons/IconRotateLeft.vue2.js"),n=require("../_shared/icons/IconRotateRight.vue2.js"),i=require("../_shared/icons/IconZoomIn.vue2.js"),a=require("../_shared/icons/IconZoomOut.vue2.js"),s=require("../_shared/utils/locale.js"),c=require("./ImagePreviewAction.vue.js");;/* empty css                         */const u={key:0,class:"yc-image-preview-toolbar"},l=e.defineComponent({__name:"ImagePreviewToolbar",props:{actionsLayout:{default:()=>[]}},emits:["click"],setup(l){const{t:d}=s.useI18n(),m={fullScreen:o.default,rotateRight:n.default,rotateLeft:r.default,zoomIn:i.default,zoomOut:a.default,originalSize:t.default};return(o,t)=>o.actionsLayout.length?(e.openBlock(),e.createElementBlock("div",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.actionsLayout,t=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t},[m[t]?(e.openBlock(),e.createBlock(c.default,{key:0,name:e.unref(d)(`imagePreview.${t}`),onClick:e=>o.$emit("click",t,e)},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m[t])))]),_:2},1032,["name","onClick"])):e.createCommentVNode("",!0)],64))),128)),e.renderSlot(o.$slots,"actions")])):e.createCommentVNode("",!0)}});exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../_shared/utils/dom.js"),require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js");const o=require("../_shared/utils/locale.js");require("../_shared/utils/time.js"),/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const r=require("../_shared/icons/IconFullScreen.vue2.js"),n=require("../_shared/icons/IconOriginSize.vue2.js"),t=require("../_shared/icons/IconRotateLeft.vue2.js"),s=require("../_shared/icons/IconRotateRight.vue2.js"),i=require("../_shared/icons/IconZoomIn.vue2.js"),u=require("../_shared/icons/IconZoomOut.vue2.js"),a=require("./ImagePreviewAction.vue.js");;/* empty css                         */const l={key:0,class:"yc-image-preview-toolbar"},c=e.defineComponent({__name:"ImagePreviewToolbar",props:{actionsLayout:{default:()=>[]}},emits:["click"],setup(c){const{t:d}=o.useI18n(),m={fullScreen:r.default,rotateRight:s.default,rotateLeft:t.default,zoomIn:i.default,zoomOut:u.default,originalSize:n.default};return(o,r)=>o.actionsLayout.length?(e.openBlock(),e.createElementBlock("div",l,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.actionsLayout,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r},[m[r]?(e.openBlock(),e.createBlock(a.default,{key:0,name:e.unref(d)(`imagePreview.${r}`),onClick:e=>o.$emit("click",r,e)},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m[r])))]),_:2},1032,["name","onClick"])):e.createCommentVNode("",!0)],64))),128)),e.renderSlot(o.$slots,"actions")])):e.createCommentVNode("",!0)}});exports.default=c;