yc-design-vue 2.0.3 → 2.0.5

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: import('./type').DropdownPosition;
-        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: import('./type').DropdownPosition;
-        popupContainer: import('..').PopupContainer;
         triggerProps: import('..').TriggerProps;
         hideOnSelect: boolean;
         popupMaxHeight: import('..').PopupMaxHeight;
@@ -61,28 +61,28 @@ 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: import('./type').DropdownPosition;
-    popupContainer: import('..').PopupContainer;
     triggerProps: import('..').TriggerProps;
     hideOnSelect: boolean;
     popupMaxHeight: import('..').PopupMaxHeight;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Readonly<import('./type').DropdownSlots> & import('./type').DropdownSlots;
+    $slots: any;
 }) & {
     option: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').DoptionProps> & Readonly<{
@@ -119,7 +119,7 @@ declare const Dropdown: {
         isSubmenu: boolean;
         isActive: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Readonly<import('./type').DoptionSlots> & import('./type').DoptionSlots;
+        $slots: any;
     });
     group: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').DgroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -139,21 +139,21 @@ declare const Dropdown: {
     button: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').DropdownButtonProps> & Readonly<{
             onClick?: ((ev: MouseEvent) => any) | undefined;
-            "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
             onSelect?: ((value: import('./type').DoptionValue) => any) | undefined;
+            "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             click: (ev: MouseEvent) => any;
-            "popup-visible-change": (value: boolean) => any;
             select: (value: import('./type').DoptionValue) => any;
+            "popup-visible-change": (value: boolean) => any;
         }, import('vue').PublicProps, {
             size: import('..').Size;
+            type: import('..').ButtonType;
+            popupContainer: import('..').PopupContainer;
             trigger: import('..').TriggerType;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
             position: import('./type').DropdownPosition;
-            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;
-            "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
             onSelect?: ((value: import('./type').DoptionValue) => any) | undefined;
+            "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
         }>, {}, {}, {}, {}, {
             size: import('..').Size;
+            type: import('..').ButtonType;
+            popupContainer: import('..').PopupContainer;
             trigger: import('..').TriggerType;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
             position: import('./type').DropdownPosition;
-            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;
-        "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
         onSelect?: ((value: import('./type').DoptionValue) => any) | undefined;
+        "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         click: (ev: MouseEvent) => any;
-        "popup-visible-change": (value: boolean) => any;
         select: (value: import('./type').DoptionValue) => any;
+        "popup-visible-change": (value: boolean) => any;
     }, string, {
         size: import('..').Size;
+        type: import('..').ButtonType;
+        popupContainer: import('..').PopupContainer;
         trigger: import('..').TriggerType;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
         position: import('./type').DropdownPosition;
-        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 () => {
@@ -332,7 +332,7 @@ declare const Dropdown: {
                     }> & Omit<Readonly<{
                         preventFocus?: boolean;
                         tag?: string;
-                    }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                    }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
                         $slots: {
                             default?(_: {}): any;
                         };
@@ -362,6 +362,8 @@ declare const Dropdown: {
                     show: () => any;
                     hide: () => any;
                 }, string, {
+                    popupContainer: import('..').PopupContainer;
+                    renderToBody: boolean;
                     trigger: import('..').TriggerType;
                     mouseEnterDelay: number;
                     popupVisible: boolean;
@@ -389,8 +391,6 @@ declare const Dropdown: {
                     duration: number;
                     autoFitPopupWidth: boolean;
                     autoFitPopupMinWidth: boolean;
-                    popupContainer: import('..').PopupContainer;
-                    renderToBody: boolean;
                     autoFitPosition: boolean;
                     updateAtScroll: boolean;
                     preventFocus: boolean;
@@ -416,6 +416,8 @@ 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;
@@ -443,8 +445,6 @@ declare const Dropdown: {
                 duration: number;
                 autoFitPopupWidth: boolean;
                 autoFitPopupMinWidth: boolean;
-                popupContainer: import('..').PopupContainer;
-                renderToBody: boolean;
                 autoFitPosition: boolean;
                 updateAtScroll: boolean;
                 preventFocus: boolean;
@@ -454,12 +454,12 @@ declare const Dropdown: {
                 "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
                 onShow?: (() => any) | undefined;
                 onHide?: (() => any) | undefined;
-            }>, "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<{
+            }>, "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<{
                 hide(): void;
                 show(): void;
                 updatePosition(x: number, y: number): void;
-            }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: Readonly<import('..').TriggerSlots> & import('..').TriggerSlots;
+            }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+                $slots: any;
             }) | null;
             optionRef: ({
                 $: import('vue').ComponentInternalInstance;
@@ -519,8 +519,8 @@ declare const Dropdown: {
                 isActive: boolean;
             }> & Omit<Readonly<import('./type').DoptionProps> & Readonly<{
                 onClick?: ((ev: MouseEvent) => any) | undefined;
-            }>, "disabled" | "isSubmenu" | "isActive"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: Readonly<import('./type').DoptionSlots> & import('./type').DoptionSlots;
+            }>, "disabled" | "isSubmenu" | "isActive"> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+                $slots: any;
             }) | null;
         }, any, import('vue').ComponentProvideOptions, {
             P: {};
@@ -565,7 +565,7 @@ declare const Dropdown: {
         triggerProps: import('..').TriggerProps;
         popupMaxHeight: import('..').PopupMaxHeight;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Readonly<import('./type').DsubmenuSlots> & import('./type').DsubmenuSlots;
+        $slots: any;
     });
     install: (app: App) => void;
 };

package/lib/Dropdown/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Dropdown.vue.js");;/* empty css               */const o=require("./Doption.vue.js");;/* empty css              */const n=require("./Dgroup.vue.js");;/* empty css             */const u=require("./DropdownButton.vue.js"),r=require("./Dsubmenu.vue.js");;/* empty css               */const t=Object.assign(e,{option:o,group:n,button:u,submenu:r,install:t=>{t.component("Yc"+e.name,e),t.component("Yc"+o.name,o),t.component("Yc"+n.name,n),t.component("Yc"+u.name,u),t.component("Yc"+r.name,r)}});exports.Doption=o,exports.Dgroup=n,exports.DropdownButton=u,exports.Dsubmenu=r,exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Dropdown.vue.js");;/* empty css               */const u=require("./Doption.vue.js");;/* empty css              */const t=require("./Dgroup.vue.js");;/* empty css             */const o=require("./DropdownButton.vue.js"),n=require("./Dsubmenu.vue.js");;/* empty css               */const r=Object.assign(e.default,{option:u.default,group:t.default,button:o.default,submenu:n.default,install:r=>{r.component("Yc"+e.default.name,e.default),r.component("Yc"+u.default.name,u.default),r.component("Yc"+t.default.name,t.default),r.component("Yc"+o.default.name,o.default),r.component("Yc"+n.default.name,n.default)}});exports.Doption=u.default,exports.Dgroup=t.default,exports.DropdownButton=o.default,exports.Dsubmenu=n.default,exports.default=r;

package/lib/Empty/index.js

@@ -1 +1 @@
-"use strict";const e=;/* empty css           */;/* empty css            */const s=Object.assign(e,{install:s=>{s.component("Yc"+e.name,e)}});module.exports=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=;/* empty css           */;/* empty css            */const t=Object.assign(e.default,{install:t=>{t.component("Yc"+e.default.name,e.default)}});exports.default=t;

package/lib/Empty/index.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const t=require("../_shared/utils/locale.js");,/* empty css                                          */,/* empty css                                                */;/* empty css                                    */const r=require("../_shared/icons/IconEmpty.vue.js"),s={class:"yc-empty"},o={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:l}=e.toRefs(d),{t:u}=t.useI18n();return(t,c)=>(e.openBlock(),e.createElementBlock("div",s,[e.createElementVNode("div",o,[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))])]),e.createElementVNode("div",i,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.description||e.unref(u)("empty.description")),1)])])]))}});module.exports=c;
+"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;

package/lib/Empty/index.vue3.js

@@ -1 +1 @@
-"use strict";const e=;/* empty css           */,/* empty css            */module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=;/* empty css           */,/* empty css            */exports.default=e.default;

package/lib/Grid/Grid.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const r=require("../_shared/utils/dom.js");require("../_shared/utils/time.js"),require("../_shared/utils/locale.js");const o=require("./hooks/useContext.js"),l=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(l){const s=l,{breakpoint:t,cols:a,rowGap:u,colGap:n}=o.default().provide(s);return r.mediaQueryHandler(e=>{t.value=e}),(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-grid",style:e.normalizeStyle({gap:`${e.unref(r.valueToPx)(e.unref(u))} ${e.unref(r.valueToPx)(e.unref(n))}`,gridTemplateColumns:`repeat(${e.unref(a)}, minmax(0px, 1fr))`})},[e.renderSlot(o.$slots,"default")],4))}});module.exports=l;
+"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;

package/lib/Grid/Grid.vue3.js

@@ -1 +1 @@
-"use strict";const e=require("./Grid.vue.js");,/* empty css           */module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Grid.vue.js");,/* empty css           */exports.default=e.default;

package/lib/Grid/GridCol.vue.js

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

package/lib/Grid/GridCol.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("./GridCol.vue.js");module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./GridCol.vue.js");exports.default=e.default;

package/lib/Grid/GridItem.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const l=require("../_shared/utils/dom.js");require("../_shared/utils/time.js"),require("../_shared/utils/locale.js");const 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:s,suffix:r}=e.toRefs(t),{cols:i,colGap:n,collapsed:v,collapsedRows:c,spanMap:f,breakpoint:d,collectSpan:p}=u.default().inject(),m=e.computed(()=>l.getBreakpointValue(d.value,s.value)),x=e.computed(()=>{const e=l.getBreakpointValue(d.value,o.value)+m.value;return e>=i.value?i.value:e}),k=e.computed(()=>({gridColumn:`${r.value?i.value-x.value+1:`span ${x.value}`} / span ${x.value}`,marginLeft:m.value?`calc(${100/x.value*m.value}% + ${l.valueToPx(m.value*n.value)})`:""})),{id:h}=p(x,r),j=e.computed(()=>{if(!v.value)return!1;const e=[...f.values()],l=i.value*c.value;return e.filter(({suffix:e})=>!e).reduce((e,l)=>e+l.span,0)>l}),q=e.computed(()=>{if(!v.value||r.value)return!1;const e=[...f.values()],l=e.filter(({suffix:e})=>e).reduce((e,{span:l})=>e+l,0),u=i.value*c.value,a=e.filter(({suffix:e})=>!e);let t=0;for(let{id:o,span:s}of a)if(t+=s,o==h)break;return t>u-l});return(l,u)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"yc-grid-item",style:e.normalizeStyle(k.value)},[e.renderSlot(l.$slots,"default",{overflow:j.value})],4)),[[e.vShow,!q.value]])}});module.exports=a;
+"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;

package/lib/Grid/GridItem.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("./GridItem.vue.js");module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./GridItem.vue.js");exports.default=e.default;

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";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const r=require("../_shared/utils/dom.js");require("../_shared/utils/time.js"),require("../_shared/utils/locale.js");const t=require("./hooks/useContext.js"),o=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(o){const u=o,{div:s,wrap:n,justify:l,align:a}=e.toRefs(u),{breakpoint:i,gutter:d}=t.default().provide(u);return r.mediaQueryHandler(e=>{i.value=e}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"yc-row":!e.unref(s),"yc-row-wrap":e.unref(n)&&!e.unref(s),[`yc-row-align-${e.unref(a)}`]:!e.unref(s),[`yc-row-justify-${e.unref(l)}`]:!e.unref(s)}]),style:e.normalizeStyle({margin:`0 ${e.unref(r.valueToPx)(-e.unref(d)[0]/2)}`})},[e.renderSlot(t.$slots,"default")],6))}});module.exports=o;
+"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;

package/lib/Grid/GridRow.vue3.js

@@ -1 +1 @@
-"use strict";const e=require("./GridRow.vue.js");,/* empty css              */module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./GridRow.vue.js");,/* empty css              */exports.default=e.default;

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

@@ -18,7 +18,7 @@ export type SpanMap = Map<string, {
     suffix: boolean;
 }>;
 export type GutterValue = GridRowGutter | [GridRowGutter, GridRowGutter];
-declare const _default: () => {
+export default function useGridContext(): {
     provide: (props: RecordType) => {
         breakpoint: Ref<BreakpointName, BreakpointName>;
         cols: import('vue').ComputedRef<number>;
@@ -40,4 +40,3 @@ declare const _default: () => {
         collapsedRows: Ref<number>;
     };
 };
-export default _default;

package/lib/Grid/hooks/useContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../node_modules/tinycolor2/esm/tinycolor.js");const r=require("../../_shared/utils/dom.js"),o=require("../../_shared/utils/is.js");require("../../_shared/utils/time.js"),require("../../_shared/utils/locale.js");const a=require("../../node_modules/nanoid/index.browser.js"),t="grid-context";exports.GRID_CONTEXT_KEY=t,exports.default=()=>({provide:a=>{const{gutter:l=e.ref(0),cols:s=e.ref(24),rowGap:u=e.ref(0),colGap:i=e.ref(0),collapsed:n=e.ref(!1),collapsedRows:p=e.ref(1),div:c=e.ref(!1)}=e.toRefs(a),d=e.reactive(new Map),f=e.ref("xxl"),v=e.computed(()=>r.getBreakpointValue(f.value,s.value,24)),g=e.computed(()=>r.getBreakpointValue(f.value,u.value)),m=e.computed(()=>r.getBreakpointValue(f.value,i.value,0)),_=e.computed(()=>o.isArray(l.value)?l.value.map(e=>r.getBreakpointValue(f.value,e,0)):[r.getBreakpointValue(f.value,l.value,0),0]);return e.provide(t,{breakpoint:f,gutter:_,div:c,spanMap:d,cols:v,colGap:m,collapsed:n,collapsedRows:p}),{breakpoint:f,cols:v,colGap:m,rowGap:g,gutter:_}},inject:()=>{const r=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}=r;return{...r,collectSpan:(r,t)=>{const l=a.nanoid();return e.watchEffect(()=>{o.set(l,{id:l,suffix:t.value,span:r.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("../../node_modules/nanoid/index.browser.js"),a=require("../../_shared/utils/is.js"),o=require("../../_shared/utils/dom.js"),t="grid-context";exports.GRID_CONTEXT_KEY=t,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}}}}}};

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/Grid/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./GridCol.vue.js"),r=require("./GridRow.vue.js");;/* empty css              */const o=require("./Grid.vue.js");;/* empty css           */const t=require("./GridItem.vue.js"),i=Object.assign(o,{col:e,row:r,item:t,install:i=>{i.component("Yc"+o.name,o),i.component("Yc"+t.name,t),i.component("Yc"+r.name,r),i.component("Yc"+e.name,e)}});exports.GridCol=e,exports.GridRow=r,exports.GridItem=t,exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./GridCol.vue.js"),t=require("./GridRow.vue.js");;/* empty css              */const u=require("./Grid.vue.js");;/* empty css           */const r=require("./GridItem.vue.js"),d=Object.assign(u.default,{col:e.default,row:t.default,item:r.default,install:d=>{d.component("Yc"+u.default.name,u.default),d.component("Yc"+r.default.name,r.default),d.component("Yc"+t.default.name,t.default),d.component("Yc"+e.default.name,e.default)}});exports.GridCol=e.default,exports.GridRow=t.default,exports.GridItem=r.default,exports.default=d;

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

@@ -1,7 +1,7 @@
-import { ImageProps, ImageSlots } from './type';
+import { ImageProps } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<ImageSlots> & ImageSlots;
+    slots: any;
     refs: {};
     rootEl: HTMLDivElement;
 };

package/lib/Image/Image.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const t=require("../_shared/utils/dom.js");require("../_shared/utils/time.js");const o=require("../_shared/utils/locale.js"),i=require("../_shared/utils/control.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"},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"},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:k}){const V=w,B=k,{src:x,preview:j,previewVisible:E,defaultPreviewVisible:N}=e.toRefs(V),{hasGroupFather:q,handleClick:C}=l().inject(),{t:P}=o.useI18n(),S=i(E,N.value,e=>{B("update:previewVisible",e),B("preview-visible-change",e)}),b=e.ref(!1),_=e.ref(!1),I=()=>{_.value=!1,b.value=!1},$=()=>{_.value=!1,b.value=!0},z=()=>{if(q.value)return C(x.value);j.value&&(S.value=!0)};return e.watch(()=>x.value,()=>{_.value=!0,b.value=!1},{immediate:!0}),(o,i)=>(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(x),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:I,onError:$,onClick:z},null,44,n),e.unref(j)?(e.openBlock(),e.createBlock(s,e.mergeProps({key:0,visible:e.unref(S),"onUpdate:visible":i[0]||(i[0]=t=>e.isRef(S)?S.value=t:null),src:e.unref(x)},o.previewProps),e.createSlots({_:2},[o.$slots["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||o.$slots.loader)&&_.value?(e.openBlock(),e.createElementBlock("div",c,[e.createElementVNode("div",d,[e.renderSlot(o.$slots,"loader",{},()=>[e.createVNode(e.unref(a),{size:30,tip:e.unref(P)("image.loading")},null,8,["tip"])])])])):e.createCommentVNode("",!0),b.value?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(o.$slots,"error",{},()=>[e.createElementVNode("div",m,[e.renderSlot(o.$slots,"error-icon",{},()=>[e.createElementVNode("div",v,[e.createVNode(e.unref(r),{size:60})])]),e.createElementVNode("div",p,e.toDisplayString(o.alt??o.description),1)])])])):e.createCommentVNode("",!0),!o.hideFooter&&(o.title||o.description||o.$slots.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)]),o.$slots.extra?(e.openBlock(),e.createElementBlock("div",h,[e.renderSlot(o.$slots,"extra")])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],4))}});module.exports=w;
+"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;

package/lib/Image/Image.vue3.js

@@ -1 +1 @@
-"use strict";const e=require("./Image.vue.js");,/* empty css            */module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Image.vue.js");,/* empty css            */exports.default=e.default;

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

@@ -1,7 +1,7 @@
-import { ImagePreviewProps, ImagePreviewSlots } from './type';
+import { ImagePreviewProps } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<ImagePreviewSlots> & ImagePreviewSlots;
+    slots: any;
     refs: {
         imageRef: HTMLImageElement;
     };

package/lib/Image/ImagePreview.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const o=require("../_shared/utils/global-config.js");require("../_shared/utils/locale.js");const t=require("../_shared/utils/control.js");,/* empty css                                          */,/* empty css                                                */;/* empty css                                    */const a=require("../_shared/icons/IconClose.vue.js"),r=require("../node_modules/@vueuse/core/index.js"),l=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=u,f=c,{visible:m,defaultVisible:v,maskClosable:p,escToClose:w,defaultScale:y,zoomRate:h,wheelZoom:k,keyboard:g}=e.toRefs(d),{zIndex:b,popupContainer:C,isAbsolute:z}=o.getGlobalConfig(d),B=e.ref(),_=t(e.ref(),y.value),S=e.ref(0),{outerVisible:q,innerVisible:V,handleClose:j,handleAfterLeave:I}=l({visible:m,defaultVisible:v,escToClose:w,maskClosable:p,onBeforeOk:()=>!0,onBeforeCancel:()=>!0,emits:f}),x=e=>{switch(e){case"rotateRight":S.value+=90;break;case"rotateLeft":S.value-=90;break;case"zoomIn":_.value*=h.value;break;case"zoomOut":_.value/=h.value;break;case"originalSize":_.value=y.value,S.value=0;break;case"fullScreen":{const{offsetWidth:e,offsetHeight:o}=B.value;_.value=e>o?window.innerHeight/o:window.innerHeight/e}}};return(()=>{if(k.value&&r.useEventListener("wheel",e=>{e.preventDefault(),e.stopPropagation();const o=e.deltaY<0?1:-1;_.value*=Math.pow(h.value,o)}),g.value){const e={ArrowUp:"zoomIn",ArrowDown:"zoomOut"," ":"originalSize"};r.onKeyStroke(["ArrowUp","ArrowDown"," "],o=>{x(e[o.key])})}})(),(o,t)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(C)},[e.unref(q)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-image-preview",o.$attrs.class,{"yc-image-preview-absolute":e.unref(z)}]),style:e.normalizeStyle({zIndex:e.unref(b),...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(j)("mask",o,!1),["self"]))},[e.createElementVNode("div",{style:e.normalizeStyle({transform:`scale(${e.unref(_)}, ${e.unref(_)})`}),class:"yc-image-preview-img-container",onClick:t[0]||(t[0]=e.withModifiers(o=>e.unref(j)("mask",o,!1),["self"]))},[e.createElementVNode("img",{src:o.src,style:e.normalizeStyle({transform:`translate(-50%, -50%) rotate(${S.value}deg)`}),class:"yc-image-preview-img",ref_key:"imageRef",ref:B},null,12,n)],4),e.createVNode(s,{actionsLayout:o.actionsLayout,onClick:x},e.createSlots({_:2},[o.$slots.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(j)("closeBtn",o))},[e.createVNode(e.unref(a))])):e.createCommentVNode("",!0)],512),[[e.vShow,e.unref(V)]])]),_:3},8,["onAfterLeave"])],6)):e.createCommentVNode("",!0)],8,["to"]))}});module.exports=u;
+"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))},[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;

package/lib/Image/ImagePreview.vue3.js

@@ -1 +1 @@
-"use strict";const e=require("./ImagePreview.vue.js");,/* empty css                   */module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ImagePreview.vue.js");,/* empty css                   */exports.default=e.default;

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;
 }>, {
-    disabled: boolean;
     name: string;
+    disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/lib/Image/ImagePreviewAction.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../Tooltip/index.js"),n={class:"yc-image-preview-toolbar-action-content"},o=e.defineComponent({name:"ImagePreviewAction",__name:"ImagePreviewAction",props:{name:{default:""},disabled:{type:Boolean,default:!1}},emits:["click","dblclick","contextmenu"],setup(o,{emit:i}){const l=o,a=i,c=(e,t)=>{l.disabled||a(e,t)};return(o,i)=>(e.openBlock(),e.createBlock(e.unref(t),{content:o.name,disabled:!o.name.length,position:"top"},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-image-preview-toolbar-action",{"yc-image-preview-toolbar-action-disabled":o.disabled}]),onClick:i[0]||(i[0]=e=>c("click",e)),onDblclick:i[1]||(i[1]=e=>c("dblclick",e)),onContextmenu:i[2]||(i[2]=e=>c("contextmenu",e))},[e.createElementVNode("span",n,[e.renderSlot(o.$slots,"default")])],34)]),_:3},8,["content","disabled"]))}});module.exports=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../Tooltip/index.js"),o={class:"yc-image-preview-toolbar-action-content"},n=e.defineComponent({name:"ImagePreviewAction",__name:"ImagePreviewAction",props:{name:{default:""},disabled:{type:Boolean,default:!1}},emits:["click","dblclick","contextmenu"],setup(n,{emit:l}){const i=n,a=l,c=(e,t)=>{i.disabled||a(e,t)};return(n,l)=>(e.openBlock(),e.createBlock(e.unref(t.default),{content:n.name,disabled:!n.name.length,position:"top"},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-image-preview-toolbar-action",{"yc-image-preview-toolbar-action-disabled":n.disabled}]),onClick:l[0]||(l[0]=e=>c("click",e)),onDblclick:l[1]||(l[1]=e=>c("dblclick",e)),onContextmenu:l[2]||(l[2]=e=>c("contextmenu",e))},[e.createElementVNode("span",o,[e.renderSlot(n.$slots,"default")])],34)]),_:3},8,["content","disabled"]))}});exports.default=n;

package/lib/Image/ImagePreviewAction.vue3.js

@@ -1 +1 @@
-"use strict";const e=require("./ImagePreviewAction.vue.js");,/* empty css                         */module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ImagePreviewAction.vue.js");,/* empty css                         */exports.default=e.default;

package/lib/Image/ImagePreviewArrow.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../_shared/utils/locale.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,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`yc-image-preview-arrow-${o.type}`])},[e.createVNode(e.unref(r),{rotate:"left"==o.type?180:0},null,8,["rotate"])],2))});module.exports=o;
+"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;

package/lib/Image/ImagePreviewArrow.vue3.js

@@ -1 +1 @@
-"use strict";const e=require("./ImagePreviewArrow.vue.js");,/* empty css                        */module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ImagePreviewArrow.vue.js");,/* empty css                        */exports.default=e.default;

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

@@ -1,7 +1,7 @@
-import { ImagePreviewGroupProps, ImagePreviewGroupSlots } from './type';
+import { ImagePreviewGroupProps } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<ImagePreviewGroupSlots> & ImagePreviewGroupSlots;
+    slots: any;
     refs: {};
     rootEl: any;
 };

package/lib/Image/ImagePreviewGroup.vue.js

@@ -1 +1 @@
-"use strict";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"},s=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(s,{emit:i}){const u=s,n=i,{srcList:d,infinite:c,keyboard:v}=e.toRefs(u),{src:f,srcList:p,computedCurrent:m,computedVisible:y}=o().provide(u,n),g=e=>{let t=0;!c.value&&("pre"==e&&0==m.value||"next"==e&&m.value==p.value.length-1)||("pre"==e?(t=m.value-1,t=t<0?p.value.length-1:t):(t=m.value+1,t=t==p.value.length?0:t),m.value=t)};return(()=>{if(v.value){const e={ArrowLeft:"pre",ArrowRight:"next"};t.onKeyStroke(["ArrowLeft","ArrowRight"],t=>{g(e[t.key])})}})(),(t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.$slots.default&&!e.unref(d).length?e.renderSlot(t.$slots,"default",{key:0}):e.createCommentVNode("",!0),e.createVNode(r,e.mergeProps(u,{visible:e.unref(y),"onUpdate:visible":o[2]||(o[2]=t=>e.isRef(y)?y.value=t:null),src:e.unref(f),class:t.$attrs.class,style:t.$attrs.style}),e.createSlots({arrow:e.withCtx(()=>[e.createElementVNode("div",a,[e.createVNode(l,{type:"left",onClick:o[0]||(o[0]=e=>g("pre"))}),e.createVNode(l,{type:"right",onClick:o[1]||(o[1]=e=>g("next"))})])]),_:2},[t.$slots.actions?{name:"actions",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"actions")]),key:"0"}:void 0]),1040,["visible","src","class","style"])],64))}});module.exports=s;
+"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;

package/lib/Image/ImagePreviewGroup.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("./ImagePreviewGroup.vue.js");module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ImagePreviewGroup.vue.js");exports.default=e.default;

package/lib/Image/ImagePreviewToolbar.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const o=require("../_shared/utils/locale.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"),i=require("../_shared/icons/IconRotateRight.vue2.js"),s=require("../_shared/icons/IconZoomIn.vue2.js"),c=require("../_shared/icons/IconZoomOut.vue2.js"),a=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:m}=o.useI18n(),d={fullScreen:r,rotateRight:i,rotateLeft:t,zoomIn:s,zoomOut:c,originalSize:n};return(o,r)=>o.actionsLayout.length?(e.openBlock(),e.createElementBlock("div",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.actionsLayout,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r},[d[r]?(e.openBlock(),e.createBlock(a,{key:0,name:e.unref(m)(`imagePreview.${r}`),onClick:e=>o.$emit("click",r,e)},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d[r])))]),_:2},1032,["name","onClick"])):e.createCommentVNode("",!0)],64))),128)),e.renderSlot(o.$slots,"actions")])):e.createCommentVNode("",!0)}});module.exports=l;
+"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;

package/lib/Image/ImagePreviewToolbar.vue3.js

@@ -1 +1 @@
-"use strict";const e=require("./ImagePreviewToolbar.vue.js");,/* empty css                          */module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ImagePreviewToolbar.vue.js");,/* empty css                          */exports.default=e.default;