yc-design-vue 1.9.5 → 1.9.7

package/es/Dropdown/Dsubmenu.vue.js

@@ -6,16 +6,18 @@ 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                             */
+/* empty css                                         */
+/* empty css                                               */
+/* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconArrowRight.vue.js";
-import useMenuContext from "../Menu/hooks/useContext.js";
 import "./index.js";
 import Trigger from "../Trigger/index.js";
 import Scrollbar from "../Scrollbar/index.js";
 import _sfc_main$1 from "./Doption.vue.js";
 /* empty css             */
-const _hoisted_1 = { class: "yc-dropdown-list" };
-const _hoisted_2 = {
+const _hoisted_1 = { class: "yc-dropdown" };
+const _hoisted_2 = { class: "yc-dropdown-list" };
+const _hoisted_3 = {
   key: 0,
   class: "yc-dropdown-footer"
 };
@@ -46,7 +48,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       position: _position,
       popupMaxHeight: _popupMaxHeight
     } = toRefs(props);
-    const { theme } = useMenuContext().inject();
     const computedVisible = useControlValue(
       popupVisible,
       defaultPopupVisible.value,
@@ -108,25 +109,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref: triggerRef
       }, _ctx.triggerProps), {
         content: withCtx(() => [
-          createElementVNode("div", {
-            class: normalizeClass(["yc-dropdown", `yc-dropdown-theme-${unref(theme)}`])
-          }, [
+          createElementVNode("div", _hoisted_1, [
             createVNode(unref(Scrollbar), {
               style: normalizeStyle({
                 maxHeight: popupMaxHeight.value
               })
             }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_1, [
+                createElementVNode("div", _hoisted_2, [
                   renderSlot(_ctx.$slots, "content")
                 ])
               ]),
               _: 3
             }, 8, ["style"]),
-            _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_3, [
               renderSlot(_ctx.$slots, "footer")
             ])) : createCommentVNode("", true)
-          ], 2)
+          ])
         ]),
         default: withCtx(() => [
           createVNode(unref(_sfc_main$1), {

package/es/Dropdown/index.css

@@ -1 +1 @@
-.yc-dropdown{padding:4px 0;border-radius:4px;box-shadow:0 4px 10px #0000001a}.yc-dropdown .yc-dropdown-list{display:flex;flex-direction:column}.yc-dropdown .yc-dropdown-footer{border-top:1px solid #e5e6eb}.yc-dropdown-light .yc-trigger-content .yc-dropdown{background-color:#fff;border:1px solid #e5e6eb}.yc-dropdown-light .yc-trigger-arrow{background-color:#fff;border:1px solid #e5e6eb}.yc-dropdown-dark .yc-trigger-content .yc-dropdown{background-color:#232324;border:1px solid #232324}.yc-dropdown-dark .yc-trigger-arrow{background-color:#232324;border:1px solid #232324}.yc-dropdown-option{position:relative;z-index:1;padding:0 12px;line-height:36px;font-size:14px;text-align:left;display:flex;align-items:center;transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-dropdown-option.yc-dropdown-option-disabled{cursor:not-allowed}.yc-dropdown-option .yc-dropdown-option-icon,.yc-dropdown-option .yc-dropdown-option-content,.yc-dropdown-option .yc-dropdown-option-suffix{flex-shrink:0;display:flex;align-items:center}.yc-dropdown-option .yc-dropdown-option-icon{margin-right:8px;color:inherit}.yc-dropdown-option .yc-dropdown-option-suffix{color:inherit;margin-left:12px}.yc-dropdown-option .yc-dropdown-option-content{flex:1;overflow:hidden}.yc-dropdown-option-theme-light{color:#1d2129}.yc-dropdown-option-theme-light:not(.yc-dropdown-option-disabled):hover{background-color:#f2f3f5}.yc-dropdown-option-theme-light.yc-dropdown-option-active{color:#165dff;background-color:#f2f3f5}.yc-dropdown-option-theme-light.yc-dropdown-optiond-disabled{color:#c9cdd4;background:transparent;cursor:not-allowed}.yc-dropdown-option-theme-dark{color:#c9cdd4}.yc-dropdown-option-theme-dark:not(.yc-dropdown-option-disabled):hover{background-color:rgba(255,255,255,0.04)}.yc-dropdown-option-theme-dark.yc-dropdown-option-active{color:#fff;background-color:rgba(255,255,255,0.04)}.yc-dropdown-option-theme-dark.yc-dropdown-optiond-disabled{color:#4e5969;background:transparent;cursor:not-allowed}.yc-dropdown-group-title{margin-top:8px;padding:0 12px;color:var(--color-text-3);font-size:12px;line-height:20px}
+.yc-dropdown-popup .yc-dropdown{padding:4px 0;background-color:var(--color-bg-popup);border:1px solid var(--color-fill-3);border-radius:4px;box-shadow:0 4px 10px #0000001a}.yc-dropdown-popup .yc-dropdown .yc-dropdown-list{display:flex;flex-direction:column}.yc-dropdown-popup .yc-dropdown .yc-dropdown-footer{border-top:1px solid var(--color-fill-3)}.yc-dropdown-popup .yc-trigger-arrow{z-index:0;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3)}.yc-dropdown-option{position:relative;z-index:1;padding:0 12px;line-height:36px;font-size:14px;color:var(--color-text-1);text-align:left;display:flex;align-items:center;transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-dropdown-option:not(.yc-dropdown-option-disabled).yc-dropdown-option-active,.yc-dropdown-option:not(.yc-dropdown-option-disabled):hover{background-color:var(--color-fill-2)}.yc-dropdown-option.yc-dropdown-option-disabled{cursor:not-allowed;background-color:transparent;color:var(--color-text-4)}.yc-dropdown-option .yc-dropdown-option-icon,.yc-dropdown-option .yc-dropdown-option-content,.yc-dropdown-option .yc-dropdown-option-suffix{flex-shrink:0;display:flex;align-items:center}.yc-dropdown-option .yc-dropdown-option-icon{margin-right:8px;color:inherit}.yc-dropdown-option .yc-dropdown-option-suffix{color:inherit;margin-left:12px}.yc-dropdown-option .yc-dropdown-option-content{flex:1;overflow:hidden}.yc-dropdown-group-title{margin-top:8px;padding:0 12px;color:var(--color-text-3);font-size:12px;line-height:20px}

package/es/Dropdown/index.d.ts

@@ -373,6 +373,7 @@ declare const Dropdown: {
                     focusDelay: number;
                     disabled: boolean;
                     scrollToCloseDistance: number;
+                    scrollToClose: boolean;
                     autoSetPosition: boolean;
                     alignPoint: boolean;
                     position: import('..').TriggerPostion;
@@ -393,7 +394,6 @@ declare const Dropdown: {
                     autoFitPosition: boolean;
                     updateAtScroll: boolean;
                     preventFocus: boolean;
-                    scrollToClose: boolean;
                     needTransformOrigin: boolean;
                 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
@@ -427,6 +427,7 @@ declare const Dropdown: {
                 focusDelay: number;
                 disabled: boolean;
                 scrollToCloseDistance: number;
+                scrollToClose: boolean;
                 autoSetPosition: boolean;
                 alignPoint: boolean;
                 position: import('..').TriggerPostion;
@@ -447,14 +448,13 @@ declare const Dropdown: {
                 autoFitPosition: boolean;
                 updateAtScroll: boolean;
                 preventFocus: boolean;
-                scrollToClose: boolean;
                 needTransformOrigin: boolean;
             }> & Omit<Readonly<import('..').TriggerProps> & Readonly<{
                 "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
                 "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" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "popupContainer" | "renderToBody" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "scrollToClose" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
+            }>, "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<{
                 hide(): void;
                 show(): void;
                 updatePosition(x: number, y: number): void;

package/es/Empty/index.vue.js

@@ -3,7 +3,9 @@ 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                             */
+/* empty css                                         */
+/* empty css                                               */
+/* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconEmpty.vue.js";
 const _hoisted_1 = { class: "yc-empty" };
 const _hoisted_2 = { class: "yc-empty-image" };

package/es/Image/Image.vue.js

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

package/es/Image/ImagePreview.vue.js

@@ -5,7 +5,9 @@ import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
-/* empty css                             */
+/* empty css                                         */
+/* empty css                                               */
+/* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconClose.vue.js";
 import { useEventListener, onKeyStroke } from "../node_modules/@vueuse/core/index.js";
 import useModalClose from "../Modal/hooks/useModalClose.js";
@@ -52,10 +54,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       defaultScale,
       zoomRate,
       wheelZoom,
-      keyboard,
-      popupContainer: _popupContainer
+      keyboard
     } = toRefs(props);
-    const { zIndex, popupContainer } = getGlobalConfig(props);
+    const { zIndex, popupContainer, isAbsolute } = getGlobalConfig(props);
     const imageRef = ref();
     const scale = useControlValue(ref(), defaultScale.value);
     const rotate = ref(0);
@@ -137,7 +138,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "yc-image-preview",
             _ctx.$attrs.class,
             {
-              "yc-image-preview-absolute": unref(_popupContainer)
+              "yc-image-preview-absolute": unref(isAbsolute)
             }
           ]),
           style: normalizeStyle({

package/es/Image/ImagePreviewArrow.vue.js

@@ -3,7 +3,9 @@ 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                                               */
+/* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ImagePreviewArrow",

package/es/Image/ImagePreviewToolbar.vue.js

@@ -3,7 +3,9 @@ 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                             */
+/* empty css                                         */
+/* empty css                                               */
+/* empty css                                   */
 import _sfc_main$6 from "../_shared/icons/IconFullScreen.vue2.js";
 import _sfc_main$1 from "../_shared/icons/IconOriginSize.vue2.js";
 import _sfc_main$4 from "../_shared/icons/IconRotateLeft.vue2.js";

package/es/Input/Input.vue.js

@@ -6,11 +6,11 @@ import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 import useLimitedInput from "./hooks/useLimitedInput.js";
-import _sfc_main$2 from "../_shared/components/IconButton.vue.js";
-/* empty css                                    */
-import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
+import _sfc_main$2 from "../_shared/components/IconButton/index.vue2.js";
 /* empty css                                         */
-/* empty css                             */
+import _sfc_main$1 from "../_shared/components/PreventFocus/index.vue.js";
+/* empty css                                               */
+/* empty css                                   */
 import _sfc_main$3 from "./InputSuffix.vue.js";
 /* empty css                 */
 const _hoisted_1 = ["value", "type", "disabled", "readonly", "placeholder"];

package/es/Input/InputSuffix.vue.js

@@ -1,15 +1,15 @@
 import { defineComponent, createBlock, openBlock, unref, withCtx, createElementBlock, createCommentVNode, renderSlot, toDisplayString } from "vue";
+import _sfc_main$2 from "../_shared/components/IconButton/index.vue2.js";
+/* empty css                                         */
+import _sfc_main$1 from "../_shared/components/PreventFocus/index.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                                   */
 import _sfc_main$4 from "../_shared/icons/IconEyeClose.vue2.js";
 import _sfc_main$3 from "../_shared/icons/IconEyeOpen.vue2.js";
-import _sfc_main$2 from "../_shared/components/IconButton.vue.js";
-/* empty css                                    */
-import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
-/* empty css                                         */
 const _hoisted_1 = {
   key: 0,
   class: "yc-input-word-limit"

package/es/InputNumber/InputOperaBtn.vue.js

@@ -4,7 +4,9 @@ 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                                               */
+/* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconMinus.vue2.js";
 import _sfc_main$3 from "../_shared/icons/IconPlus.vue.js";
 import Button from "../Button/index.js";

package/es/InputTag/index.vue.js

@@ -9,11 +9,11 @@ import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 import Tag from "../Tag/index.js";
-import _sfc_main$2 from "../_shared/components/IconButton.vue.js";
-/* empty css                                    */
-import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
+import _sfc_main$2 from "../_shared/components/IconButton/index.vue2.js";
 /* empty css                                         */
-/* empty css                             */
+import _sfc_main$1 from "../_shared/components/PreventFocus/index.vue.js";
+/* empty css                                               */
+/* empty css                                   */
 const _hoisted_1 = ["disabled", "readonly", "placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/Layout/LayoutSider.vue.js

@@ -3,7 +3,9 @@ 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";
-/* empty css                             */
+/* empty css                                         */
+/* empty css                                               */
+/* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
 import useSiderContext from "./hooks/useSiderContext.js";
 import ResizeBox from "../ResizeBox/index.js";

package/es/Layout/index.css

@@ -1 +1 @@
-.yc-layout{flex:1;width:100%;height:100%;display:flex;flex-direction:column}.yc-layout-has-sider{flex-direction:row}.yc-layout,.yc-layout-header,.yc-layout-footer,.yc-layout-sider,.yc-layout-content{flex-shrink:0}.yc-layout-header,.yc-layout-footer{width:100%}.yc-layout-sider{height:100%}.yc-layout-content{flex:1}.yc-layout-sider{position:relative;flex:none;margin:0;padding:0;transition:width .2s cubic-bezier(.34, .69, .1, 1)}body[yc-design-theme='dark'] .yc-layout-sider{background-color:#232324}.yc-layout-sider .yc-layout-sider-children{height:100%;overflow:auto}.yc-layout-sider .yc-layout-sider-trigger{position:absolute;left:0;bottom:0;cursor:pointer;height:48px;width:100%;display:flex;justify-content:center;align-items:center}.yc-layout-sider-has-trigger{padding-bottom:48px}.yc-layout-sider-translation{transition:width .2s cubic-bezier(.34, .69, .1, 1)}.yc-layout-sider-light{background-color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.08)}.yc-layout-sider-light .yc-layout-sider-trigger{border-top:1px solid var(--color-bg-5);color:var(--color-text-1)}.yc-layout-sider-dark{background-color:#232324}.yc-layout-sider-dark .yc-layout-sider-trigger{background-color:rgba(255,255,255,0.2);color:var(--color-white)}
+.yc-layout{flex:1;width:100%;height:100%;display:flex;flex-direction:column}.yc-layout-has-sider{flex-direction:row}.yc-layout,.yc-layout-header,.yc-layout-footer,.yc-layout-sider,.yc-layout-content{flex-shrink:0}.yc-layout-header,.yc-layout-footer{width:100%}.yc-layout-sider{height:100%}.yc-layout-content{flex:1}.yc-layout-sider{position:relative;flex:none;margin:0;padding:0;transition:width .2s cubic-bezier(.34, .69, .1, 1)}.yc-layout-sider .yc-layout-sider-children{height:100%;overflow:auto}.yc-layout-sider .yc-layout-sider-trigger{position:absolute;left:0;bottom:0;cursor:pointer;height:48px;width:100%;display:flex;justify-content:center;align-items:center}.yc-layout-sider-has-trigger{padding-bottom:48px}.yc-layout-sider-translation{transition:width .2s cubic-bezier(.34, .69, .1, 1)}.yc-layout-sider-light{background-color:var(--color-menu-light-bg);box-shadow:0 2px 5px 0 rgba(0,0,0,0.08)}.yc-layout-sider-light .yc-layout-sider-trigger{background-color:unset;border-top:1px solid var(--color-bg-5);color:var(--color-text-1)}.yc-layout-sider-dark{background-color:var(--color-menu-dark-bg);box-shadow:none}.yc-layout-sider-dark .yc-layout-sider-trigger{background-color:rgba(255,255,255,0.2);border-top:none;color:var(--color-white)}

package/es/Link/index.vue.js

@@ -3,7 +3,9 @@ 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                                               */
+/* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconLink.vue.js";
 import Spin from "../Spin/index.js";
 const _hoisted_1 = ["href"];

package/es/List/List.vue.d.ts

@@ -151,9 +151,9 @@ declare const __VLS_component: import('vue').DefineComponent<ListProps, {}, {},
 }>, {
     size: import('./type').ListSize;
     scrollbar: boolean;
-    split: boolean;
     data: import('../_shared/type').ObjectData[];
     hoverable: boolean;
+    split: boolean;
     loading: boolean;
     bordered: boolean;
     virtualListProps: import('..').VirtualListProps;

package/es/List/index.d.ts

@@ -20,9 +20,9 @@ declare const List: {
     }, import('vue').PublicProps, {
         size: import('./type').ListSize;
         scrollbar: boolean;
-        split: boolean;
         data: import('../_shared/type').ObjectData[];
         hoverable: boolean;
+        split: boolean;
         loading: boolean;
         bordered: boolean;
         virtualListProps: import('..').VirtualListProps;
@@ -176,9 +176,9 @@ declare const List: {
     }>, {}, {}, {}, {}, {
         size: import('./type').ListSize;
         scrollbar: boolean;
-        split: boolean;
         data: import('../_shared/type').ObjectData[];
         hoverable: boolean;
+        split: boolean;
         loading: boolean;
         bordered: boolean;
         virtualListProps: import('..').VirtualListProps;
@@ -202,9 +202,9 @@ declare const List: {
 }, string, {
     size: import('./type').ListSize;
     scrollbar: boolean;
-    split: boolean;
     data: import('../_shared/type').ObjectData[];
     hoverable: boolean;
+    split: boolean;
     loading: boolean;
     bordered: boolean;
     virtualListProps: import('..').VirtualListProps;

package/es/Mention/index.d.ts

@@ -26,9 +26,9 @@ declare const Mention: {
         "update:modelValue": (value: string) => any;
     }, import('vue').PublicProps, {
         disabled: boolean;
-        split: string;
         type: "input" | "textarea";
         data: import('..').SelectOptions;
+        split: string;
         modelValue: string;
         defaultValue: string;
         allowClear: boolean;
@@ -279,6 +279,7 @@ declare const Mention: {
                                 focusDelay: number;
                                 disabled: boolean;
                                 scrollToCloseDistance: number;
+                                scrollToClose: boolean;
                                 autoSetPosition: boolean;
                                 alignPoint: boolean;
                                 position: import('..').TriggerPostion;
@@ -299,7 +300,6 @@ declare const Mention: {
                                 autoFitPosition: boolean;
                                 updateAtScroll: boolean;
                                 preventFocus: boolean;
-                                scrollToClose: boolean;
                                 needTransformOrigin: boolean;
                             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                                 beforeCreate?: (() => void) | (() => void)[];
@@ -333,6 +333,7 @@ declare const Mention: {
                             focusDelay: number;
                             disabled: boolean;
                             scrollToCloseDistance: number;
+                            scrollToClose: boolean;
                             autoSetPosition: boolean;
                             alignPoint: boolean;
                             position: import('..').TriggerPostion;
@@ -353,14 +354,13 @@ declare const Mention: {
                             autoFitPosition: boolean;
                             updateAtScroll: boolean;
                             preventFocus: boolean;
-                            scrollToClose: boolean;
                             needTransformOrigin: boolean;
                         }> & Omit<Readonly<import('..').TriggerProps> & Readonly<{
                             "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
                             "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" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "popupContainer" | "renderToBody" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "scrollToClose" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
+                        }>, "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<{
                             hide(): void;
                             show(): void;
                             updatePosition(x: number, y: number): void;
@@ -858,9 +858,9 @@ declare const Mention: {
         blur(): void;
     }, {}, {}, {}, {
         disabled: boolean;
-        split: string;
         type: "input" | "textarea";
         data: import('..').SelectOptions;
+        split: string;
         modelValue: string;
         defaultValue: string;
         allowClear: boolean;
@@ -892,9 +892,9 @@ declare const Mention: {
     "update:modelValue": (value: string) => any;
 }, string, {
     disabled: boolean;
-    split: string;
     type: "input" | "textarea";
     data: import('..').SelectOptions;
+    split: string;
     modelValue: string;
     defaultValue: string;
     allowClear: boolean;

package/es/Mention/index.vue.d.ts

@@ -250,6 +250,7 @@ declare function __VLS_template(): {
                                 focusDelay: number;
                                 disabled: boolean;
                                 scrollToCloseDistance: number;
+                                scrollToClose: boolean;
                                 autoSetPosition: boolean;
                                 alignPoint: boolean;
                                 position: import('..').TriggerPostion;
@@ -270,7 +271,6 @@ declare function __VLS_template(): {
                                 autoFitPosition: boolean;
                                 updateAtScroll: boolean;
                                 preventFocus: boolean;
-                                scrollToClose: boolean;
                                 needTransformOrigin: boolean;
                             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                                 beforeCreate?: (() => void) | (() => void)[];
@@ -304,6 +304,7 @@ declare function __VLS_template(): {
                             focusDelay: number;
                             disabled: boolean;
                             scrollToCloseDistance: number;
+                            scrollToClose: boolean;
                             autoSetPosition: boolean;
                             alignPoint: boolean;
                             position: import('..').TriggerPostion;
@@ -324,14 +325,13 @@ declare function __VLS_template(): {
                             autoFitPosition: boolean;
                             updateAtScroll: boolean;
                             preventFocus: boolean;
-                            scrollToClose: boolean;
                             needTransformOrigin: boolean;
                         }> & Omit<Readonly<import('..').TriggerProps> & Readonly<{
                             "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
                             "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" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "popupContainer" | "renderToBody" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "scrollToClose" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
+                        }>, "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<{
                             hide(): void;
                             show(): void;
                             updatePosition(x: number, y: number): void;
@@ -835,9 +835,9 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     disabled: boolean;
-    split: string;
     type: "input" | "textarea";
     data: import('../Select').SelectOptions;
+    split: string;
     modelValue: string;
     defaultValue: string;
     allowClear: boolean;
@@ -1088,6 +1088,7 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
                             focusDelay: number;
                             disabled: boolean;
                             scrollToCloseDistance: number;
+                            scrollToClose: boolean;
                             autoSetPosition: boolean;
                             alignPoint: boolean;
                             position: import('..').TriggerPostion;
@@ -1108,7 +1109,6 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
                             autoFitPosition: boolean;
                             updateAtScroll: boolean;
                             preventFocus: boolean;
-                            scrollToClose: boolean;
                             needTransformOrigin: boolean;
                         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                             beforeCreate?: (() => void) | (() => void)[];
@@ -1142,6 +1142,7 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
                         focusDelay: number;
                         disabled: boolean;
                         scrollToCloseDistance: number;
+                        scrollToClose: boolean;
                         autoSetPosition: boolean;
                         alignPoint: boolean;
                         position: import('..').TriggerPostion;
@@ -1162,14 +1163,13 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
                         autoFitPosition: boolean;
                         updateAtScroll: boolean;
                         preventFocus: boolean;
-                        scrollToClose: boolean;
                         needTransformOrigin: boolean;
                     }> & Omit<Readonly<import('..').TriggerProps> & Readonly<{
                         "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
                         "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" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "popupContainer" | "renderToBody" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "scrollToClose" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
+                    }>, "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<{
                         hide(): void;
                         show(): void;
                         updatePosition(x: number, y: number): void;

package/es/Menu/Menu.vue.js

@@ -3,7 +3,9 @@ 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                                               */
+/* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconMenuFold.vue.js";
 import _sfc_main$3 from "../_shared/icons/IconMenuUnfold.vue.js";
 import useMenuContext from "./hooks/useContext.js";

package/es/Menu/MenuEllipsis.vue.js

@@ -4,7 +4,9 @@ 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                                               */
+/* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconMore.vue.js";
 import useMenuContext, { isMenuItemActive } from "./hooks/useContext.js";
 import _sfc_main$3 from "./MenuPopOption.vue.js";
@@ -51,6 +53,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             showArrow: true,
             ...unref(triggerProps)
           },
+          class: normalizeClass([`yc-dropdown-popup-${unref(theme)}`]),
           onSelect: handleSelect
         }, {
           content: withCtx(() => [
@@ -84,7 +87,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ], 2)
           ]),
           _: 1
-        }, 8, ["popup-max-height", "trigger-props"])
+        }, 8, ["popup-max-height", "trigger-props", "class"])
       ]);
     };
   }

package/es/Menu/MenuItem.vue.js

@@ -186,6 +186,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             showArrow: true,
             ...unref(triggerProps)
           },
+          class: normalizeClass([`yc-dropdown-popup-${unref(theme)}`]),
           onSelect: handleSelect
         }, {
           content: withCtx(() => [
@@ -203,7 +204,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(unref(ReuseTemplate))
           ]),
           _: 1
-        }, 8, ["popup-max-height", "trigger-props"])) : !isSubmenu.value && isRoot.value && unref(computedCollapsed) ? (openBlock(), createBlock(unref(Tooltip), {
+        }, 8, ["popup-max-height", "trigger-props", "class"])) : !isSubmenu.value && isRoot.value && unref(computedCollapsed) ? (openBlock(), createBlock(unref(Tooltip), {
           key: 1,
           position: "rt",
           "trigger-props": {

package/es/Menu/SubMenu.vue.js

@@ -5,10 +5,10 @@ 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                                    */
-import _sfc_main$3 from "../_shared/components/ExpandTransition.vue2.js";
 /* empty css                                         */
+import _sfc_main$3 from "../_shared/components/ExpandTransition/index.vue2.js";
+/* empty css                                               */
+/* empty css                                   */
 import "./index.js";
 import _sfc_main$1 from "./MenuItem.vue.js";
 /* empty css              */

package/es/Menu/hooks/useContext.js

@@ -9,7 +9,6 @@ import "../index.js";
 import { nanoid } from "../../node_modules/nanoid/index.browser.js";
 import { useResizeObserver } from "../../node_modules/@vueuse/core/index.js";
 import useSiderContext from "../../Layout/hooks/useSiderContext.js";
-import useTheme from "../../Layout/hooks/useTheme.js";
 import _sfc_main from "../SubMenu.vue.js";
 /* empty css              */
 import _sfc_main$1 from "../MenuItem.vue.js";
@@ -117,7 +116,6 @@ const getPopupMaxHeight = (popupMaxHeight) => {
   }
 };
 const useMenuContext = () => {
-  const { theme: sysTheme } = useTheme();
   const provide$1 = (props, emits, menuRef) => {
     const {
       selectedKeys,
@@ -183,7 +181,7 @@ const useMenuContext = () => {
     const menuTree = computed(() => buildMenuTree(menuTreeNodes.value));
     const max = ref(1e6);
     const theme = computed(() => {
-      return _theme.value || siderTheme.value || sysTheme.value;
+      return _theme.value || siderTheme.value || "light";
     });
     if (mode.value == "horizontal") {
       useResizeObserver(
@@ -247,7 +245,7 @@ const useMenuContext = () => {
       triggerProps: ref({}),
       autoOpenSelected: ref(false),
       mode: ref("vertical"),
-      theme: sysTheme,
+      theme: ref("light"),
       popupMaxHeight: ref(),
       autoScrollIntoView: ref(false),
       scrollConfig: ref({}),