yc-design-vue 2.0.1 → 2.0.3

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

@@ -11,7 +11,7 @@ declare function __VLS_template(): {
                 readonly popupVisible?: boolean | undefined;
                 readonly defaultPopupVisible?: boolean | undefined;
                 readonly trigger?: import('../Trigger').TriggerType | undefined;
-                readonly position?: import('../Trigger').TriggerPostion | undefined;
+                readonly position?: import('..').PopupPosition | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly popupOffset?: number | undefined;
                 readonly popupTranslate?: number[] | undefined;
@@ -21,9 +21,9 @@ declare function __VLS_template(): {
                 readonly clickToClose?: boolean | undefined;
                 readonly clickOutsideToClose?: boolean | undefined;
                 readonly unmountOnClose?: boolean | undefined;
-                readonly contentClass?: import('../_shared/type').ClassName | undefined;
+                readonly contentClass?: import('..').ClassName | undefined;
                 readonly contentStyle?: import('vue').CSSProperties | undefined;
-                readonly arrowClass?: import('../_shared/type').ClassName | undefined;
+                readonly arrowClass?: import('..').ClassName | undefined;
                 readonly arrowStyle?: import('vue').CSSProperties | undefined;
                 readonly animationName?: string | undefined;
                 readonly duration?: number | undefined;
@@ -157,14 +157,14 @@ declare function __VLS_template(): {
                 scrollToClose: boolean;
                 autoSetPosition: boolean;
                 alignPoint: boolean;
-                position: import('../Trigger').TriggerPostion;
+                position: import('..').PopupPosition;
                 popupOffset: number;
                 popupTranslate: number[];
                 showArrow: boolean;
                 unmountOnClose: boolean;
-                contentClass: import('../_shared/type').ClassName;
+                contentClass: import('..').ClassName;
                 contentStyle: import('vue').CSSProperties;
-                arrowClass: import('../_shared/type').ClassName;
+                arrowClass: import('..').ClassName;
                 arrowStyle: import('vue').CSSProperties;
                 animationName: string;
                 duration: number;
@@ -211,14 +211,14 @@ declare function __VLS_template(): {
             scrollToClose: boolean;
             autoSetPosition: boolean;
             alignPoint: boolean;
-            position: import('../Trigger').TriggerPostion;
+            position: import('..').PopupPosition;
             popupOffset: number;
             popupTranslate: number[];
             showArrow: boolean;
             unmountOnClose: boolean;
-            contentClass: import('../_shared/type').ClassName;
+            contentClass: import('..').ClassName;
             contentStyle: import('vue').CSSProperties;
-            arrowClass: import('../_shared/type').ClassName;
+            arrowClass: import('..').ClassName;
             arrowStyle: import('vue').CSSProperties;
             animationName: string;
             duration: number;
@@ -317,13 +317,13 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
     "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
     "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
 }>, {
-    trigger: import('./type').DsubmenuTrigger;
+    trigger: import('..').EventTrigger;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     disabled: boolean;
     position: import('./type').DsubmenuPosition;
     triggerProps: import('../Trigger').TriggerProps;
-    popupMaxHeight: number;
+    popupMaxHeight: import('..').PopupMaxHeight;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     triggerRef: ({
         $: import('vue').ComponentInternalInstance;
@@ -332,7 +332,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
             readonly popupVisible?: boolean | undefined;
             readonly defaultPopupVisible?: boolean | undefined;
             readonly trigger?: import('../Trigger').TriggerType | undefined;
-            readonly position?: import('../Trigger').TriggerPostion | undefined;
+            readonly position?: import('..').PopupPosition | undefined;
             readonly disabled?: boolean | undefined;
             readonly popupOffset?: number | undefined;
             readonly popupTranslate?: number[] | undefined;
@@ -342,9 +342,9 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
             readonly clickToClose?: boolean | undefined;
             readonly clickOutsideToClose?: boolean | undefined;
             readonly unmountOnClose?: boolean | undefined;
-            readonly contentClass?: import('../_shared/type').ClassName | undefined;
+            readonly contentClass?: import('..').ClassName | undefined;
             readonly contentStyle?: import('vue').CSSProperties | undefined;
-            readonly arrowClass?: import('../_shared/type').ClassName | undefined;
+            readonly arrowClass?: import('..').ClassName | undefined;
             readonly arrowStyle?: import('vue').CSSProperties | undefined;
             readonly animationName?: string | undefined;
             readonly duration?: number | undefined;
@@ -478,14 +478,14 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
             scrollToClose: boolean;
             autoSetPosition: boolean;
             alignPoint: boolean;
-            position: import('../Trigger').TriggerPostion;
+            position: import('..').PopupPosition;
             popupOffset: number;
             popupTranslate: number[];
             showArrow: boolean;
             unmountOnClose: boolean;
-            contentClass: import('../_shared/type').ClassName;
+            contentClass: import('..').ClassName;
             contentStyle: import('vue').CSSProperties;
-            arrowClass: import('../_shared/type').ClassName;
+            arrowClass: import('..').ClassName;
             arrowStyle: import('vue').CSSProperties;
             animationName: string;
             duration: number;
@@ -532,14 +532,14 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
         scrollToClose: boolean;
         autoSetPosition: boolean;
         alignPoint: boolean;
-        position: import('../Trigger').TriggerPostion;
+        position: import('..').PopupPosition;
         popupOffset: number;
         popupTranslate: number[];
         showArrow: boolean;
         unmountOnClose: boolean;
-        contentClass: import('../_shared/type').ClassName;
+        contentClass: import('..').ClassName;
         contentStyle: import('vue').CSSProperties;
-        arrowClass: import('../_shared/type').ClassName;
+        arrowClass: import('..').ClassName;
         arrowStyle: import('vue').CSSProperties;
         animationName: string;
         duration: number;

package/lib/Dropdown/Dsubmenu.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js");const o=require("../_shared/utils/dom.js"),i=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../_shared/utils/locale.js");const s=require("../_shared/utils/control.js");,/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const r=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:{default:200}},emits:["update:popupVisible","popup-visible-change"],setup(c,{expose:f,emit:v}){const m=c,g=v,{defaultPopupVisible:h,popupVisible:b,trigger:x,position:y,popupMaxHeight:_}=e.toRefs(m),q=s(b,h.value,e=>{g("update:popupVisible",e),g("popup-visible-change",e)}),j=e.ref(),w=e.ref(),V=e.computed(()=>["rt","lt"].includes(y.value)?y.value:"rt"),k=e.computed(()=>["hover","click"].includes(x.value)?x.value:"hover"),B=e.computed(()=>i.isBoolean(_.value)&&!_.value||i.isUndefined(_)?"":o.valueToPx(i.isBoolean(_.value)?200:_.value)),C=async()=>{var o;await e.nextTick();const i=t.unrefElement(j);if(!i)return;const{left:s,top:r,right:l,width:u}=i.getBoundingClientRect(),n="rt"==V.value?l:s-u,a=r-5;null==(o=w.value)||o.updatePosition(n,a)};return f({show(){q.value=!0},hide(){q.value=!1}}),(t,o)=>(e.openBlock(),e.createBlock(e.unref(l),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:V.value,"popup-offset":4,disabled:t.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:w},t.triggerProps),{content:e.withCtx(()=>[e.createElementVNode("div",a,[e.createVNode(e.unref(u),{style:e.normalizeStyle({maxHeight:B.value})},{default:e.withCtx(()=>[e.createElementVNode("div",d,[e.renderSlot(t.$slots,"content")])]),_:3},8,["style"]),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)])]),default:e.withCtx(()=>[e.createVNode(e.unref(n),{disabled:t.disabled,class:e.normalizeClass(t.$attrs.class),style:e.normalizeStyle(t.$attrs.style),"is-submenu":"",ref_key:"optionRef",ref:j},{suffix:e.withCtx(()=>[e.createVNode(e.unref(r))]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["disabled","class","style"])]),_:3},16,["popup-visible","trigger","position","disabled"]))}});module.exports=c;
+"use strict";const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js");const o=require("../_shared/utils/dom.js"),i=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../_shared/utils/locale.js");const r=require("../_shared/utils/control.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:m}){const v=c,g=m,{defaultPopupVisible:h,popupVisible:b,trigger:y,position:x,popupMaxHeight:_}=e.toRefs(v),q=r(b,h.value,e=>{g("update:popupVisible",e),g("popup-visible-change",e)}),j=e.ref(),w=e.ref(),V=e.computed(()=>["rt","lt"].includes(x.value)?x.value:"rt"),B=e.computed(()=>["hover","click"].includes(y.value)?y.value:"hover"),k=e.computed(()=>i.isBoolean(_.value)&&!_.value||i.isUndefined(_)?"":o.valueToPx(i.isBoolean(_.value)?200:_.value)),C=async()=>{var o;await e.nextTick();const i=t.unrefElement(j);if(!i)return;const{left:r,top:s,right:l,width:u}=i.getBoundingClientRect(),n="rt"==V.value?l:r-u,a=s-5;null==(o=w.value)||o.updatePosition(n,a)};return f({show(){q.value=!0},hide(){q.value=!1}}),(t,o)=>(e.openBlock(),e.createBlock(e.unref(l),e.mergeProps({"popup-visible":e.unref(q),"onUpdate:popupVisible":o[0]||(o[0]=t=>e.isRef(q)?q.value=t:null),trigger:B.value,position:V.value,"popup-offset":4,disabled:t.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:w},t.triggerProps),{content:e.withCtx(()=>[e.createElementVNode("div",a,[e.createVNode(e.unref(u),{style:e.normalizeStyle({maxHeight:k.value})},{default:e.withCtx(()=>[e.createElementVNode("div",d,[e.renderSlot(t.$slots,"content")])]),_:3},8,["style"]),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)])]),default:e.withCtx(()=>[e.createVNode(e.unref(n),{disabled:t.disabled,class:e.normalizeClass(t.$attrs.class),style:e.normalizeStyle(t.$attrs.style),"is-submenu":"",ref_key:"optionRef",ref:j},{suffix:e.withCtx(()=>[e.createVNode(e.unref(s))]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["disabled","class","style"])]),_:3},16,["popup-visible","trigger","position","disabled"]))}});module.exports=c;

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

@@ -1,10 +1,10 @@
 import { DoptionValue, DropdownEmits } from '../type';
-import { Props } from '../../_shared/type';
+import { RecordType } from '../../_shared/type';
 type DropdownContext = {
     select: (value: DoptionValue, ev: MouseEvent) => void;
 };
 declare const _default: () => {
-    provide: (props: Props, emits: DropdownEmits) => {
+    provide: (props: RecordType, emits: DropdownEmits) => {
         computedVisible: import('vue').WritableComputedRef<boolean, boolean>;
     };
     inject: () => DropdownContext;

package/lib/Dropdown/index.d.ts

@@ -31,7 +31,7 @@ declare const Dropdown: {
         popupContainer: import('..').PopupContainer;
         triggerProps: import('..').TriggerProps;
         hideOnSelect: boolean;
-        popupMaxHeight: number | boolean;
+        popupMaxHeight: import('..').PopupMaxHeight;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -55,7 +55,7 @@ declare const Dropdown: {
         popupContainer: import('..').PopupContainer;
         triggerProps: import('..').TriggerProps;
         hideOnSelect: boolean;
-        popupMaxHeight: number | boolean;
+        popupMaxHeight: import('..').PopupMaxHeight;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -80,7 +80,7 @@ declare const Dropdown: {
     popupContainer: import('..').PopupContainer;
     triggerProps: import('..').TriggerProps;
     hideOnSelect: boolean;
-    popupMaxHeight: number | 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;
 }) & {
@@ -215,13 +215,13 @@ declare const Dropdown: {
             "update:popupVisible": (value: boolean) => any;
             "popup-visible-change": (value: boolean) => any;
         }, import('vue').PublicProps, {
-            trigger: import('./type').DsubmenuTrigger;
+            trigger: import('..').EventTrigger;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
             position: import('./type').DsubmenuPosition;
             triggerProps: import('..').TriggerProps;
-            popupMaxHeight: number;
+            popupMaxHeight: import('..').PopupMaxHeight;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
             triggerRef: ({
                 $: import('vue').ComponentInternalInstance;
@@ -230,7 +230,7 @@ declare const Dropdown: {
                     readonly popupVisible?: boolean | undefined;
                     readonly defaultPopupVisible?: boolean | undefined;
                     readonly trigger?: import('..').TriggerType | undefined;
-                    readonly position?: import('..').TriggerPostion | undefined;
+                    readonly position?: import('..').PopupPosition | undefined;
                     readonly disabled?: boolean | undefined;
                     readonly popupOffset?: number | undefined;
                     readonly popupTranslate?: number[] | undefined;
@@ -240,9 +240,9 @@ declare const Dropdown: {
                     readonly clickToClose?: boolean | undefined;
                     readonly clickOutsideToClose?: boolean | undefined;
                     readonly unmountOnClose?: boolean | undefined;
-                    readonly contentClass?: import('../_shared/type').ClassName | undefined;
+                    readonly contentClass?: import('..').ClassName | undefined;
                     readonly contentStyle?: import('vue').CSSProperties | undefined;
-                    readonly arrowClass?: import('../_shared/type').ClassName | undefined;
+                    readonly arrowClass?: import('..').ClassName | undefined;
                     readonly arrowStyle?: import('vue').CSSProperties | undefined;
                     readonly animationName?: string | undefined;
                     readonly duration?: number | undefined;
@@ -376,14 +376,14 @@ declare const Dropdown: {
                     scrollToClose: boolean;
                     autoSetPosition: boolean;
                     alignPoint: boolean;
-                    position: import('..').TriggerPostion;
+                    position: import('..').PopupPosition;
                     popupOffset: number;
                     popupTranslate: number[];
                     showArrow: boolean;
                     unmountOnClose: boolean;
-                    contentClass: import('../_shared/type').ClassName;
+                    contentClass: import('..').ClassName;
                     contentStyle: import('vue').CSSProperties;
-                    arrowClass: import('../_shared/type').ClassName;
+                    arrowClass: import('..').ClassName;
                     arrowStyle: import('vue').CSSProperties;
                     animationName: string;
                     duration: number;
@@ -430,14 +430,14 @@ declare const Dropdown: {
                 scrollToClose: boolean;
                 autoSetPosition: boolean;
                 alignPoint: boolean;
-                position: import('..').TriggerPostion;
+                position: import('..').PopupPosition;
                 popupOffset: number;
                 popupTranslate: number[];
                 showArrow: boolean;
                 unmountOnClose: boolean;
-                contentClass: import('../_shared/type').ClassName;
+                contentClass: import('..').ClassName;
                 contentStyle: import('vue').CSSProperties;
-                arrowClass: import('../_shared/type').ClassName;
+                arrowClass: import('..').ClassName;
                 arrowStyle: import('vue').CSSProperties;
                 animationName: string;
                 duration: number;
@@ -536,13 +536,13 @@ declare const Dropdown: {
             show(): void;
             hide(): void;
         }, {}, {}, {}, {
-            trigger: import('./type').DsubmenuTrigger;
+            trigger: import('..').EventTrigger;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
             position: import('./type').DsubmenuPosition;
             triggerProps: import('..').TriggerProps;
-            popupMaxHeight: number;
+            popupMaxHeight: import('..').PopupMaxHeight;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -557,13 +557,13 @@ declare const Dropdown: {
         "update:popupVisible": (value: boolean) => any;
         "popup-visible-change": (value: boolean) => any;
     }, string, {
-        trigger: import('./type').DsubmenuTrigger;
+        trigger: import('..').EventTrigger;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
         position: import('./type').DsubmenuPosition;
         triggerProps: import('..').TriggerProps;
-        popupMaxHeight: number;
+        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;
     });

package/lib/Dropdown/type.d.ts

@@ -1,4 +1,4 @@
-import { ObjectData, PopupContainer, Size } from '../_shared/type';
+import { EventTrigger, RecordType, PopupContainer, PopupMaxHeight, Size } from '../_shared/type';
 import { TriggerProps, TriggerType } from '../Trigger';
 import { ButtonProps, ButtonType } from '../Button';
 import { VNode } from 'vue';
@@ -11,7 +11,7 @@ export interface DropdownProps {
     hideOnSelect?: boolean;
     alignPoint?: boolean;
     triggerProps?: TriggerProps;
-    popupMaxHeight?: number | boolean;
+    popupMaxHeight?: PopupMaxHeight;
 }
 export interface DropdownEmits {
     (e: 'update:popupVisible', value: boolean): void;
@@ -40,12 +40,12 @@ export interface DoptionSlots {
 }
 export interface DsubmenuProps {
     disabled?: boolean;
-    trigger?: DsubmenuTrigger;
+    trigger?: EventTrigger;
     position?: DsubmenuPosition;
     popupVisible?: boolean;
     defaultPopupVisible?: boolean;
     triggerProps?: TriggerProps;
-    popupMaxHeight?: number;
+    popupMaxHeight?: PopupMaxHeight;
 }
 export interface DsubmenuEmits {
     (e: 'update:popupVisible', value: boolean): void;
@@ -80,7 +80,6 @@ export interface DropdownButtonSlots {
     default?: () => VNode[];
     icon?: () => VNode[];
 }
-export type DoptionValue = string | number | boolean | ObjectData;
+export type DoptionValue = string | number | boolean | RecordType;
 export type DropdownPosition = 'top' | 'tr' | 'tl' | 'bottom' | 'br' | 'bl';
-export type DsubmenuTrigger = 'hover' | 'click';
 export type DsubmenuPosition = 'rt' | 'lt';

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";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;

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

@@ -7,10 +7,10 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<GridProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridProps> & Readonly<{}>, {
-    cols: number | import('./type').ResponsiveValue;
-    rowGap: number | import('./type').ResponsiveValue;
-    colGap: number | import('./type').ResponsiveValue;
+    rowGap: number | import('..').ResponsiveValue;
     collapsed: boolean;
+    cols: number | import('..').ResponsiveValue;
+    colGap: number | import('..').ResponsiveValue;
     collapsedRows: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -7,8 +7,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<GridColProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridColProps> & Readonly<{}>, {
-    span: number | import('./type').ResponsiveValue;
-    offset: number | import('./type').ResponsiveValue;
+    span: number | import('..').ResponsiveValue;
+    offset: number | import('..').ResponsiveValue;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/lib/Grid/GridItem.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<GridItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridItemProps> & Readonly<{}>, {
-    span: number | import('./type').ResponsiveValue;
+    span: number | import('..').ResponsiveValue;
     suffix: boolean;
-    offset: number | import('./type').ResponsiveValue;
+    offset: number | import('..').ResponsiveValue;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -10,8 +10,8 @@ declare const __VLS_component: import('vue').DefineComponent<GridRowProps, {}, {
     wrap: boolean;
     justify: import('./type').GridRowJustify;
     div: boolean;
-    gutter: import('./type').Gutter | [import('./type').Gutter, import('./type').Gutter];
     align: import('./type').GridRowAlign;
+    gutter: import('./type').GridRowGutter | [import('./type').GridRowGutter, import('./type').GridRowGutter];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import { Ref, Reactive } from 'vue';
-import { BreakpointName, Gutter } from '../type';
-import { Props } from '../../_shared/type';
+import { GridRowGutter } from '../type';
+import { RecordType, BreakpointName } from '../../_shared/type';
 export declare const GRID_CONTEXT_KEY = "grid-context";
 export type GridContext = {
     breakpoint: Ref<BreakpointName>;
@@ -17,9 +17,9 @@ export type SpanMap = Map<string, {
     span: number;
     suffix: boolean;
 }>;
-export type GutterValue = Gutter | [Gutter, Gutter];
+export type GutterValue = GridRowGutter | [GridRowGutter, GridRowGutter];
 declare const _default: () => {
-    provide: (props: Props) => {
+    provide: (props: RecordType) => {
         breakpoint: Ref<BreakpointName, BreakpointName>;
         cols: import('vue').ComputedRef<number>;
         colGap: import('vue').ComputedRef<number>;

package/lib/Grid/index.d.ts

@@ -7,10 +7,10 @@ export type ColInstance = InstanceType<typeof _Col>;
 export * from './type';
 declare const Grid: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').GridProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        cols: number | import('./type').ResponsiveValue;
-        rowGap: number | import('./type').ResponsiveValue;
-        colGap: number | import('./type').ResponsiveValue;
+        rowGap: number | import('..').ResponsiveValue;
         collapsed: boolean;
+        cols: number | import('..').ResponsiveValue;
+        colGap: number | import('..').ResponsiveValue;
         collapsedRows: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
@@ -20,28 +20,28 @@ declare const Grid: {
         M: {};
         Defaults: {};
     }, Readonly<import('./type').GridProps> & Readonly<{}>, {}, {}, {}, {}, {
-        cols: number | import('./type').ResponsiveValue;
-        rowGap: number | import('./type').ResponsiveValue;
-        colGap: number | import('./type').ResponsiveValue;
+        rowGap: number | import('..').ResponsiveValue;
         collapsed: boolean;
+        cols: number | import('..').ResponsiveValue;
+        colGap: number | import('..').ResponsiveValue;
         collapsedRows: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').GridProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    cols: number | import('./type').ResponsiveValue;
-    rowGap: number | import('./type').ResponsiveValue;
-    colGap: number | import('./type').ResponsiveValue;
+    rowGap: number | import('..').ResponsiveValue;
     collapsed: boolean;
+    cols: number | import('..').ResponsiveValue;
+    colGap: number | import('..').ResponsiveValue;
     collapsedRows: number;
 }, {}, 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').GridSlots> & import('./type').GridSlots;
 }) & {
     col: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').GridColProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            span: number | import('./type').ResponsiveValue;
-            offset: number | import('./type').ResponsiveValue;
+            span: number | import('..').ResponsiveValue;
+            offset: number | import('..').ResponsiveValue;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -50,15 +50,15 @@ declare const Grid: {
             M: {};
             Defaults: {};
         }, Readonly<import('./type').GridColProps> & Readonly<{}>, {}, {}, {}, {}, {
-            span: number | import('./type').ResponsiveValue;
-            offset: number | import('./type').ResponsiveValue;
+            span: number | import('..').ResponsiveValue;
+            offset: number | import('..').ResponsiveValue;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').GridColProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        span: number | import('./type').ResponsiveValue;
-        offset: number | import('./type').ResponsiveValue;
+        span: number | import('..').ResponsiveValue;
+        offset: number | import('..').ResponsiveValue;
     }, {}, 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').GridColSlots> & import('./type').GridColSlots;
     });
@@ -67,8 +67,8 @@ declare const Grid: {
             wrap: boolean;
             justify: import('./type').GridRowJustify;
             div: boolean;
-            gutter: import('./type').Gutter | [import('./type').Gutter, import('./type').Gutter];
             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, {
             P: {};
             B: {};
@@ -80,8 +80,8 @@ declare const Grid: {
             wrap: boolean;
             justify: import('./type').GridRowJustify;
             div: boolean;
-            gutter: import('./type').Gutter | [import('./type').Gutter, import('./type').Gutter];
             align: import('./type').GridRowAlign;
+            gutter: import('./type').GridRowGutter | [import('./type').GridRowGutter, import('./type').GridRowGutter];
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -90,16 +90,16 @@ declare const Grid: {
         wrap: boolean;
         justify: import('./type').GridRowJustify;
         div: boolean;
-        gutter: import('./type').Gutter | [import('./type').Gutter, import('./type').Gutter];
         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 () => {
         $slots: Readonly<import('./type').GridRowSlots> & import('./type').GridRowSlots;
     });
     item: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').GridItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            span: number | import('./type').ResponsiveValue;
+            span: number | import('..').ResponsiveValue;
             suffix: boolean;
-            offset: number | import('./type').ResponsiveValue;
+            offset: number | import('..').ResponsiveValue;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -108,17 +108,17 @@ declare const Grid: {
             M: {};
             Defaults: {};
         }, Readonly<import('./type').GridItemProps> & Readonly<{}>, {}, {}, {}, {}, {
-            span: number | import('./type').ResponsiveValue;
+            span: number | import('..').ResponsiveValue;
             suffix: boolean;
-            offset: number | import('./type').ResponsiveValue;
+            offset: number | import('..').ResponsiveValue;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').GridItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        span: number | import('./type').ResponsiveValue;
+        span: number | import('..').ResponsiveValue;
         suffix: boolean;
-        offset: number | import('./type').ResponsiveValue;
+        offset: number | import('..').ResponsiveValue;
     }, {}, 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').GridItemSlots> & import('./type').GridItemSlots;
     });

package/lib/Grid/type.d.ts

@@ -1,4 +1,5 @@
 import { VNode } from 'vue';
+import { ResponsiveValue } from '../_shared/type';
 export interface GridProps {
     cols?: number | ResponsiveValue;
     rowGap?: number | ResponsiveValue;
@@ -20,7 +21,7 @@ export interface GridItemSlots {
     }) => void;
 }
 export interface GridRowProps {
-    gutter?: Gutter | [Gutter, Gutter];
+    gutter?: GridRowGutter | [GridRowGutter, GridRowGutter];
     justify?: GridRowJustify;
     align?: GridRowAlign;
     div?: boolean;
@@ -33,21 +34,12 @@ export interface GridColProps {
     span?: number | ResponsiveValue;
     offset?: number | ResponsiveValue;
     order?: number | ResponsiveValue;
-    flex?: GridColFlex | ResponsiveValue;
+    flex?: GridColFlex | ResponsiveValue<GridColFlex>;
 }
 export interface GridColSlots {
     default?: () => VNode[];
 }
-export type ResponsiveValue<T = number | string> = {
-    xs?: T;
-    sm?: T;
-    md?: T;
-    lg?: T;
-    xl?: T;
-    xxl?: T;
-};
+export type GridRowGutter = number | ResponsiveValue;
 export type GridRowJustify = 'start' | 'center' | 'end' | 'space-around' | 'space-between';
 export type GridRowAlign = 'start' | 'center' | 'end' | 'stretch';
-export type BreakpointName = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
 export type GridColFlex = number | string | 'initial' | 'auto' | 'none';
-export type Gutter = number | ResponsiveValue;

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

@@ -23,7 +23,7 @@ declare const __VLS_component: import('vue').DefineComponent<ImageProps, {}, {},
     previewVisible: boolean;
     defaultPreviewVisible: boolean;
     previewProps: import('./type').ImagePreviewProps;
-    footerClass: import('../_shared/type').ClassName;
+    footerClass: import('..').ClassName;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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";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;