yc-design-vue 1.0.2 → 1.0.4

package/es/Drawer/DrawerService.vue.js

@@ -4,7 +4,7 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.js";
 import "../Empty/index.js";
-/* empty css                         */
+/* empty css                             */
 import _Drawer from "./Drawer.vue.js";
 const _hoisted_1 = { class: "yc-drawer-body-content" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/Drawer/type.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 import { ButtonProps } from '../Button';
 import { OnBeforeCancel, OnBeforeOk } from '../Modal';
 import { RenderContent, PopupContainer } from '../_shared/type';
@@ -29,10 +29,10 @@ export interface DrawerProps {
     onBeforeOk?: OnBeforeOk;
 }
 export interface DrawerSlots {
-    default(): void;
-    header(): void;
-    footer(): void;
-    title(): void;
+    default?: () => VNode[];
+    header?: () => VNode[];
+    footer?: () => VNode[];
+    title?: () => VNode[];
 }
 export interface DrawerEmits {
     (e: 'update:visible', value: boolean): void;

package/es/Dropdown/Dropdown.vue.js

@@ -5,7 +5,7 @@ import { valueToPx } from "../_shared/utils/fn.js";
 import { isBoolean, isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
-/* empty css                         */
+/* empty css                             */
 import useContext from "./hooks/useContext.js";
 import Trigger from "../Trigger/index.js";
 import Scrollbar from "../Scrollbar/index.js";

package/es/Dropdown/DropdownButton.vue.js

@@ -3,7 +3,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
-/* empty css                         */
+/* empty css                             */
 import _sfc_main$3 from "../_shared/icons/IconMore.vue.js";
 import _sfc_main$2 from "./Dropdown.vue.js";
 /* empty css              */

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

@@ -56,7 +56,70 @@ declare function __VLS_template(): {
             $attrs: {
                 [x: string]: unknown;
             };
-            $refs: any;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                triggerRef: unknown;
+                popupRef: ({
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        readonly preventFocus?: boolean | undefined;
+                        readonly tag?: string | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import('vue').Slot<any> | undefined;
+                    }>;
+                    $root: import('vue').ComponentPublicInstance | null;
+                    $parent: import('vue').ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: import('vue').ComponentOptionsBase<Readonly<{
+                        preventFocus?: boolean;
+                        tag?: string;
+                    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                        preventFocus: boolean;
+                        tag: string;
+                    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[];
+                        created?: (() => void) | (() => void)[];
+                        beforeMount?: (() => void) | (() => void)[];
+                        mounted?: (() => void) | (() => void)[];
+                        beforeUpdate?: (() => void) | (() => void)[];
+                        updated?: (() => void) | (() => void)[];
+                        activated?: (() => void) | (() => void)[];
+                        deactivated?: (() => void) | (() => void)[];
+                        beforeDestroy?: (() => void) | (() => void)[];
+                        beforeUnmount?: (() => void) | (() => void)[];
+                        destroyed?: (() => void) | (() => void)[];
+                        unmounted?: (() => void) | (() => void)[];
+                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                } & Readonly<{
+                    preventFocus: boolean;
+                    tag: string;
+                }> & Omit<Readonly<{
+                    preventFocus?: boolean;
+                    tag?: string;
+                }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                    $slots: {
+                        default?(_: {}): any;
+                    };
+                }) | null;
+                arrowRef: HTMLDivElement;
+            };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
             }>;
@@ -177,7 +240,7 @@ declare function __VLS_template(): {
             show(): void;
             updatePosition(x: number, y: number): void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: any;
+            $slots: Readonly<import('../Trigger').TriggerSlots> & import('../Trigger').TriggerSlots;
         }) | null;
         optionRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -314,7 +377,70 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
         $attrs: {
             [x: string]: unknown;
         };
-        $refs: any;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            triggerRef: unknown;
+            popupRef: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly preventFocus?: boolean | undefined;
+                    readonly tag?: string | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: string, ...args: any[]) => void;
+                $el: any;
+                $options: import('vue').ComponentOptionsBase<Readonly<{
+                    preventFocus?: boolean;
+                    tag?: string;
+                }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                    preventFocus: boolean;
+                    tag: string;
+                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{
+                preventFocus: boolean;
+                tag: string;
+            }> & Omit<Readonly<{
+                preventFocus?: boolean;
+                tag?: string;
+            }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            }) | null;
+            arrowRef: HTMLDivElement;
+        };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
@@ -435,7 +561,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
         show(): void;
         updatePosition(x: number, y: number): void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: any;
+        $slots: Readonly<import('../Trigger').TriggerSlots> & import('../Trigger').TriggerSlots;
     }) | null;
     optionRef: ({
         $: import('vue').ComponentInternalInstance;

package/es/Dropdown/Dsubmenu.vue2.js

@@ -6,7 +6,7 @@ import { valueToPx } from "../_shared/utils/fn.js";
 import { isBoolean, isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
-/* empty css                         */
+/* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
 import useControlValue from "../_shared/utils/control.js";
 import useContext from "./hooks/useContext.js";

package/es/Dropdown/hooks/useContext.js

@@ -3,7 +3,7 @@ import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import "../../_shared/utils/dom.js";
 import "../../_shared/utils/time.js";
 import "../../Empty/index.js";
-/* empty css                            */
+/* empty css                                */
 import useControlValue from "../../_shared/utils/control.js";
 const DROPDOWN_CONTEXT_KEY = "dropdown-context";
 const useContext = () => {

package/es/Dropdown/index.d.ts

@@ -278,7 +278,70 @@ declare const Dropdown: {
                 $attrs: {
                     [x: string]: unknown;
                 };
-                $refs: any;
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    triggerRef: unknown;
+                    popupRef: ({
+                        $: import('vue').ComponentInternalInstance;
+                        $data: {};
+                        $props: {
+                            readonly preventFocus?: boolean | undefined;
+                            readonly tag?: string | undefined;
+                        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                        $attrs: {
+                            [x: string]: unknown;
+                        };
+                        $refs: {
+                            [x: string]: unknown;
+                        };
+                        $slots: Readonly<{
+                            [name: string]: import('vue').Slot<any> | undefined;
+                        }>;
+                        $root: import('vue').ComponentPublicInstance | null;
+                        $parent: import('vue').ComponentPublicInstance | null;
+                        $host: Element | null;
+                        $emit: (event: string, ...args: any[]) => void;
+                        $el: any;
+                        $options: import('vue').ComponentOptionsBase<Readonly<{
+                            preventFocus?: boolean;
+                            tag?: string;
+                        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                            preventFocus: boolean;
+                            tag: string;
+                        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                            beforeCreate?: (() => void) | (() => void)[];
+                            created?: (() => void) | (() => void)[];
+                            beforeMount?: (() => void) | (() => void)[];
+                            mounted?: (() => void) | (() => void)[];
+                            beforeUpdate?: (() => void) | (() => void)[];
+                            updated?: (() => void) | (() => void)[];
+                            activated?: (() => void) | (() => void)[];
+                            deactivated?: (() => void) | (() => void)[];
+                            beforeDestroy?: (() => void) | (() => void)[];
+                            beforeUnmount?: (() => void) | (() => void)[];
+                            destroyed?: (() => void) | (() => void)[];
+                            unmounted?: (() => void) | (() => void)[];
+                            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                        };
+                        $forceUpdate: () => void;
+                        $nextTick: typeof import('vue').nextTick;
+                        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                    } & Readonly<{
+                        preventFocus: boolean;
+                        tag: string;
+                    }> & Omit<Readonly<{
+                        preventFocus?: boolean;
+                        tag?: string;
+                    }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                        $slots: {
+                            default?(_: {}): any;
+                        };
+                    }) | null;
+                    arrowRef: HTMLDivElement;
+                };
                 $slots: Readonly<{
                     [name: string]: import('vue').Slot<any> | undefined;
                 }>;
@@ -399,7 +462,7 @@ declare const Dropdown: {
                 show(): void;
                 updatePosition(x: number, y: number): void;
             }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: any;
+                $slots: Readonly<import('..').TriggerSlots> & import('..').TriggerSlots;
             }) | null;
             optionRef: ({
                 $: import('vue').ComponentInternalInstance;

package/es/Dropdown/type.d.ts

@@ -1,6 +1,7 @@
 import { ObjectData, PopupContainer, Theme, Size } from '../_shared/type';
 import { TriggerProps, TriggerType } from '../Trigger';
 import { ButtonProps, ButtonType } from '../Button';
+import { VNode } from 'vue';
 export interface DropdownProps {
     popupVisible?: boolean;
     defaultPopupVisible?: boolean;
@@ -19,9 +20,9 @@ export interface DropdownEmits {
     (e: 'select', value: DoptionValue, ev: MouseEvent): void;
 }
 export interface DropdownSlots {
-    default(): void;
-    content(): void;
-    footer(): void;
+    default?: () => VNode[];
+    content?: () => VNode[];
+    footer?: () => VNode[];
 }
 export interface DropdownExpose {
     show(): void;
@@ -34,9 +35,9 @@ export interface DoptionProps {
     isActive?: boolean;
 }
 export interface DoptionSlots {
-    default(): void;
-    icon(): void;
-    suffix(): void;
+    default?: () => VNode[];
+    icon?: () => VNode[];
+    suffix?: () => VNode[];
 }
 export interface DsubmenuProps {
     disabled?: boolean;
@@ -52,16 +53,16 @@ export interface DsubmenuEmits {
     (e: 'popup-visible-change', value: boolean): void;
 }
 export interface DsubmenuSlots {
-    content(): void;
-    default(): void;
-    footer(): void;
+    content?: () => VNode[];
+    default?: () => VNode[];
+    footer?: () => VNode[];
 }
 export interface DgroupProps {
     title?: string;
 }
 export interface DgroupSlots {
-    title(): void;
-    default(): void;
+    title?: () => VNode[];
+    default?: () => VNode[];
 }
 export interface DropdownButtonProps {
     popupVisible?: boolean;
@@ -76,9 +77,9 @@ export interface DropdownButtonProps {
     hideOnSelect?: boolean;
 }
 export interface DropdownButtonSlots {
-    content(): void;
-    default(): void;
-    icon(): void;
+    content?: () => VNode[];
+    default?: () => VNode[];
+    icon?: () => VNode[];
 }
 export type DoptionValue = string | number | boolean | ObjectData;
 export type DropdownPosition = 'top' | 'tr' | 'tl' | 'bottom' | 'br' | 'bl';

package/es/Empty/index.vue2.js

@@ -3,7 +3,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "./index.js";
-/* empty css                         */
+/* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconEmpty.vue.js";
 const _hoisted_1 = { class: "yc-empty" };
 const _hoisted_2 = { class: "yc-empty-image" };

package/es/Empty/type.d.ts

@@ -1,7 +1,8 @@
+import { VNode } from 'vue';
 export interface EmptyProps {
     description?: string;
     imgSrc?: string;
 }
 export interface EmptySlots {
-    image(): void;
+    image?: () => VNode[];
 }

package/es/Grid/Grid.vue2.js

@@ -4,7 +4,7 @@ import { mediaQueryHandler } from "../_shared/utils/dom.js";
 import { valueToPx } from "../_shared/utils/fn.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
-/* empty css                         */
+/* empty css                             */
 import useContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/Grid/GridCol.vue.js

@@ -4,7 +4,7 @@ import { getBreakpointValue } from "../_shared/utils/dom.js";
 import { valueToPx } from "../_shared/utils/fn.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
-/* empty css                         */
+/* empty css                             */
 import useContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/Grid/GridItem.vue.js

@@ -4,7 +4,7 @@ import { getBreakpointValue } from "../_shared/utils/dom.js";
 import { valueToPx } from "../_shared/utils/fn.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
-/* empty css                         */
+/* empty css                             */
 import useContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/Grid/GridRow.vue2.js

@@ -4,7 +4,7 @@ import { mediaQueryHandler } from "../_shared/utils/dom.js";
 import { valueToPx } from "../_shared/utils/fn.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
-/* empty css                         */
+/* empty css                             */
 import useContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/Grid/hooks/useContext.js

@@ -4,7 +4,7 @@ import { getBreakpointValue } from "../../_shared/utils/dom.js";
 import { isArray } from "../../_shared/utils/is.js";
 import "../../_shared/utils/time.js";
 import "../../Empty/index.js";
-/* empty css                            */
+/* empty css                                */
 import { nanoid } from "../../node_modules/nanoid/index.browser.js";
 const GRID_CONTEXT_KEY = "grid-context";
 const useContext = () => {

package/es/Grid/type.d.ts

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

package/es/Icon/index.js

@@ -3,7 +3,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { isServerRendering } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
-/* empty css                         */
+/* empty css                             */
 import _Icon from "./index.vue.js";
 const Icon = Object.assign(_Icon, {
   install: (app) => {

package/es/Icon/index.vue2.js

@@ -5,7 +5,7 @@ import { valueToPx } from "../_shared/utils/fn.js";
 import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
-/* empty css                         */
+/* empty css                             */
 const _hoisted_1 = ["xlinkHref"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/Icon/type.d.ts

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

package/es/Image/Image.vue2.js

@@ -4,7 +4,7 @@ import "../_shared/utils/dom.js";
 import { valueToPx } from "../_shared/utils/fn.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
-/* empty css                         */
+/* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconImageClose.vue.js";
 import useControlValue from "../_shared/utils/control.js";
 import useContext from "./hooks/useContext.js";

package/es/Image/ImagePreview.vue2.js

@@ -5,7 +5,7 @@ import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useControlValue from "../_shared/utils/control.js";
-/* empty css                         */
+/* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconClose.vue.js";
 import { useEventListener, onKeyStroke } from "../node_modules/@vueuse/core/index.js";
 import useModalClose from "../Modal/hooks/useModalClose.js";

package/es/Image/ImagePreviewArrow.vue2.js

@@ -3,7 +3,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
-/* empty css                         */
+/* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ImagePreviewArrow",

package/es/Image/ImagePreviewToolbar.vue2.js

@@ -3,7 +3,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
-/* empty css                         */
+/* empty css                             */
 import _sfc_main$6 from "../_shared/icons/IconFullScreen.vue2.js";
 import _sfc_main$1 from "../_shared/icons/IconOriginSize.vue2.js";
 import _sfc_main$4 from "../_shared/icons/IconRotateLeft.vue2.js";

package/es/Image/hooks/useContext.js

@@ -4,7 +4,7 @@ import "../../_shared/utils/dom.js";
 import "../../_shared/utils/time.js";
 import { findComponentsFromVnodes } from "../../_shared/utils/vue-utils.js";
 import "../../Empty/index.js";
-/* empty css                            */
+/* empty css                                */
 import useControlValue from "../../_shared/utils/control.js";
 import _Image from "../Image.vue.js";
 const IMAGE_CONTEXT_KEY = "image-context";

package/es/Image/type.d.ts

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