yc-design-vue 2.0.3 → 2.0.5

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 { unrefElement } from "../node_modules/@vueuse/core/index.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../_shared/utils/dom.js";
+import { defineComponent, useSlots, toRefs, ref, computed, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createVNode, normalizeStyle, normalizeClass, renderSlot, createElementVNode, createElementBlock, createCommentVNode, nextTick } from "vue";
 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";
+import { unrefElement } from "../node_modules/@vueuse/core/index.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.d.ts

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

package/es/Dropdown/hooks/useContext.js

@@ -1,11 +1,7 @@
 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 = () => {
+function useDropdownContext() {
   const provide$1 = (props, emits) => {
     const {
       popupVisible,
@@ -42,7 +38,7 @@ const useContext = () => {
     provide: provide$1,
     inject: inject$1
   };
-};
+}
 export {
-  useContext as default
+  useDropdownContext as default
 };

package/es/Dropdown/index.d.ts

@@ -12,23 +12,23 @@ export type DsubmenuInstance = InstanceType<typeof _Dsubmenu>;
 export * from './type';
 declare const Dropdown: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').DropdownProps> & Readonly<{
+        onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
         "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
         "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
-        onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
     }>, {
         show(): void;
         hide(): void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        select: (value: import('./type').DoptionValue, ev: MouseEvent) => any;
         "update:popupVisible": (value: boolean) => any;
         "popup-visible-change": (value: boolean) => any;
-        select: (value: import('./type').DoptionValue, ev: MouseEvent) => any;
     }, import('vue').PublicProps, {
+        popupContainer: import('..').PopupContainer;
         trigger: import('..').TriggerType;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         alignPoint: boolean;
         position: import('./type').DropdownPosition;
-        popupContainer: import('..').PopupContainer;
         triggerProps: import('..').TriggerProps;
         hideOnSelect: boolean;
         popupMaxHeight: import('..').PopupMaxHeight;
@@ -40,19 +40,19 @@ declare const Dropdown: {
         M: {};
         Defaults: {};
     }, Readonly<import('./type').DropdownProps> & Readonly<{
+        onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
         "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
         "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
-        onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
     }>, {
         show(): void;
         hide(): void;
     }, {}, {}, {}, {
+        popupContainer: import('..').PopupContainer;
         trigger: import('..').TriggerType;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         alignPoint: boolean;
         position: import('./type').DropdownPosition;
-        popupContainer: import('..').PopupContainer;
         triggerProps: import('..').TriggerProps;
         hideOnSelect: boolean;
         popupMaxHeight: import('..').PopupMaxHeight;
@@ -61,28 +61,28 @@ declare const Dropdown: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').DropdownProps> & Readonly<{
+    onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
     "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
     "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
-    onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
 }>, {
     show(): void;
     hide(): void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (value: import('./type').DoptionValue, ev: MouseEvent) => any;
     "update:popupVisible": (value: boolean) => any;
     "popup-visible-change": (value: boolean) => any;
-    select: (value: import('./type').DoptionValue, ev: MouseEvent) => any;
 }, string, {
+    popupContainer: import('..').PopupContainer;
     trigger: import('..').TriggerType;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     alignPoint: boolean;
     position: import('./type').DropdownPosition;
-    popupContainer: import('..').PopupContainer;
     triggerProps: import('..').TriggerProps;
     hideOnSelect: boolean;
     popupMaxHeight: import('..').PopupMaxHeight;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Readonly<import('./type').DropdownSlots> & import('./type').DropdownSlots;
+    $slots: any;
 }) & {
     option: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').DoptionProps> & Readonly<{
@@ -119,7 +119,7 @@ declare const Dropdown: {
         isSubmenu: boolean;
         isActive: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Readonly<import('./type').DoptionSlots> & import('./type').DoptionSlots;
+        $slots: any;
     });
     group: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').DgroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -139,21 +139,21 @@ declare const Dropdown: {
     button: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').DropdownButtonProps> & Readonly<{
             onClick?: ((ev: MouseEvent) => any) | undefined;
-            "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
             onSelect?: ((value: import('./type').DoptionValue) => any) | undefined;
+            "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             click: (ev: MouseEvent) => any;
-            "popup-visible-change": (value: boolean) => any;
             select: (value: import('./type').DoptionValue) => any;
+            "popup-visible-change": (value: boolean) => any;
         }, import('vue').PublicProps, {
             size: import('..').Size;
+            type: import('..').ButtonType;
+            popupContainer: import('..').PopupContainer;
             trigger: import('..').TriggerType;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
             position: import('./type').DropdownPosition;
-            popupContainer: import('..').PopupContainer;
-            type: import('..').ButtonType;
             hideOnSelect: boolean;
             buttonProps: import('..').ButtonProps;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -165,17 +165,17 @@ declare const Dropdown: {
             Defaults: {};
         }, Readonly<import('./type').DropdownButtonProps> & Readonly<{
             onClick?: ((ev: MouseEvent) => any) | undefined;
-            "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
             onSelect?: ((value: import('./type').DoptionValue) => any) | undefined;
+            "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
         }>, {}, {}, {}, {}, {
             size: import('..').Size;
+            type: import('..').ButtonType;
+            popupContainer: import('..').PopupContainer;
             trigger: import('..').TriggerType;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
             position: import('./type').DropdownPosition;
-            popupContainer: import('..').PopupContainer;
-            type: import('..').ButtonType;
             hideOnSelect: boolean;
             buttonProps: import('..').ButtonProps;
         }>;
@@ -184,21 +184,21 @@ declare const Dropdown: {
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').DropdownButtonProps> & Readonly<{
         onClick?: ((ev: MouseEvent) => any) | undefined;
-        "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
         onSelect?: ((value: import('./type').DoptionValue) => any) | undefined;
+        "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         click: (ev: MouseEvent) => any;
-        "popup-visible-change": (value: boolean) => any;
         select: (value: import('./type').DoptionValue) => any;
+        "popup-visible-change": (value: boolean) => any;
     }, string, {
         size: import('..').Size;
+        type: import('..').ButtonType;
+        popupContainer: import('..').PopupContainer;
         trigger: import('..').TriggerType;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
         position: import('./type').DropdownPosition;
-        popupContainer: import('..').PopupContainer;
-        type: import('..').ButtonType;
         hideOnSelect: boolean;
         buttonProps: import('..').ButtonProps;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -332,7 +332,7 @@ declare const Dropdown: {
                     }> & Omit<Readonly<{
                         preventFocus?: boolean;
                         tag?: string;
-                    }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                    }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
                         $slots: {
                             default?(_: {}): any;
                         };
@@ -362,6 +362,8 @@ declare const Dropdown: {
                     show: () => any;
                     hide: () => any;
                 }, string, {
+                    popupContainer: import('..').PopupContainer;
+                    renderToBody: boolean;
                     trigger: import('..').TriggerType;
                     mouseEnterDelay: number;
                     popupVisible: boolean;
@@ -389,8 +391,6 @@ declare const Dropdown: {
                     duration: number;
                     autoFitPopupWidth: boolean;
                     autoFitPopupMinWidth: boolean;
-                    popupContainer: import('..').PopupContainer;
-                    renderToBody: boolean;
                     autoFitPosition: boolean;
                     updateAtScroll: boolean;
                     preventFocus: boolean;
@@ -416,6 +416,8 @@ declare const Dropdown: {
                 $nextTick: typeof import('vue').nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{
+                popupContainer: import('..').PopupContainer;
+                renderToBody: boolean;
                 trigger: import('..').TriggerType;
                 mouseEnterDelay: number;
                 popupVisible: boolean;
@@ -443,8 +445,6 @@ declare const Dropdown: {
                 duration: number;
                 autoFitPopupWidth: boolean;
                 autoFitPopupMinWidth: boolean;
-                popupContainer: import('..').PopupContainer;
-                renderToBody: boolean;
                 autoFitPosition: boolean;
                 updateAtScroll: boolean;
                 preventFocus: boolean;
@@ -454,12 +454,12 @@ declare const Dropdown: {
                 "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
                 onShow?: (() => any) | undefined;
                 onHide?: (() => any) | undefined;
-            }>, "show" | "hide" | ("trigger" | "mouseEnterDelay" | "popupVisible" | "defaultPopupVisible" | "clickToClose" | "blurToClose" | "clickOutsideToClose" | "mouseLeaveDelay" | "focusDelay" | "disabled" | "scrollToCloseDistance" | "scrollToClose" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "popupContainer" | "renderToBody" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
+            }>, "show" | "hide" | ("popupContainer" | "renderToBody" | "trigger" | "mouseEnterDelay" | "popupVisible" | "defaultPopupVisible" | "clickToClose" | "blurToClose" | "clickOutsideToClose" | "mouseLeaveDelay" | "focusDelay" | "disabled" | "scrollToCloseDistance" | "scrollToClose" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
                 hide(): void;
                 show(): void;
                 updatePosition(x: number, y: number): void;
-            }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: Readonly<import('..').TriggerSlots> & import('..').TriggerSlots;
+            }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+                $slots: any;
             }) | null;
             optionRef: ({
                 $: import('vue').ComponentInternalInstance;
@@ -519,8 +519,8 @@ declare const Dropdown: {
                 isActive: boolean;
             }> & Omit<Readonly<import('./type').DoptionProps> & Readonly<{
                 onClick?: ((ev: MouseEvent) => any) | undefined;
-            }>, "disabled" | "isSubmenu" | "isActive"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: Readonly<import('./type').DoptionSlots> & import('./type').DoptionSlots;
+            }>, "disabled" | "isSubmenu" | "isActive"> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+                $slots: any;
             }) | null;
         }, any, import('vue').ComponentProvideOptions, {
             P: {};
@@ -565,7 +565,7 @@ declare const Dropdown: {
         triggerProps: import('..').TriggerProps;
         popupMaxHeight: import('..').PopupMaxHeight;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Readonly<import('./type').DsubmenuSlots> & import('./type').DsubmenuSlots;
+        $slots: any;
     });
     install: (app: App) => void;
 };

package/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,9 +1,6 @@
 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";
+import useGridContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Grid"
@@ -18,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const { breakpoint, cols, rowGap, colGap } = useContext().provide(props);
+    const { breakpoint, cols, rowGap, colGap } = useGridContext().provide(props);
     mediaQueryHandler((name) => {
       breakpoint.value = name;
     });

package/es/Grid/GridCol.vue.js

@@ -1,10 +1,7 @@
 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";
+import useGridContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Col"
@@ -19,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { span, order, offset, flex } = toRefs(props);
-    const { gutter, div, breakpoint } = useContext().inject();
+    const { gutter, div, breakpoint } = useGridContext().inject();
     const style = computed(() => {
       const curFlex = getBreakpointValue(breakpoint.value, flex.value);
       const curSpan = getBreakpointValue(

package/es/Grid/GridItem.vue.js

@@ -1,9 +1,6 @@
 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";
+import useGridContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "GridItem"
@@ -25,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       spanMap,
       breakpoint,
       collectSpan
-    } = useContext().inject();
+    } = useGridContext().inject();
     const offset = computed(() => {
       return getBreakpointValue(breakpoint.value, _offset.value);
     });

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,9 +1,6 @@
 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";
+import useGridContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Row"
@@ -19,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { div, wrap, justify, align } = toRefs(props);
-    const { breakpoint, gutter } = useContext().provide(props);
+    const { breakpoint, gutter } = useGridContext().provide(props);
     mediaQueryHandler((name) => {
       breakpoint.value = name;
     });

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

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

package/es/Grid/hooks/useContext.js

@@ -1,12 +1,9 @@
 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 = () => {
+function useGridContext() {
   const provide$1 = (props) => {
     const {
       gutter: _gutter = ref(0),
@@ -89,8 +86,8 @@ const useContext = () => {
     provide: provide$1,
     inject: inject$1
   };
-};
+}
 export {
   GRID_CONTEXT_KEY,
-  useContext as default
+  useGridContext as default
 };