yc-design-vue 2.0.3 → 2.0.4

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

@@ -1,8 +1,8 @@
 import { nextTick } from 'vue';
-import { DsubmenuProps, DsubmenuSlots } from './index';
+import { DsubmenuProps } from './index';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<DsubmenuSlots> & DsubmenuSlots;
+    slots: any;
     refs: {
         triggerRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -113,7 +113,7 @@ declare function __VLS_template(): {
                 }> & 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;
                     };
@@ -143,6 +143,8 @@ declare function __VLS_template(): {
                 show: () => any;
                 hide: () => any;
             }, string, {
+                popupContainer: import('..').PopupContainer;
+                renderToBody: boolean;
                 trigger: import('../Trigger').TriggerType;
                 mouseEnterDelay: number;
                 popupVisible: boolean;
@@ -170,8 +172,6 @@ declare function __VLS_template(): {
                 duration: number;
                 autoFitPopupWidth: boolean;
                 autoFitPopupMinWidth: boolean;
-                popupContainer: import('..').PopupContainer;
-                renderToBody: boolean;
                 autoFitPosition: boolean;
                 updateAtScroll: boolean;
                 preventFocus: boolean;
@@ -197,6 +197,8 @@ declare function __VLS_template(): {
             $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
+            popupContainer: import('..').PopupContainer;
+            renderToBody: boolean;
             trigger: import('../Trigger').TriggerType;
             mouseEnterDelay: number;
             popupVisible: boolean;
@@ -224,8 +226,6 @@ declare function __VLS_template(): {
             duration: number;
             autoFitPopupWidth: boolean;
             autoFitPopupMinWidth: boolean;
-            popupContainer: import('..').PopupContainer;
-            renderToBody: boolean;
             autoFitPosition: boolean;
             updateAtScroll: boolean;
             preventFocus: boolean;
@@ -235,12 +235,12 @@ declare function __VLS_template(): {
             "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('../Trigger').TriggerSlots> & import('../Trigger').TriggerSlots;
+        }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+            $slots: any;
         }) | null;
         optionRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -300,8 +300,8 @@ declare function __VLS_template(): {
             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;
     };
     rootEl: any;
@@ -434,7 +434,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
             }> & 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;
                 };
@@ -464,6 +464,8 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
             show: () => any;
             hide: () => any;
         }, string, {
+            popupContainer: import('..').PopupContainer;
+            renderToBody: boolean;
             trigger: import('../Trigger').TriggerType;
             mouseEnterDelay: number;
             popupVisible: boolean;
@@ -491,8 +493,6 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
             duration: number;
             autoFitPopupWidth: boolean;
             autoFitPopupMinWidth: boolean;
-            popupContainer: import('..').PopupContainer;
-            renderToBody: boolean;
             autoFitPosition: boolean;
             updateAtScroll: boolean;
             preventFocus: boolean;
@@ -518,6 +518,8 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
+        popupContainer: import('..').PopupContainer;
+        renderToBody: boolean;
         trigger: import('../Trigger').TriggerType;
         mouseEnterDelay: number;
         popupVisible: boolean;
@@ -545,8 +547,6 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
         duration: number;
         autoFitPopupWidth: boolean;
         autoFitPopupMinWidth: boolean;
-        popupContainer: import('..').PopupContainer;
-        renderToBody: boolean;
         autoFitPosition: boolean;
         updateAtScroll: boolean;
         preventFocus: boolean;
@@ -556,12 +556,12 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
         "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('../Trigger').TriggerSlots> & import('../Trigger').TriggerSlots;
+    }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+        $slots: any;
     }) | null;
     optionRef: ({
         $: import('vue').ComponentInternalInstance;
@@ -621,8 +621,8 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
         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>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/es/Dropdown/Dsubmenu.vue.js

@@ -1,12 +1,9 @@
-import { defineComponent, toRefs, ref, computed, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createVNode, normalizeStyle, normalizeClass, renderSlot, createElementVNode, createElementBlock, createCommentVNode, nextTick } from "vue";
+import { defineComponent, useSlots, toRefs, ref, computed, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createVNode, normalizeStyle, normalizeClass, renderSlot, createElementVNode, createElementBlock, createCommentVNode, nextTick } from "vue";
 import { unrefElement } from "../node_modules/@vueuse/core/index.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../_shared/utils/dom.js";
 import { isBoolean, isUndefined } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
-import useControlValue from "../_shared/utils/control.js";
-/* empty css                                         */
+import { valueToPx } from "../_shared/utils/dom.js";
+import { useControlValue } from "../_shared/utils/control.js";
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconArrowRight.vue.js";
@@ -39,6 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:popupVisible", "popup-visible-change"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    const $slots = useSlots();
     const props = __props;
     const emits = __emit;
     const {
@@ -122,7 +120,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 3
             }, 8, ["style"]),
-            _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            $slots.footer ? (openBlock(), createElementBlock("div", _hoisted_3, [
               renderSlot(_ctx.$slots, "footer")
             ])) : createCommentVNode("", true)
           ])

package/es/Dropdown/hooks/useContext.js

@@ -1,9 +1,5 @@
 import { toRefs, provide, inject } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
-import "../../_shared/utils/dom.js";
-import "../../_shared/utils/time.js";
-import "../../_shared/utils/locale.js";
-import useControlValue from "../../_shared/utils/control.js";
+import { useControlValue } from "../../_shared/utils/control.js";
 const DROPDOWN_CONTEXT_KEY = "dropdown-context";
 const useContext = () => {
   const provide$1 = (props, emits) => {

package/es/Dropdown/index.d.ts

@@ -23,12 +23,12 @@ declare const Dropdown: {
         "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;
@@ -47,12 +47,12 @@ declare const Dropdown: {
         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;
@@ -72,17 +72,17 @@ declare const Dropdown: {
     "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, {
@@ -147,13 +147,13 @@ declare const Dropdown: {
             select: (value: import('./type').DoptionValue) => 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, {
@@ -169,13 +169,13 @@ declare const Dropdown: {
             onSelect?: ((value: import('./type').DoptionValue) => 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;
         }>;
@@ -192,13 +192,13 @@ declare const Dropdown: {
         select: (value: import('./type').DoptionValue) => 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/es/Empty/index.vue.js

@@ -1,9 +1,7 @@
 import { defineComponent, toRefs, createElementBlock, openBlock, createElementVNode, renderSlot, createCommentVNode, createVNode, unref, createTextVNode, toDisplayString } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
 import { useI18n } from "../_shared/utils/locale.js";
-/* empty css                                         */
+import "../_shared/utils/dom.js";
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconEmpty.vue.js";

package/es/Grid/Grid.vue.js

@@ -1,8 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, normalizeStyle, unref, renderSlot } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { mediaQueryHandler, valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/Grid/GridCol.vue.js

@@ -1,9 +1,6 @@
 import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { getBreakpointValue, valueToPx } from "../_shared/utils/dom.js";
 import { isString } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/Grid/GridItem.vue.js

@@ -1,8 +1,5 @@
 import { defineComponent, toRefs, computed, withDirectives, createElementBlock, openBlock, normalizeStyle, renderSlot, vShow } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { getBreakpointValue, valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/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/es/Grid/GridRow.vue.js

@@ -1,8 +1,5 @@
 import { defineComponent, toRefs, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { mediaQueryHandler, valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/Grid/hooks/useContext.js

@@ -1,10 +1,7 @@
 import { toRefs, ref, reactive, computed, provide, inject, watchEffect, onBeforeUnmount } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
-import { getBreakpointValue } from "../../_shared/utils/dom.js";
-import { isArray } from "../../_shared/utils/is.js";
-import "../../_shared/utils/time.js";
-import "../../_shared/utils/locale.js";
 import { nanoid } from "../../node_modules/nanoid/index.browser.js";
+import { isArray } from "../../_shared/utils/is.js";
+import { getBreakpointValue } from "../../_shared/utils/dom.js";
 const GRID_CONTEXT_KEY = "grid-context";
 const useContext = () => {
   const provide$1 = (props) => {

package/es/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/es/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/es/Image/Image.vue.js

@@ -1,10 +1,8 @@
-import { defineComponent, toRefs, ref, watch, createElementBlock, openBlock, normalizeStyle, unref, createElementVNode, createBlock, createCommentVNode, mergeProps, isRef, createSlots, withCtx, renderSlot, createVNode, toDisplayString, normalizeClass } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { defineComponent, useSlots, toRefs, ref, watch, createElementBlock, openBlock, normalizeStyle, unref, createElementVNode, createBlock, createCommentVNode, mergeProps, isRef, createSlots, withCtx, renderSlot, createVNode, toDisplayString, normalizeClass } from "vue";
+import { useControlValue } from "../_shared/utils/control.js";
 import { valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
 import { useI18n } from "../_shared/utils/locale.js";
-import useControlValue from "../_shared/utils/control.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconImageClose.vue.js";
@@ -58,6 +56,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:previewVisible", "preview-visible-change"],
   setup(__props, { emit: __emit }) {
+    const $slots = useSlots();
     const props = __props;
     const emits = __emit;
     const { src, preview, previewVisible, defaultPreviewVisible } = toRefs(props);
@@ -126,7 +125,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => isRef(computedVisible) ? computedVisible.value = $event : null),
           src: unref(src)
         }, _ctx.previewProps), createSlots({ _: 2 }, [
-          _ctx.$slots["preview-actions"] ? {
+          $slots["preview-actions"] ? {
             name: "actions",
             fn: withCtx(() => [
               renderSlot(_ctx.$slots, "preview-actions")
@@ -134,7 +133,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: "0"
           } : void 0
         ]), 1040, ["visible", "src"])) : createCommentVNode("", true),
-        (_ctx.showLoader || _ctx.$slots.loader) && loading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        (_ctx.showLoader || $slots.loader) && loading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
             renderSlot(_ctx.$slots, "loader", {}, () => [
               createVNode(unref(Spin), {
@@ -156,7 +155,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           ])
         ])) : createCommentVNode("", true),
-        !_ctx.hideFooter && (_ctx.title || _ctx.description || _ctx.$slots.extra) ? (openBlock(), createElementBlock("div", {
+        !_ctx.hideFooter && (_ctx.title || _ctx.description || $slots.extra) ? (openBlock(), createElementBlock("div", {
           key: 3,
           class: normalizeClass([
             "yc-image-footer",
@@ -174,7 +173,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               title: _ctx.description
             }, toDisplayString(_ctx.description), 9, _hoisted_10)
           ]),
-          _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_11, [
+          $slots.extra ? (openBlock(), createElementBlock("div", _hoisted_11, [
             renderSlot(_ctx.$slots, "extra")
           ])) : createCommentVNode("", true)
         ], 2)) : createCommentVNode("", true)

package/es/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/es/Image/ImagePreview.vue.js

@@ -1,15 +1,12 @@
-import { defineComponent, toRefs, ref, createBlock, openBlock, Teleport, unref, createElementBlock, createCommentVNode, normalizeStyle, normalizeClass, createVNode, Transition, withCtx, withDirectives, createElementVNode, vShow, withModifiers, renderSlot, createSlots } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { defineComponent, useSlots, toRefs, ref, createBlock, openBlock, Teleport, unref, createElementBlock, createCommentVNode, normalizeStyle, normalizeClass, createVNode, Transition, withCtx, withDirectives, createElementVNode, vShow, withModifiers, renderSlot, createSlots } from "vue";
+import { useEventListener, onKeyStroke } from "../node_modules/@vueuse/core/index.js";
 import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import { getGlobalConfig } from "../_shared/utils/global-config.js";
-import "../_shared/utils/locale.js";
-import useControlValue from "../_shared/utils/control.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconClose.vue.js";
-import { useEventListener, onKeyStroke } from "../node_modules/@vueuse/core/index.js";
+import { useControlValue } from "../_shared/utils/control.js";
+import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useModalClose from "../Modal/hooks/useModalClose.js";
 import _sfc_main$1 from "./ImagePreviewToolbar.vue.js";
 /* empty css                         */
@@ -44,6 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:visible", "close"],
   setup(__props, { emit: __emit }) {
+    const $slots = useSlots();
     const props = __props;
     const emits = __emit;
     const {
@@ -184,7 +182,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   actionsLayout: _ctx.actionsLayout,
                   onClick: handleAction
                 }, createSlots({ _: 2 }, [
-                  _ctx.$slots.actions ? {
+                  $slots.actions ? {
                     name: "actions",
                     fn: withCtx(() => [
                       renderSlot(_ctx.$slots, "actions")