yc-design-vue 2.0.2 → 2.0.4

package/es/Mention/index.vue.js

@@ -1,10 +1,6 @@
-import { defineComponent, toRefs, ref, computed, onMounted, createBlock, openBlock, unref, mergeProps, isRef, createSlots, withCtx, renderSlot, nextTick } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
+import { defineComponent, useSlots, toRefs, ref, computed, onMounted, createBlock, openBlock, unref, mergeProps, isRef, createSlots, withCtx, renderSlot, nextTick } from "vue";
 import { isArray, isNull } from "../_shared/utils/is.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";
 import useCursor from "../Input/hooks/useCursor.js";
 import AutoComplete from "../AutoComplete/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -24,6 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:modelValue", "change", "search", "select", "focus", "blur", "clear", "input"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    const $slots = useSlots();
     const props = __props;
     const emits = __emit;
     const {
@@ -165,7 +162,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onBlur: _cache[7] || (_cache[7] = (ev) => handleEvent("blur", ev)),
         onKeydown: _cache[8] || (_cache[8] = (ev) => handleEvent("keydown", ev))
       }), createSlots({ _: 2 }, [
-        _ctx.$slots.option ? {
+        $slots.option ? {
           name: "option",
           fn: withCtx(({ data: data2 }) => [
             renderSlot(_ctx.$slots, "option", { data: data2 })

package/es/Mention/type.d.ts

@@ -1,5 +1,5 @@
-import { SelectOption, OptionValue } from '../Select';
-import { ObjectData } from '../_shared/type';
+import { SelectOption, SelectOptionValue } from '../Select';
+import { RecordType } from '../_shared/type';
 import { VNode } from 'vue';
 export interface MentionProps {
     modelValue?: string;
@@ -7,7 +7,7 @@ export interface MentionProps {
     data?: SelectOption[];
     prefix?: string | string[];
     split?: string;
-    type?: 'input' | 'textarea';
+    type?: MentionType;
     disabled?: boolean;
     allowClear?: boolean;
 }
@@ -15,7 +15,7 @@ export interface MentionEmits {
     (e: 'update:modelValue', value: string): void;
     (e: 'change', value: string): void;
     (e: 'search', value: string): void;
-    (e: 'select', value: OptionValue): void;
+    (e: 'select', value: SelectOptionValue): void;
     (e: 'focus', ev: FocusEvent): void;
     (e: 'blur', ev: FocusEvent): void;
     (e: 'clear', ev: MouseEvent): void;
@@ -27,6 +27,7 @@ export interface MentionExpose {
 }
 export interface MentionSlots {
     option?: (scope: {
-        data: ObjectData;
+        data: RecordType;
     }) => VNode[];
 }
+export type MentionType = 'input' | 'textarea';

package/es/Menu/Menu.vue.d.ts

@@ -9,28 +9,27 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<MenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    collapse: (collapsed: boolean, type: "clickTrigger" | "responsive") => any;
+    collapse: (collapsed: boolean, type: import('..').collapseType) => any;
     "update:selectedKeys": (value: string) => any;
     "update:openKeys": (value: string) => any;
     "update:collapsed": (value: boolean) => any;
     "menu-item-click": (key: string) => any;
     "sub-menu-click": (key: string, openKeys: string[]) => any;
 }, string, import('vue').PublicProps, Readonly<MenuProps> & Readonly<{
-    onCollapse?: ((collapsed: boolean, type: "clickTrigger" | "responsive") => any) | undefined;
+    onCollapse?: ((collapsed: boolean, type: import('..').collapseType) => any) | undefined;
     "onUpdate:selectedKeys"?: ((value: string) => any) | undefined;
     "onUpdate:openKeys"?: ((value: string) => any) | undefined;
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
     "onMenu-item-click"?: ((key: string) => any) | undefined;
     "onSub-menu-click"?: ((key: string, openKeys: string[]) => any) | undefined;
 }>, {
-    mode: import('./type').MenuMode;
+    mode: import('..').Direction;
     triggerProps: import('..').TriggerProps;
-    collapsed: boolean;
-    breakpoint: import('..').BreakpointName;
-    popupMaxHeight: import('./type').PopupMaxHeight;
+    popupMaxHeight: import('..').PopupMaxHeight;
     theme: import('..').Theme;
     levelIndent: number;
     autoOpen: boolean;
+    collapsed: boolean;
     defaultCollapsed: boolean;
     collapsedWidth: number | string;
     accordion: boolean;
@@ -39,6 +38,7 @@ declare const __VLS_component: import('vue').DefineComponent<MenuProps, {}, {},
     defaultSelectedKeys: string;
     openKeys: string[];
     defaultOpenKeys: string[];
+    breakpoint: import('..').BreakpointName;
     tooltipProps: import('..').TooltipProps;
     autoOpenSelected: boolean;
     autoScrollIntoView: boolean;

package/es/Menu/Menu.vue.js

@@ -1,8 +1,5 @@
 import { defineComponent, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, renderSlot, createBlock } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { mediaQueryHandler } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 /* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */

package/es/Menu/MenuEllipsis.vue.js

@@ -1,9 +1,6 @@
 import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, createBlock } from "vue";
 import _sfc_main$2 from "../_shared/icons/IconArrowDown.vue.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 /* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */

package/es/Menu/MenuItem.vue.d.ts

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

package/es/Menu/MenuItem.vue.js

@@ -1,10 +1,7 @@
-import { defineComponent, toRefs, useAttrs, computed, ref, onMounted, createElementBlock, createCommentVNode, unref, openBlock, normalizeClass, createVNode, createBlock, withCtx, createElementVNode, withDirectives, normalizeStyle, renderSlot, vShow, Fragment, renderList, resolveDynamicComponent } from "vue";
+import { defineComponent, useSlots, toRefs, useAttrs, computed, ref, onMounted, createElementBlock, createCommentVNode, unref, openBlock, normalizeClass, createVNode, createBlock, withCtx, createElementVNode, withDirectives, normalizeStyle, renderSlot, vShow, Fragment, renderList, resolveDynamicComponent } from "vue";
 import { createReusableTemplate } from "../node_modules/@vueuse/core/index.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../_shared/utils/dom.js";
 import { isUndefined } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
+import { valueToPx } from "../_shared/utils/dom.js";
 import useMenuContext, { isMenuItemActive, getPopupMaxHeight } from "./hooks/useContext.js";
 import _sfc_main$1 from "./MenuPopOption.vue.js";
 import Dropdown from "../Dropdown/index.js";
@@ -27,6 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean, default: false }
   },
   setup(__props) {
+    const $slots = useSlots();
     const props = __props;
     const { path, disabled } = toRefs(props);
     const { reuse: ReuseTemplate, define: DefineTemplate } = createReusableTemplate();
@@ -151,7 +149,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   height: unref(valueToPx)(unref(levelIndent))
                 })
               }, null, 4)) : createCommentVNode("", true),
-              _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              $slots.icon ? (openBlock(), createElementBlock("div", _hoisted_1, [
                 renderSlot(_ctx.$slots, "icon")
               ])) : createCommentVNode("", true),
               withDirectives(createElementVNode("div", {
@@ -166,7 +164,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ], 2), [
                 [vShow, !unref(computedCollapsed)]
               ]),
-              _ctx.$slots.suffix ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2, [
+              $slots.suffix ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2, [
                 renderSlot(_ctx.$slots, "suffix")
               ], 512)), [
                 [vShow, !unref(computedCollapsed)]
@@ -216,7 +214,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         }, {
           content: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.default)))
+            (openBlock(), createBlock(resolveDynamicComponent($slots.default)))
           ]),
           default: withCtx(() => [
             createVNode(unref(ReuseTemplate))

package/es/Menu/MenuItemGroup.vue.js

@@ -1,8 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, renderSlot, createTextVNode, toDisplayString, normalizeStyle } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 import useMenuContext from "./hooks/useContext.js";
 const _hoisted_1 = { class: "yc-menu-group-title text-ellipsis" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/Menu/SubMenu.vue.d.ts

@@ -1,7 +1,7 @@
-import { SubMenuProps, SubMenuSlots } from './type';
+import { SubMenuProps } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<SubMenuSlots> & SubMenuSlots;
+    slots: any;
     refs: {};
     rootEl: HTMLDivElement;
 };
@@ -9,7 +9,7 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<SubMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SubMenuProps> & Readonly<{}>, {
     title: string;
     path: string;
-    popupMaxHeight: import('./type').PopupMaxHeight;
+    popupMaxHeight: import('..').PopupMaxHeight;
     selectable: boolean;
     popup: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/es/Menu/SubMenu.vue.js

@@ -1,10 +1,7 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createVNode, createSlots, withCtx, renderSlot, createTextVNode, toDisplayString, withDirectives, createElementVNode, vShow } from "vue";
+import { defineComponent, useSlots, createElementBlock, openBlock, normalizeClass, unref, createVNode, createSlots, withCtx, renderSlot, createTextVNode, toDisplayString, withDirectives, createElementVNode, vShow } from "vue";
 import useMenuContext from "./hooks/useContext.js";
 import _sfc_main$2 from "../_shared/icons/IconArrowDown.vue.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 /* empty css                                          */
 import _sfc_main$3 from "../_shared/components/ExpandTransition/index.vue2.js";
 /* empty css                                               */
@@ -26,6 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     popupMaxHeight: { type: [Boolean, Number], default: void 0 }
   },
   setup(__props) {
+    const $slots = useSlots();
     const { mode, theme, computedOpenKeys, computedCollapsed } = useMenuContext().inject();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -51,7 +49,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 2
         }, [
-          _ctx.$slots.icon ? {
+          $slots.icon ? {
             name: "icon",
             fn: withCtx(() => [
               renderSlot(_ctx.$slots, "icon")

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

@@ -1,8 +1,8 @@
 import { Ref, VNode } from 'vue';
 import { TooltipProps } from '../../Tooltip';
 import { TriggerProps } from '../../Trigger';
-import { MenuMode, PopupMaxHeight, MenuEmits } from '../type';
-import { Props } from '../../_shared/type';
+import { MenuEmits } from '../type';
+import { RecordType, PopupMaxHeight, Direction } from '../../_shared/type';
 type MenuContext = {
     computedSelectedKeys: Ref<string>;
     computedOpenKeys: Ref<string[]>;
@@ -11,7 +11,7 @@ type MenuContext = {
     accordion: Ref<boolean>;
     autoOpen: Ref<boolean>;
     autoOpenSelected: Ref<boolean>;
-    mode: Ref<MenuMode>;
+    mode: Ref<Direction>;
     theme: Ref<'light' | 'dark'>;
     autoScrollIntoView: Ref<boolean>;
     scrollConfig: Ref<ScrollIntoViewOptions>;
@@ -38,10 +38,10 @@ export declare function buildMenuTree(flatData: MenuTreeNode[]): MenuTreeNode[];
 export declare function isMenuItemActive(menuTree: MenuTreeNode[], currentPath: string, activePath: string): boolean;
 export declare const getPopupMaxHeight: (popupMaxHeight: PopupMaxHeight) => number | undefined;
 declare const _default: () => {
-    provide: (props: Props, emits: MenuEmits, menuRef: Ref<HTMLDivElement | undefined>) => {
+    provide: (props: RecordType, emits: MenuEmits, menuRef: Ref<HTMLDivElement | undefined>) => {
         theme: import('vue').ComputedRef<import('../../_shared/type').Theme>;
         computedCollapsed: import('vue').WritableComputedRef<boolean, boolean>;
-        breakpoint: Ref<import('../..').BreakpointName, import('../..').BreakpointName>;
+        breakpoint: Ref<import('../../_shared/type').BreakpointName, import('../../_shared/type').BreakpointName>;
         collapsedWidth: import('vue').ComputedRef<string>;
         menuTree: import('vue').ComputedRef<MenuTreeNode[]>;
         max: Ref<number, number>;

package/es/Menu/hooks/useContext.js

@@ -1,13 +1,10 @@
 import { toRefs, computed, useSlots, ref, provide, inject, isVNode } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
-import { throttle, valueToPx } from "../../_shared/utils/dom.js";
-import { isUndefined, isBoolean, isNumber, isObject, isFunction } from "../../_shared/utils/is.js";
-import "../../_shared/utils/time.js";
-import "../../_shared/utils/locale.js";
-import useControlValue from "../../_shared/utils/control.js";
-import "../index.js";
 import { nanoid } from "../../node_modules/nanoid/index.browser.js";
 import { useResizeObserver } from "../../node_modules/@vueuse/core/index.js";
+import { isUndefined, isBoolean, isNumber, isObject, isFunction } from "../../_shared/utils/is.js";
+import { throttle, valueToPx } from "../../_shared/utils/dom.js";
+import { useControlValue } from "../../_shared/utils/control.js";
+import "../index.js";
 import useSiderContext from "../../Layout/hooks/useSiderContext.js";
 import _sfc_main from "../SubMenu.vue.js";
 /* empty css              */
@@ -173,8 +170,8 @@ const useMenuContext = () => {
     const menuTreeNodes = computed(() => {
       var _a;
       return FlattenMenuTree(((_a = slots.default) == null ? void 0 : _a.call(slots)) || [], [
-        _sfc_main.name,
-        _sfc_main$1.name
+        _sfc_main.name ?? "",
+        _sfc_main$1.name ?? ""
       ]);
     });
     const menuItemWidths = ref([]);

package/es/Menu/index.d.ts

@@ -10,28 +10,27 @@ export type MenuItemGroupInstance = InstanceType<typeof _MenuItemGroup>;
 export * from './type';
 declare const Menu: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').MenuProps> & Readonly<{
-        onCollapse?: ((collapsed: boolean, type: "clickTrigger" | "responsive") => any) | undefined;
+        onCollapse?: ((collapsed: boolean, type: import('..').collapseType) => any) | undefined;
         "onUpdate:selectedKeys"?: ((value: string) => any) | undefined;
         "onUpdate:openKeys"?: ((value: string) => any) | undefined;
         "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
         "onMenu-item-click"?: ((key: string) => any) | undefined;
         "onSub-menu-click"?: ((key: string, openKeys: string[]) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        collapse: (collapsed: boolean, type: "clickTrigger" | "responsive") => any;
+        collapse: (collapsed: boolean, type: import('..').collapseType) => any;
         "update:selectedKeys": (value: string) => any;
         "update:openKeys": (value: string) => any;
         "update:collapsed": (value: boolean) => any;
         "menu-item-click": (key: string) => any;
         "sub-menu-click": (key: string, openKeys: string[]) => any;
     }, import('vue').PublicProps, {
-        mode: import('./type').MenuMode;
+        mode: import('..').Direction;
         triggerProps: import('..').TriggerProps;
-        collapsed: boolean;
-        breakpoint: import('..').BreakpointName;
-        popupMaxHeight: import('./type').PopupMaxHeight;
+        popupMaxHeight: import('..').PopupMaxHeight;
         theme: import('..').Theme;
         levelIndent: number;
         autoOpen: boolean;
+        collapsed: boolean;
         defaultCollapsed: boolean;
         collapsedWidth: number | string;
         accordion: boolean;
@@ -40,6 +39,7 @@ declare const Menu: {
         defaultSelectedKeys: string;
         openKeys: string[];
         defaultOpenKeys: string[];
+        breakpoint: import('..').BreakpointName;
         tooltipProps: import('..').TooltipProps;
         autoOpenSelected: boolean;
         autoScrollIntoView: boolean;
@@ -53,21 +53,20 @@ declare const Menu: {
         M: {};
         Defaults: {};
     }, Readonly<import('./type').MenuProps> & Readonly<{
-        onCollapse?: ((collapsed: boolean, type: "clickTrigger" | "responsive") => any) | undefined;
+        onCollapse?: ((collapsed: boolean, type: import('..').collapseType) => any) | undefined;
         "onUpdate:selectedKeys"?: ((value: string) => any) | undefined;
         "onUpdate:openKeys"?: ((value: string) => any) | undefined;
         "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
         "onMenu-item-click"?: ((key: string) => any) | undefined;
         "onSub-menu-click"?: ((key: string, openKeys: string[]) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        mode: import('./type').MenuMode;
+        mode: import('..').Direction;
         triggerProps: import('..').TriggerProps;
-        collapsed: boolean;
-        breakpoint: import('..').BreakpointName;
-        popupMaxHeight: import('./type').PopupMaxHeight;
+        popupMaxHeight: import('..').PopupMaxHeight;
         theme: import('..').Theme;
         levelIndent: number;
         autoOpen: boolean;
+        collapsed: boolean;
         defaultCollapsed: boolean;
         collapsedWidth: number | string;
         accordion: boolean;
@@ -76,6 +75,7 @@ declare const Menu: {
         defaultSelectedKeys: string;
         openKeys: string[];
         defaultOpenKeys: string[];
+        breakpoint: import('..').BreakpointName;
         tooltipProps: import('..').TooltipProps;
         autoOpenSelected: boolean;
         autoScrollIntoView: boolean;
@@ -84,28 +84,27 @@ declare const Menu: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').MenuProps> & Readonly<{
-    onCollapse?: ((collapsed: boolean, type: "clickTrigger" | "responsive") => any) | undefined;
+    onCollapse?: ((collapsed: boolean, type: import('..').collapseType) => any) | undefined;
     "onUpdate:selectedKeys"?: ((value: string) => any) | undefined;
     "onUpdate:openKeys"?: ((value: string) => any) | undefined;
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
     "onMenu-item-click"?: ((key: string) => any) | undefined;
     "onSub-menu-click"?: ((key: string, openKeys: string[]) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    collapse: (collapsed: boolean, type: "clickTrigger" | "responsive") => any;
+    collapse: (collapsed: boolean, type: import('..').collapseType) => any;
     "update:selectedKeys": (value: string) => any;
     "update:openKeys": (value: string) => any;
     "update:collapsed": (value: boolean) => any;
     "menu-item-click": (key: string) => any;
     "sub-menu-click": (key: string, openKeys: string[]) => any;
 }, string, {
-    mode: import('./type').MenuMode;
+    mode: import('..').Direction;
     triggerProps: import('..').TriggerProps;
-    collapsed: boolean;
-    breakpoint: import('..').BreakpointName;
-    popupMaxHeight: import('./type').PopupMaxHeight;
+    popupMaxHeight: import('..').PopupMaxHeight;
     theme: import('..').Theme;
     levelIndent: number;
     autoOpen: boolean;
+    collapsed: boolean;
     defaultCollapsed: boolean;
     collapsedWidth: number | string;
     accordion: boolean;
@@ -114,6 +113,7 @@ declare const Menu: {
     defaultSelectedKeys: string;
     openKeys: string[];
     defaultOpenKeys: string[];
+    breakpoint: import('..').BreakpointName;
     tooltipProps: import('..').TooltipProps;
     autoOpenSelected: boolean;
     autoScrollIntoView: boolean;
@@ -144,13 +144,13 @@ declare const Menu: {
         disabled: boolean;
         path: string;
     }, {}, 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').MenuItemSlots> & import('./type').MenuItemSlots;
+        $slots: any;
     });
     submenu: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').SubMenuProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             title: string;
             path: string;
-            popupMaxHeight: import('./type').PopupMaxHeight;
+            popupMaxHeight: import('..').PopupMaxHeight;
             selectable: boolean;
             popup: boolean;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -163,7 +163,7 @@ declare const Menu: {
         }, Readonly<import('./type').SubMenuProps> & Readonly<{}>, {}, {}, {}, {}, {
             title: string;
             path: string;
-            popupMaxHeight: import('./type').PopupMaxHeight;
+            popupMaxHeight: import('..').PopupMaxHeight;
             selectable: boolean;
             popup: boolean;
         }>;
@@ -173,11 +173,11 @@ declare const Menu: {
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').SubMenuProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         title: string;
         path: string;
-        popupMaxHeight: import('./type').PopupMaxHeight;
+        popupMaxHeight: import('..').PopupMaxHeight;
         selectable: boolean;
         popup: 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').SubMenuSlots> & import('./type').SubMenuSlots;
+        $slots: any;
     });
     group: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').MenuItemGroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {

package/es/Menu/type.d.ts

@@ -1,11 +1,10 @@
-import { BreakpointName } from '../Grid';
 import { TooltipProps } from '../Tooltip';
 import { TriggerProps } from '../Trigger';
-import { Theme } from '../_shared/type';
+import { Theme, BreakpointName, PopupMaxHeight, Direction, collapseType } from '../_shared/type';
 import { VNode } from 'vue';
 export interface MenuProps {
     theme?: Theme;
-    mode?: MenuMode;
+    mode?: Direction;
     levelIndent?: number;
     autoOpen?: boolean;
     collapsed?: boolean;
@@ -29,7 +28,7 @@ export interface MenuEmits {
     (e: 'update:selectedKeys', value: string): void;
     (e: 'update:openKeys', value: string): void;
     (e: 'update:collapsed', value: boolean): void;
-    (e: 'collapse', collapsed: boolean, type: 'clickTrigger' | 'responsive'): void;
+    (e: 'collapse', collapsed: boolean, type: collapseType): void;
     (e: 'menu-item-click', key: string): void;
     (e: 'sub-menu-click', key: string, openKeys: string[]): void;
 }
@@ -65,5 +64,3 @@ export interface MenuItemGroupSlots {
     default?: () => VNode[];
     title?: () => VNode[];
 }
-export type MenuMode = 'vertical' | 'horizontal';
-export type PopupMaxHeight = boolean | number;

package/es/Message/Message.vue.d.ts

@@ -1,15 +1,15 @@
 import { MessageProps } from './type';
 declare const _default: import('vue').DefineComponent<MessageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MessageProps> & Readonly<{}>, {
+    type: import('./type').MessageType;
+    onClose: (id: string | number) => void;
     duration: number;
-    content: import('../_shared/type').RenderContent;
+    content: import('..').RenderContent;
     icon: import('vue').RenderFunction;
-    type: import('./type').MessageType;
     closable: boolean;
-    onClose: (id: string | number) => void;
     id: string;
     showIcon: boolean;
-    isReset: boolean;
     onDestory: (id: string | number) => void;
+    isReset: boolean;
     resetOnHover: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
 export default _default;

package/es/Message/Message.vue.js

@@ -1,12 +1,9 @@
 import { defineComponent, toRefs, watch, onMounted, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, createBlock, resolveDynamicComponent, toDisplayString, createVNode } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
 import { isUndefined } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
 import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
 /* empty css                                          */
+import "../_shared/utils/dom.js";
 /* empty css                                               */
 /* empty css                                   */
 import { useTimeoutFn } from "../node_modules/@vueuse/shared/index.js";

package/es/Message/index.d.ts

@@ -1,20 +1,20 @@
 import { App } from 'vue';
 import { default as _Message } from './Message.vue';
-import { MessageConfig, MessageProps, MessageType, MessagePostion } from './type';
+import { MessageMethod, MessageConfig, MessageProps, MessageType, MessagePostion } from './type';
 export type MessageInstance = InstanceType<typeof _Message>;
 export * from './type';
 declare const Message: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<MessageProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        type: MessageType;
+        onClose: (id: string | number) => void;
         duration: number;
-        content: import('../_shared/type').RenderContent;
+        content: import('..').RenderContent;
         icon: import('vue').RenderFunction;
-        type: MessageType;
         closable: boolean;
-        onClose: (id: string | number) => void;
         id: string;
         showIcon: boolean;
-        isReset: boolean;
         onDestory: (id: string | number) => void;
+        isReset: boolean;
         resetOnHover: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLLIElement, import('vue').ComponentProvideOptions, {
         P: {};
@@ -24,32 +24,32 @@ declare const Message: {
         M: {};
         Defaults: {};
     }, Readonly<MessageProps> & Readonly<{}>, {}, {}, {}, {}, {
+        type: MessageType;
+        onClose: (id: string | number) => void;
         duration: number;
-        content: import('../_shared/type').RenderContent;
+        content: import('..').RenderContent;
         icon: import('vue').RenderFunction;
-        type: MessageType;
         closable: boolean;
-        onClose: (id: string | number) => void;
         id: string;
         showIcon: boolean;
-        isReset: boolean;
         onDestory: (id: string | number) => void;
+        isReset: boolean;
         resetOnHover: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<MessageProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    type: MessageType;
+    onClose: (id: string | number) => void;
     duration: number;
-    content: import('../_shared/type').RenderContent;
+    content: import('..').RenderContent;
     icon: import('vue').RenderFunction;
-    type: MessageType;
     closable: boolean;
-    onClose: (id: string | number) => void;
     id: string;
     showIcon: boolean;
-    isReset: boolean;
     onDestory: (id: string | number) => void;
+    isReset: boolean;
     resetOnHover: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     info: (config: string | MessageConfig) => import('./type').MessageReturn;
@@ -61,9 +61,9 @@ declare const Message: {
     clear: (position: MessagePostion) => import('./type').MessageReturn;
     install: (app: App) => void;
 };
-declare module 'vue' {
+declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {
-        $message: typeof Message;
+        $message: MessageMethod;
     }
 }
 export default Message;

package/es/Message/index.js

@@ -3,11 +3,7 @@ import _sfc_main from "./Message.vue.js";
 /* empty css             */
 import _sfc_main$1 from "./MessageList.vue.js";
 /* empty css                 */
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
 import { isString } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 const container = /* @__PURE__ */ new Map();
 const messageList = reactive({
   top: [],
@@ -80,10 +76,7 @@ const messageMethod = {
 };
 const Message = Object.assign(_sfc_main, {
   install: (app) => {
-    app.config.globalProperties.$message = Object.assign(
-      _sfc_main,
-      messageMethod
-    );
+    app.config.globalProperties.$message = messageMethod;
   },
   ...messageMethod
 });