yc-design-vue 1.4.3 → 1.4.5

package/es/Breadcrumb/BreadcrumbSeparator.vue2.js

@@ -5,7 +5,7 @@ import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-import _sfc_main$1 from "../_shared/icons/IconSeparator.vue.js";
+import _sfc_main$1 from "../_shared/icons/IconSeparator.vue2.js";
 const _hoisted_1 = { class: "yc-breadcrumb-item-separator" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BreadcrumbSeparator",

package/es/Calendar/Calendar.vue.d.ts

@@ -20,8 +20,8 @@ declare const __VLS_component: import('vue').DefineComponent<CalendarProps, {},
     mode: CalendarMode;
     modelValue: Date;
     defaultValue: Date;
-    defaultMode: CalendarMode;
     modes: CalendarMode[];
+    defaultMode: CalendarMode;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/es/Calendar/index.d.ts

@@ -17,8 +17,8 @@ declare const Calendar: {
         mode: import('./type').CalendarMode;
         modelValue: Date;
         defaultValue: Date;
-        defaultMode: import('./type').CalendarMode;
         modes: import('./type').CalendarMode[];
+        defaultMode: import('./type').CalendarMode;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -35,8 +35,8 @@ declare const Calendar: {
         mode: import('./type').CalendarMode;
         modelValue: Date;
         defaultValue: Date;
-        defaultMode: import('./type').CalendarMode;
         modes: import('./type').CalendarMode[];
+        defaultMode: import('./type').CalendarMode;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -55,8 +55,8 @@ declare const Calendar: {
     mode: import('./type').CalendarMode;
     modelValue: Date;
     defaultValue: Date;
-    defaultMode: import('./type').CalendarMode;
     modes: import('./type').CalendarMode[];
+    defaultMode: import('./type').CalendarMode;
 }, {}, 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').CalendarSlots> & import('./type').CalendarSlots;
 }) & {

package/es/Collapse/Collapse.vue.d.ts

@@ -14,9 +14,9 @@ declare const __VLS_component: import('vue').DefineComponent<CollapseProps, {},
     "onUpdate:activekey"?: ((value: import('./type').CollapseValue) => any) | undefined;
 }>, {
     bordered: boolean;
+    accordion: boolean;
     activeKey: import('./type').CollapseValue[];
     defaultActiveKey: import('./type').CollapseValue[];
-    accordion: boolean;
     expandIconPosition: import('./type').ExpandIconPosition;
     showExpandIcon: boolean;
     destroyOnHide: boolean;

package/es/Collapse/index.d.ts

@@ -13,9 +13,9 @@ declare const Collapse: {
         "update:activekey": (value: import('./type').CollapseValue) => any;
     }, import('vue').PublicProps, {
         bordered: boolean;
+        accordion: boolean;
         activeKey: import('./type').CollapseValue[];
         defaultActiveKey: import('./type').CollapseValue[];
-        accordion: boolean;
         expandIconPosition: import('./type').ExpandIconPosition;
         showExpandIcon: boolean;
         destroyOnHide: boolean;
@@ -31,9 +31,9 @@ declare const Collapse: {
         "onUpdate:activekey"?: ((value: import('./type').CollapseValue) => any) | undefined;
     }>, {}, {}, {}, {}, {
         bordered: boolean;
+        accordion: boolean;
         activeKey: import('./type').CollapseValue[];
         defaultActiveKey: import('./type').CollapseValue[];
-        accordion: boolean;
         expandIconPosition: import('./type').ExpandIconPosition;
         showExpandIcon: boolean;
         destroyOnHide: boolean;
@@ -49,9 +49,9 @@ declare const Collapse: {
     "update:activekey": (value: import('./type').CollapseValue) => any;
 }, string, {
     bordered: boolean;
+    accordion: boolean;
     activeKey: import('./type').CollapseValue[];
     defaultActiveKey: import('./type').CollapseValue[];
-    accordion: boolean;
     expandIconPosition: import('./type').ExpandIconPosition;
     showExpandIcon: boolean;
     destroyOnHide: boolean;

package/es/ColorPicker/ColorPicker.vue.d.ts

@@ -22,13 +22,13 @@ declare const __VLS_component: import('vue').DefineComponent<ColorPickerProps, {
     modelValue: string;
     defaultValue: string;
     triggerProps: import('../Trigger').TriggerProps;
+    hideTrigger: boolean;
     format: import('./type').ColorFormat;
     disabledAlpha: boolean;
     showHistory: boolean;
     showPreset: boolean;
     historyColors: string[];
     presetColors: string[];
-    hideTrigger: boolean;
     showText: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/es/ColorPicker/index.d.ts

@@ -17,13 +17,13 @@ declare const ColorPicker: {
         modelValue: string;
         defaultValue: string;
         triggerProps: import('..').TriggerProps;
+        hideTrigger: boolean;
         format: import('./type').ColorFormat;
         disabledAlpha: boolean;
         showHistory: boolean;
         showPreset: boolean;
         historyColors: string[];
         presetColors: string[];
-        hideTrigger: boolean;
         showText: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -42,13 +42,13 @@ declare const ColorPicker: {
         modelValue: string;
         defaultValue: string;
         triggerProps: import('..').TriggerProps;
+        hideTrigger: boolean;
         format: import('./type').ColorFormat;
         disabledAlpha: boolean;
         showHistory: boolean;
         showPreset: boolean;
         historyColors: string[];
         presetColors: string[];
-        hideTrigger: boolean;
         showText: boolean;
     }>;
     __isFragment?: never;
@@ -68,13 +68,13 @@ declare const ColorPicker: {
     modelValue: string;
     defaultValue: string;
     triggerProps: import('..').TriggerProps;
+    hideTrigger: boolean;
     format: import('./type').ColorFormat;
     disabledAlpha: boolean;
     showHistory: boolean;
     showPreset: boolean;
     historyColors: string[];
     presetColors: string[];
-    hideTrigger: boolean;
     showText: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

package/es/Dropdown/Dgroup.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./Dgroup.vue2.js";
 /* empty css            */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const Dgroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-28066848"]]);
+const Dgroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9647daa0"]]);
 export {
   Dgroup as default
 };

package/es/Dropdown/Dgroup.vue2.js

@@ -1,5 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, renderSlot, normalizeClass, unref, createTextVNode, toDisplayString } from "vue";
-import useContext from "./hooks/useContext.js";
+import useMenuContext from "../Menu/hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Dgroup"
@@ -9,7 +9,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     title: {}
   },
   setup(__props) {
-    const { theme } = useContext().inject();
+    const { theme } = useMenuContext().inject();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("div", {

package/es/Dropdown/Doption.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./Doption.vue2.js";
 /* empty css             */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const Doption = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-05a4bb68"]]);
+const Doption = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4d0a3b0c"]]);
 export {
   Doption as default
 };

package/es/Dropdown/Doption.vue2.js

@@ -1,5 +1,6 @@
 import { defineComponent, toRefs, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, renderSlot } from "vue";
 import useContext from "./hooks/useContext.js";
+import useMenuContext from "../Menu/hooks/useContext.js";
 const _hoisted_1 = {
   key: 0,
   class: "yc-dropdown-option-icon"
@@ -25,7 +26,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const { value: optionValue, disabled, isSubmenu } = toRefs(props);
-    const { select, theme } = useContext().inject();
+    const { select } = useContext().inject();
+    const { theme } = useMenuContext().inject();
     const handleClick = (ev) => {
       if (disabled.value) return;
       emits("click", ev);

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

@@ -26,7 +26,6 @@ declare const __VLS_component: import('vue').DefineComponent<DropdownProps, {
     popupContainer: import('..').PopupContainer;
     triggerProps: import('../Trigger').TriggerProps;
     hideOnSelect: boolean;
-    theme: import('..').Theme;
     popupMaxHeight: number | boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/es/Dropdown/Dropdown.vue.js

@@ -6,6 +6,7 @@ import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
 import useContext from "./hooks/useContext.js";
+import useMenuContext from "../Menu/hooks/useContext.js";
 import Trigger from "../Trigger/index.js";
 import Scrollbar from "../Scrollbar/index.js";
 const _hoisted_1 = { class: "yc-dropdown" };
@@ -30,8 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     triggerProps: { default: () => {
       return {};
     } },
-    popupMaxHeight: { type: [Number, Boolean], default: 200 },
-    theme: { default: "light" }
+    popupMaxHeight: { type: [Number, Boolean], default: 200 }
   },
   emits: ["update:popupVisible", "popup-visible-change", "select"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -43,6 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       popupMaxHeight: _popupMaxHeight
     } = toRefs(props);
     const { computedVisible } = useContext().provide(props, emits);
+    const { theme } = useMenuContext().inject();
     const position = computed(() => {
       return ["top", "tl", "tr", "bottom", "bl", "br"].includes(_position.value) ? _position.value : "bottom";
     });
@@ -73,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "mouse-leave-delay": 150,
         alignPoint: _ctx.alignPoint,
         "auto-fit-popup-min-width": !_ctx.alignPoint && ["top", "bottom"].includes(position.value),
-        class: ["yc-dropdown-popup", , `yc-dropdown-theme-${_ctx.theme}`, _ctx.$attrs.class],
+        class: ["yc-dropdown-popup", , `yc-dropdown-theme-${unref(theme)}`, _ctx.$attrs.class],
         style: _ctx.$attrs.style,
         "animation-name": "slide-dynamic-origin",
         "need-transform-origin": ""

package/es/Dropdown/Dsubmenu.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./Dsubmenu.vue2.js";
 /* empty css              */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const Dsubmenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7a40c502"]]);
+const Dsubmenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6ea1704e"]]);
 export {
   Dsubmenu as default
 };

package/es/Dropdown/Dsubmenu.vue2.js

@@ -8,7 +8,7 @@ import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
 import useControlValue from "../_shared/utils/control.js";
-import useContext from "./hooks/useContext.js";
+import useMenuContext from "../Menu/hooks/useContext.js";
 import "./index.js";
 import Trigger from "../Trigger/index.js";
 import Scrollbar from "../Scrollbar/index.js";
@@ -45,7 +45,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       position: _position,
       popupMaxHeight: _popupMaxHeight
     } = toRefs(props);
-    const { theme } = useContext().inject();
+    const { theme } = useMenuContext().inject();
     const computedVisible = useControlValue(
       popupVisible,
       defaultPopupVisible.value,
@@ -130,7 +130,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(unref(Doption), {
             disabled: _ctx.disabled,
-            theme: unref(theme),
             class: normalizeClass(_ctx.$attrs.class),
             style: normalizeStyle(_ctx.$attrs.style),
             "is-submenu": "",
@@ -144,7 +143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "default", {}, void 0, true)
             ]),
             _: 3
-          }, 8, ["disabled", "theme", "class", "style"])
+          }, 8, ["disabled", "class", "style"])
         ]),
         _: 3
       }, 16, ["popup-visible", "trigger", "position", "disabled"]);

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

@@ -1,8 +1,6 @@
-import { Ref } from 'vue';
 import { DoptionValue, DropdownEmits } from '../type';
-import { Props, Theme } from '../../_shared/type';
+import { Props } from '../../_shared/type';
 type DropdownContext = {
-    theme: Ref<Theme>;
     select: (value: DoptionValue, ev: MouseEvent) => void;
 };
 declare const _default: () => {

package/es/Dropdown/hooks/useContext.js

@@ -1,4 +1,4 @@
-import { toRefs, provide, inject, ref } from "vue";
+import { toRefs, provide, inject } from "vue";
 import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import "../../_shared/utils/dom.js";
 import "../../_shared/utils/time.js";
@@ -12,7 +12,6 @@ const useContext = () => {
       popupVisible,
       defaultPopupVisible,
       hideOnSelect,
-      theme,
       position: _position
     } = toRefs(props);
     const computedVisible = useControlValue(
@@ -24,7 +23,6 @@ const useContext = () => {
       }
     );
     provide(DROPDOWN_CONTEXT_KEY, {
-      theme,
       select: (value, ev) => {
         emits("select", value, ev);
         if (!hideOnSelect.value) return;
@@ -37,7 +35,6 @@ const useContext = () => {
   };
   const inject$1 = () => {
     return inject(DROPDOWN_CONTEXT_KEY, {
-      theme: ref("light"),
       select: () => {
       }
     });

package/es/Dropdown/index.d.ts

@@ -31,7 +31,6 @@ declare const Dropdown: {
         popupContainer: import('..').PopupContainer;
         triggerProps: import('..').TriggerProps;
         hideOnSelect: boolean;
-        theme: import('..').Theme;
         popupMaxHeight: number | boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -56,7 +55,6 @@ declare const Dropdown: {
         popupContainer: import('..').PopupContainer;
         triggerProps: import('..').TriggerProps;
         hideOnSelect: boolean;
-        theme: import('..').Theme;
         popupMaxHeight: number | boolean;
     }>;
     __isFragment?: never;
@@ -82,7 +80,6 @@ declare const Dropdown: {
     popupContainer: import('..').PopupContainer;
     triggerProps: import('..').TriggerProps;
     hideOnSelect: boolean;
-    theme: import('..').Theme;
     popupMaxHeight: number | 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').DropdownSlots> & import('./type').DropdownSlots;

package/es/Dropdown/type.d.ts

@@ -1,4 +1,4 @@
-import { ObjectData, PopupContainer, Theme, Size } from '../_shared/type';
+import { ObjectData, PopupContainer, Size } from '../_shared/type';
 import { TriggerProps, TriggerType } from '../Trigger';
 import { ButtonProps, ButtonType } from '../Button';
 import { VNode } from 'vue';
@@ -12,7 +12,6 @@ export interface DropdownProps {
     alignPoint?: boolean;
     triggerProps?: TriggerProps;
     popupMaxHeight?: number | boolean;
-    theme?: Theme;
 }
 export interface DropdownEmits {
     (e: 'update:popupVisible', value: boolean): void;

package/es/Layout/LayoutSider.vue.d.ts

@@ -19,11 +19,11 @@ declare const __VLS_component: import('vue').DefineComponent<LayoutSiderProps, {
     collapsed: boolean;
     breakpoint: import('..').BreakpointName;
     theme: import('..').Theme;
-    hideTrigger: boolean;
     defaultCollapsed: boolean;
-    collapsible: boolean;
     collapsedWidth: number;
+    collapsible: boolean;
     reverseArrow: boolean;
+    hideTrigger: boolean;
     resizeDirections: import('./type').ResizeDirections;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/es/Layout/LayoutSider.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./LayoutSider.vue2.js";
 /* empty css                 */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const LayoutSider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-36d02bbe"]]);
+const LayoutSider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d230ef01"]]);
 export {
   LayoutSider as default
 };

package/es/Layout/LayoutSider.vue2.js

@@ -13,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   __name: "LayoutSider",
   props: {
-    theme: { default: "light" },
+    theme: { default: void 0 },
     collapsed: { type: Boolean, default: void 0 },
     defaultCollapsed: { type: Boolean, default: false },
     collapsible: { type: Boolean, default: false },
@@ -29,8 +29,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:collapsed", "collapse", "breakpoint"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "72f002a1": computedWidth.value,
-      "216762c7": collapsedWidth.value
+      "0a49ed96": computedWidth.value,
+      "754ad672": collapsedWidth.value
     }));
     const props = __props;
     const emits = __emit;
@@ -38,11 +38,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       collapsible,
       breakpoint,
       hideTrigger,
-      theme,
       width: _width,
       collapsedWidth: _collapsedWidth
     } = toRefs(props);
-    const { computedCollapsed } = useSiderContext().provide(props, emits);
+    const { theme, computedCollapsed } = useSiderContext().provide(props, emits);
     const asideWidth = ref(_width.value);
     const computedWidth = computed(() => valueToPx(asideWidth.value));
     const collapsedWidth = computed(() => valueToPx(_collapsedWidth.value));

package/es/Layout/hooks/useSiderContext.d.ts

@@ -8,6 +8,7 @@ export type LayoutContext = {
 };
 declare const _default: () => {
     provide: (props: Props, emits: LayoutSiderEmits) => {
+        theme: import('vue').ComputedRef<Theme>;
         computedCollapsed: import('vue').WritableComputedRef<boolean, boolean>;
     };
     inject: () => LayoutContext;

package/es/Layout/hooks/useSiderContext.js

@@ -1,14 +1,26 @@
-import { toRefs, provide, inject, ref } from "vue";
+import { toRefs, computed, provide, inject, ref } 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 "../../Empty/index.js";
 /* empty css                                */
 import useControlValue from "../../_shared/utils/control.js";
+import { useDark } from "../../node_modules/@vueuse/core/index.js";
 const LAYOUT_CONTEXT_KEY = "LAYOUT-CONTEXT";
 const useSiderContext = () => {
   const provide$1 = (props, emits) => {
-    const { theme, collapsed, defaultCollapsed } = toRefs(props);
+    const {
+      theme: _theme,
+      collapsed,
+      defaultCollapsed
+    } = toRefs(props);
+    const isDark = useDark({
+      selector: "body",
+      attribute: "yc-design-theme",
+      valueDark: "dark",
+      valueLight: "light"
+    });
     const computedCollapsed = useControlValue(
       collapsed,
       defaultCollapsed.value,
@@ -16,11 +28,18 @@ const useSiderContext = () => {
         emits("update:collapsed", val);
       }
     );
+    const theme = computed(() => {
+      if (!isUndefined(_theme.value)) {
+        return _theme.value;
+      }
+      return isDark.value ? "dark" : "light";
+    });
     provide(LAYOUT_CONTEXT_KEY, {
       theme,
       collapsed: computedCollapsed
     });
     return {
+      theme,
       computedCollapsed
     };
   };

package/es/Layout/index.d.ts

@@ -90,11 +90,11 @@ declare const Layout: {
             collapsed: boolean;
             breakpoint: import('..').BreakpointName;
             theme: import('..').Theme;
-            hideTrigger: boolean;
             defaultCollapsed: boolean;
-            collapsible: boolean;
             collapsedWidth: number;
+            collapsible: boolean;
             reverseArrow: boolean;
+            hideTrigger: boolean;
             resizeDirections: import('./type').ResizeDirections;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
@@ -112,11 +112,11 @@ declare const Layout: {
             collapsed: boolean;
             breakpoint: import('..').BreakpointName;
             theme: import('..').Theme;
-            hideTrigger: boolean;
             defaultCollapsed: boolean;
-            collapsible: boolean;
             collapsedWidth: number;
+            collapsible: boolean;
             reverseArrow: boolean;
+            hideTrigger: boolean;
             resizeDirections: import('./type').ResizeDirections;
         }>;
         __isFragment?: never;
@@ -135,11 +135,11 @@ declare const Layout: {
         collapsed: boolean;
         breakpoint: import('..').BreakpointName;
         theme: import('..').Theme;
-        hideTrigger: boolean;
         defaultCollapsed: boolean;
-        collapsible: boolean;
         collapsedWidth: number;
+        collapsible: boolean;
         reverseArrow: boolean;
+        hideTrigger: boolean;
         resizeDirections: import('./type').ResizeDirections;
     }, {}, 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').LayoutSiderSlots> & import('./type').LayoutSiderSlots;

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

@@ -10,16 +10,16 @@ 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;
-    "update:collapsed": (value: boolean) => 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;
-    "onUpdate:collapsed"?: ((value: boolean) => 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;
 }>, {
@@ -27,21 +27,21 @@ declare const __VLS_component: import('vue').DefineComponent<MenuProps, {}, {},
     triggerProps: import('..').TriggerProps;
     collapsed: boolean;
     breakpoint: import('..').BreakpointName;
-    theme: import('..').Theme;
     popupMaxHeight: import('./type').PopupMaxHeight;
-    accordion: boolean;
+    theme: import('..').Theme;
+    levelIndent: number;
+    autoOpen: boolean;
     defaultCollapsed: boolean;
     collapsedWidth: number | string;
+    accordion: boolean;
+    showCollapseButton: boolean;
     selectedKeys: string;
     defaultSelectedKeys: string;
     openKeys: string[];
     defaultOpenKeys: string[];
-    levelIndent: number;
-    autoOpen: boolean;
     tooltipProps: import('..').TooltipProps;
     autoOpenSelected: boolean;
     autoScrollIntoView: boolean;
-    showCollapseButton: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     menuRef: HTMLDivElement;
 }, HTMLDivElement>;

package/es/Menu/Menu.vue2.js

@@ -6,7 +6,7 @@ import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconMenuFold.vue.js";
 import _sfc_main$2 from "../_shared/icons/IconMenuUnfold.vue.js";
-import useContext from "./hooks/useContext.js";
+import useMenuContext from "./hooks/useContext.js";
 import MenuEllipsis from "./MenuEllipsis.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -47,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const menuRef = ref();
-    const { computedCollapsed, collapsedWidth, breakpoint, menuTree, max, theme } = useContext().provide(props, emits, menuRef);
+    const { computedCollapsed, collapsedWidth, breakpoint, menuTree, max, theme } = useMenuContext().provide(props, emits, menuRef);
     const handleClick = () => {
       const value = !computedCollapsed.value;
       computedCollapsed.value = value;

package/es/Menu/MenuEllipsis.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./MenuEllipsis.vue2.js";
 /* empty css                  */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const MenuEllipsis = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b37dd55e"]]);
+const MenuEllipsis = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c409e211"]]);
 export {
   MenuEllipsis as default
 };

package/es/Menu/MenuEllipsis.vue2.js

@@ -6,7 +6,7 @@ import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconMore.vue.js";
-import useContext, { isMenuItemActive } from "./hooks/useContext.js";
+import useMenuContext, { isMenuItemActive } from "./hooks/useContext.js";
 import _sfc_main$3 from "./MenuPopOption.vue.js";
 import Dropdown from "../Dropdown/index.js";
 const _hoisted_1 = {
@@ -25,7 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       menuTree,
       max,
       emits
-    } = useContext().inject();
+    } = useMenuContext().inject();
     const submenus = computed(() => menuTree.value.slice(max.value));
     const isSelected = computed(() => {
       return submenus.value.some((item) => {
@@ -45,7 +45,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(unref(Dropdown), {
           "popup-max-height": unref(popupMaxHeight),
-          theme: unref(theme),
           "trigger-props": {
             position: "bl",
             popupOffset: 20,
@@ -85,7 +84,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ], 2)
           ]),
           _: 1
-        }, 8, ["popup-max-height", "theme", "trigger-props"])
+        }, 8, ["popup-max-height", "trigger-props"])
       ]);
     };
   }