yc-design-vue 1.9.4 → 1.9.6

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;
@@ -526,11 +526,11 @@ declare function __VLS_template(): {
                         defaultPopupVisible: boolean;
                         disabled: boolean;
                         popupContainer: import('../_shared/type').PopupContainer;
-                        loading: boolean;
                         error: boolean;
                         scrollbar: boolean;
                         multiple: boolean;
                         placeholder: string;
+                        loading: boolean;
                         bordered: boolean;
                         modelValue: SelectValue;
                         defaultValue: SelectValue;
@@ -579,11 +579,11 @@ declare function __VLS_template(): {
                     defaultPopupVisible: boolean;
                     disabled: boolean;
                     popupContainer: import('../_shared/type').PopupContainer;
-                    loading: boolean;
                     error: boolean;
                     scrollbar: boolean;
                     multiple: boolean;
                     placeholder: string;
+                    loading: boolean;
                     bordered: boolean;
                     modelValue: SelectValue;
                     defaultValue: SelectValue;
@@ -620,7 +620,7 @@ declare function __VLS_template(): {
                     onExceedLimit?: ((value: SelectValue, ev?: MouseEvent | undefined) => any) | undefined;
                     "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
                     "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
-                }>, "focus" | "blur" | ("size" | "popupVisible" | "defaultPopupVisible" | "disabled" | "popupContainer" | "loading" | "error" | "scrollbar" | "multiple" | "placeholder" | "bordered" | "modelValue" | "defaultValue" | "allowClear" | "showExtraOptions" | "options" | "limit" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowSearch" | "valueKey" | "showEmpty" | "allowCreate" | "maxTagCount" | "filterOption" | "virtualListProps" | "triggerProps" | "searchDelay" | "showHeaderOnEmpty" | "showFooterOnEmpty" | "tagNowrap") | "getPopupRef"> & import('vue').ShallowUnwrapRef<{
+                }>, "focus" | "blur" | ("size" | "popupVisible" | "defaultPopupVisible" | "disabled" | "popupContainer" | "error" | "scrollbar" | "multiple" | "placeholder" | "loading" | "bordered" | "modelValue" | "defaultValue" | "allowClear" | "showExtraOptions" | "options" | "limit" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowSearch" | "valueKey" | "showEmpty" | "allowCreate" | "maxTagCount" | "filterOption" | "virtualListProps" | "triggerProps" | "searchDelay" | "showHeaderOnEmpty" | "showFooterOnEmpty" | "tagNowrap") | "getPopupRef"> & import('vue').ShallowUnwrapRef<{
                     focus(): void;
                     blur(): void;
                     getPopupRef(): import('..').TriggerInstance;
@@ -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;
@@ -1364,11 +1364,11 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
                     defaultPopupVisible: boolean;
                     disabled: boolean;
                     popupContainer: import('../_shared/type').PopupContainer;
-                    loading: boolean;
                     error: boolean;
                     scrollbar: boolean;
                     multiple: boolean;
                     placeholder: string;
+                    loading: boolean;
                     bordered: boolean;
                     modelValue: SelectValue;
                     defaultValue: SelectValue;
@@ -1417,11 +1417,11 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
                 defaultPopupVisible: boolean;
                 disabled: boolean;
                 popupContainer: import('../_shared/type').PopupContainer;
-                loading: boolean;
                 error: boolean;
                 scrollbar: boolean;
                 multiple: boolean;
                 placeholder: string;
+                loading: boolean;
                 bordered: boolean;
                 modelValue: SelectValue;
                 defaultValue: SelectValue;
@@ -1458,7 +1458,7 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
                 onExceedLimit?: ((value: SelectValue, ev?: MouseEvent | undefined) => any) | undefined;
                 "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
                 "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
-            }>, "focus" | "blur" | ("size" | "popupVisible" | "defaultPopupVisible" | "disabled" | "popupContainer" | "loading" | "error" | "scrollbar" | "multiple" | "placeholder" | "bordered" | "modelValue" | "defaultValue" | "allowClear" | "showExtraOptions" | "options" | "limit" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowSearch" | "valueKey" | "showEmpty" | "allowCreate" | "maxTagCount" | "filterOption" | "virtualListProps" | "triggerProps" | "searchDelay" | "showHeaderOnEmpty" | "showFooterOnEmpty" | "tagNowrap") | "getPopupRef"> & import('vue').ShallowUnwrapRef<{
+            }>, "focus" | "blur" | ("size" | "popupVisible" | "defaultPopupVisible" | "disabled" | "popupContainer" | "error" | "scrollbar" | "multiple" | "placeholder" | "loading" | "bordered" | "modelValue" | "defaultValue" | "allowClear" | "showExtraOptions" | "options" | "limit" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowSearch" | "valueKey" | "showEmpty" | "allowCreate" | "maxTagCount" | "filterOption" | "virtualListProps" | "triggerProps" | "searchDelay" | "showHeaderOnEmpty" | "showFooterOnEmpty" | "tagNowrap") | "getPopupRef"> & import('vue').ShallowUnwrapRef<{
                 focus(): void;
                 blur(): void;
                 getPopupRef(): import('..').TriggerInstance;

package/es/Mention/index.vue.js

@@ -3,8 +3,6 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import { isArray, isNull } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
 import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 import useCursor from "../Input/hooks/useCursor.js";

package/es/Menu/Menu.vue.js

@@ -2,11 +2,10 @@ import { defineComponent, ref, createElementBlock, openBlock, normalizeStyle, no
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { mediaQueryHandler } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
-import "../Empty/index.js";
+import "../_shared/utils/locale.js";
 /* empty css                             */
 import _sfc_main$2 from "../_shared/icons/IconMenuFold.vue.js";
 import _sfc_main$3 from "../_shared/icons/IconMenuUnfold.vue.js";
-import "../_shared/utils/locale.js";
 import useMenuContext from "./hooks/useContext.js";
 import _sfc_main$1 from "./MenuEllipsis.vue.js";
 /* empty css                  */

package/es/Menu/MenuEllipsis.vue.js

@@ -3,7 +3,6 @@ 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 "../Empty/index.js";
 import "../_shared/utils/locale.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconMore.vue.js";
@@ -52,6 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             showArrow: true,
             ...unref(triggerProps)
           },
+          class: normalizeClass([`yc-dropdown-popup-${unref(theme)}`]),
           onSelect: handleSelect
         }, {
           content: withCtx(() => [
@@ -85,7 +85,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

@@ -4,8 +4,6 @@ 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 "../Empty/index.js";
-/* empty css                             */
 import "../_shared/utils/locale.js";
 import useMenuContext, { isMenuItemActive, getPopupMaxHeight } from "./hooks/useContext.js";
 import _sfc_main$1 from "./MenuPopOption.vue.js";
@@ -188,6 +186,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             showArrow: true,
             ...unref(triggerProps)
           },
+          class: normalizeClass([`yc-dropdown-popup-${unref(theme)}`]),
           onSelect: handleSelect
         }, {
           content: withCtx(() => [
@@ -205,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/MenuItemGroup.vue.js

@@ -2,8 +2,6 @@ import { defineComponent, createElementBlock, openBlock, normalizeClass, unref,
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
 import "../_shared/utils/locale.js";
 import useMenuContext from "./hooks/useContext.js";
 const _hoisted_1 = { class: "yc-menu-group-title text-ellipsis" };

package/es/Menu/SubMenu.vue.js

@@ -4,12 +4,11 @@ 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 "../Empty/index.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.vue.js";
+/* empty css                                          */
 import "./index.js";
 import _sfc_main$1 from "./MenuItem.vue.js";
 /* empty css              */

package/es/Menu/hooks/useContext.js

@@ -3,15 +3,12 @@ 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 "../../Empty/index.js";
-/* empty css                                */
 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 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";
@@ -119,7 +116,6 @@ const getPopupMaxHeight = (popupMaxHeight) => {
   }
 };
 const useMenuContext = () => {
-  const { theme: sysTheme } = useTheme();
   const provide$1 = (props, emits, menuRef) => {
     const {
       selectedKeys,
@@ -185,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(
@@ -249,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({}),

package/es/Menu/index.css

@@ -1 +1 @@
-.yc-menu-inline{display:flex;flex-direction:column;gap:4px}.yc-menu-inline .yc-menu-inline-content{display:flex;flex-direction:column;gap:4px}.yc-menu{position:relative;transition:width .2s cubic-bezier(.34, .69, .1, 1)}.yc-menu .yc-menu-inner{overflow:auto;padding:4px 8px;display:flex}.yc-menu .yc-menu-collapse-button{cursor:pointer;position:absolute;right:12px;bottom:12px;width:24px;height:24px;border-radius:2px;font-size:14px;display:flex;align-items:center;justify-content:center}.yc-menu-mode-vertical .yc-menu-inner{height:100%;flex-direction:column;gap:4px}.yc-menu-mode-horizontal .yc-menu-inner{position:relative;overflow:hidden;min-height:58px;width:100%;padding:14px 20px 14px 32px;display:flex;align-items:center;gap:12px}.yc-menu-mode-horizontal .yc-menu-inner .yc-menu-inline{flex-shrink:0}.yc-menu-collapsed .yc-menu-inner{padding:4px}.yc-menu-light{background-color:#fff}.yc-menu-light .yc-menu-collapse-button{color:#86909c;background-color:#f7f8fa}.yc-menu-light .yc-menu-collapse-button:hover{background-color:#e5e6eb}.yc-menu-dark{background-color:#232324}.yc-menu-dark .yc-menu-collapse-button{color:#fff;background-color:#165dff}.yc-menu-dark .yc-menu-collapse-button:hover{background-color:#0e42d2}.yc-menu-item{cursor:pointer;flex-shrink:0;padding:0 12px;border-radius:2px;min-height:40px;line-height:40px;font-size:14px;transition:color .2s cubic-bezier(0, 0, 1, 1);display:flex;justify-content:center;align-items:center}.yc-menu-item .yc-menu-icon{line-height:1;margin-right:16px;color:#86909c}.yc-menu-item .yc-menu-item-title{flex-shrink:0;flex:1}.yc-menu-item .yc-menu-suffix-icon{margin-left:16px}.yc-menu-item-collapsed .yc-menu-icon{margin-right:0}.yc-menu-item-mode-horizontal{flex-shrink:0;position:relative}.yc-menu-item-mode-horizontal .yc-menu-item{min-height:30px;line-height:30px}.yc-menu-item-mode-horizontal .yc-menu-item .yc-menu-icon-suffix{margin-left:6px}.yc-menu-item-mode-horizontal .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-menu-item-mode-horizontal .yc-menu-item.yc-menu-item-selected::after{content:'';position:absolute;left:12px;right:12px;bottom:-14px;height:3px;background-color:#165dff}.yc-menu-item-ellipsis{position:absolute;top:50%;transform:translateY(-50%)}.yc-menu-item-light .yc-menu-item:not(.yc-menu-item-disabled){color:#4e5969}.yc-menu-item-light .yc-menu-item:not(.yc-menu-item-disabled):hover{background-color:#f2f3f5}.yc-menu-item-light .yc-menu-item.yc-menu-item-selected{font-weight:500;color:rgb(var(--primary-6));background-color:#f2f3f5}.yc-menu-item-light .yc-menu-item.yc-menu-item-selected .yc-menu-icon{color:rgb(var(--primary-6))}.yc-menu-item-light .yc-menu-item.yc-menu-item-disabled{cursor:not-allowed;color:#c9cdd4}.yc-menu-inline-header .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-menu-item-dark .yc-menu-item:not(.yc-menu-item-disabled){color:#c9cdd4}.yc-menu-item-dark .yc-menu-item:not(.yc-menu-item-disabled):hover{background-color:rgba(255,255,255,0.04)}.yc-menu-item-dark .yc-menu-item.yc-menu-item-selected{font-weight:500;color:rgb(var(--primary-6));background-color:rgba(255,255,255,0.04)}.yc-menu-item-dark .yc-menu-item.yc-menu-item-selected .yc-menu-icon{color:rgb(var(--primary-6))}.yc-menu-item-dark .yc-menu-item.yc-menu-item-disabled{cursor:not-allowed;color:#4e5969}.yc-menu-inline-header .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-menu-group{display:flex;flex-direction:column;gap:4px}.yc-menu-group .yc-menu-group-title{max-width:100%;padding:0 12px;line-height:40px;font-size:14px;color:var(--color-text-3);font-weight:400}
+.yc-menu-inline{display:flex;flex-direction:column;gap:4px}.yc-menu-inline .yc-menu-inline-content{display:flex;flex-direction:column;gap:4px}.yc-menu{position:relative;transition:width .2s cubic-bezier(.34, .69, .1, 1)}.yc-menu .yc-menu-inner{overflow:auto;padding:4px 8px;display:flex}.yc-menu .yc-menu-collapse-button{cursor:pointer;position:absolute;right:12px;bottom:12px;width:24px;height:24px;border-radius:2px;font-size:14px;display:flex;align-items:center;justify-content:center}.yc-menu-mode-vertical .yc-menu-inner{height:100%;flex-direction:column;gap:4px}.yc-menu-mode-horizontal .yc-menu-inner{position:relative;overflow:hidden;min-height:58px;width:100%;padding:14px 20px 14px 32px;display:flex;align-items:center;gap:12px}.yc-menu-mode-horizontal .yc-menu-inner .yc-menu-inline{flex-shrink:0}.yc-menu-collapsed .yc-menu-inner{padding:4px}.yc-menu-light{background-color:var(--color-menu-light-bg)}.yc-menu-light .yc-menu-collapse-button{color:var(--color-text-3);background-color:var(--color-fill-1)}.yc-menu-light .yc-menu-collapse-button:hover{background-color:var(--color-fill-3)}.yc-menu-dark{background-color:var(--color-menu-dark-bg)}.yc-menu-dark .yc-menu-collapse-button{color:var(--color-white);background-color:rgb(var(--primary-6))}.yc-menu-dark .yc-menu-collapse-button:hover{background-color:rgb(var(--primary-7))}.yc-menu-item{cursor:pointer;flex-shrink:0;padding:0 12px;border-radius:2px;min-height:40px;line-height:40px;font-size:14px;transition:color .2s cubic-bezier(0, 0, 1, 1);display:flex;justify-content:center;align-items:center}.yc-menu-item .yc-menu-icon{line-height:1;margin-right:16px;color:#86909c}.yc-menu-item .yc-menu-item-title{flex-shrink:0;flex:1}.yc-menu-item .yc-menu-suffix-icon{margin-left:16px}.yc-menu-item-collapsed .yc-menu-icon{margin-right:0}.yc-menu-item-mode-horizontal{flex-shrink:0;position:relative}.yc-menu-item-mode-horizontal .yc-menu-item{min-height:30px;line-height:30px}.yc-menu-item-mode-horizontal .yc-menu-item .yc-menu-icon-suffix{margin-left:6px}.yc-menu-item-mode-horizontal .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-menu-item-mode-horizontal .yc-menu-item.yc-menu-item-selected::after{content:'';position:absolute;left:12px;right:12px;bottom:-14px;height:3px;background-color:#165dff}.yc-menu-item-ellipsis{position:absolute;top:50%;transform:translateY(-50%)}.yc-menu-item-light .yc-menu-item{color:var(--color-text-2)}.yc-menu-item-light .yc-menu-item:not(.yc-menu-item-disabled):hover{background-color:var(--color-fill-2)}.yc-menu-item-light .yc-menu-item.yc-menu-item-selected{font-weight:500;color:rgb(var(--primary-6));background-color:var(--color-fill-2)}.yc-menu-item-light .yc-menu-item.yc-menu-item-selected .yc-menu-icon{color:rgb(var(--primary-6))}.yc-menu-item-light .yc-menu-item.yc-menu-item-disabled{cursor:not-allowed;color:var(--color-text-4)}.yc-menu-inline-header .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-menu-item-dark .yc-menu-item{color:var(--color-text-4)}.yc-menu-item-dark .yc-menu-item:not(.yc-menu-item-disabled):hover{background-color:var(--color-menu-dark-hover)}.yc-menu-item-dark .yc-menu-item.yc-menu-item-selected{font-weight:500;color:rgb(var(--primary-6));background-color:var(--color-menu-dark-hover)}.yc-menu-item-dark .yc-menu-item.yc-menu-item-selected .yc-menu-icon{color:rgb(var(--primary-6))}.yc-menu-item-dark .yc-menu-item.yc-menu-item-disabled{cursor:not-allowed;color:var(--color-text-2)}.yc-menu-inline-header .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-trigger.yc-dropdown-popup-dark .yc-trigger-content .yc-dropdown{background-color:var(--color-menu-dark-bg);border-color:var(--color-menu-dark-bg)}.yc-trigger.yc-dropdown-popup-dark .yc-trigger-content .yc-dropdown .yc-dropdown-option{color:var(--color-text-4)}.yc-trigger.yc-dropdown-popup-dark .yc-trigger-content .yc-dropdown .yc-dropdown-option:not(.yc-dropdown-option-disabled):hover,.yc-trigger.yc-dropdown-popup-dark .yc-trigger-content .yc-dropdown .yc-dropdown-option:not(.yc-dropdown-option-disabled).yc-dropdown-option-active{background-color:var(--color-menu-dark-hover)}.yc-trigger.yc-dropdown-popup-dark .yc-trigger-content .yc-dropdown .yc-dropdown-option:not(.yc-dropdown-option-disabled).yc-dropdown-option-active{color:var(--color-white)}.yc-trigger.yc-dropdown-popup-dark .yc-trigger-arrow{background-color:var(--color-menu-dark-bg);border-color:var(--color-menu-dark-bg)}.yc-menu-group{display:flex;flex-direction:column;gap:4px}.yc-menu-group .yc-menu-group-title{max-width:100%;padding:0 12px;line-height:40px;font-size:14px;color:var(--color-text-3);font-weight:400}

package/es/Message/Message.vue.js

@@ -3,13 +3,12 @@ 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 "../_shared/utils/locale.js";
 import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
 import _sfc_main$1 from "../_shared/components/IconButton.vue.js";
 /* empty css                                    */
-/* empty css                                         */
+/* empty css                                          */
+/* empty css                             */
 import { useTimeoutFn } from "../node_modules/@vueuse/shared/index.js";
 const _hoisted_1 = {
   key: 0,

package/es/Message/index.js

@@ -7,8 +7,6 @@ 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 "../Empty/index.js";
-/* empty css                             */
 import "../_shared/utils/locale.js";
 const container = /* @__PURE__ */ new Map();
 const messageList = reactive({

package/es/Modal/Modal.vue.js

@@ -9,7 +9,7 @@ import useModalDraggable from "./hooks/useModalDraggable.js";
 import Button from "../Button/index.js";
 import _sfc_main$1 from "../_shared/components/IconButton.vue.js";
 /* empty css                                    */
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                             */
 const _hoisted_1 = {
   key: 0,
@@ -86,11 +86,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       modalStyle: _modalStyle,
       fullscreen,
       draggable,
-      renderToBody,
-      popupContainer: _popupContainer
+      renderToBody
     } = toRefs(props);
     const { onBeforeOk, onBeforeCancel } = props;
-    const { popupContainer, zIndex } = getGlobalConfig(props);
+    const { popupContainer, zIndex, isAbsolute } = getGlobalConfig(props);
     const { t } = useI18n();
     const {
       outerVisible,
@@ -137,7 +136,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _ctx.$attrs.class,
             {
               "yc-modal-simple": _ctx.simple,
-              "yc-modal-position-absolute": unref(_popupContainer) || !unref(renderToBody)
+              "yc-modal-position-absolute": unref(isAbsolute)
             }
           ]),
           style: normalizeStyle({

package/es/Modal/ModalService.vue.js

@@ -3,8 +3,6 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.js";
-import "../Empty/index.js";
-/* empty css                             */
 import "../_shared/utils/locale.js";
 import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
 import _sfc_main$1 from "./Modal.vue.js";

package/es/Modal/hooks/useModalClose.js

@@ -3,8 +3,6 @@ import { onKeyStroke } from "../../node_modules/@vueuse/core/index.js";
 import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import "../../_shared/utils/dom.js";
 import "../../_shared/utils/time.js";
-import "../../Empty/index.js";
-/* empty css                                */
 import "../../_shared/utils/locale.js";
 import useControlValue from "../../_shared/utils/control.js";
 import useOnBeforeClose from "./useOnBeforeClose.js";

package/es/Modal/hooks/useModalDraggable.js

@@ -3,8 +3,6 @@ import { useDraggable } from "../../node_modules/@vueuse/core/index.js";
 import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx, sleep } from "../../_shared/utils/dom.js";
 import "../../_shared/utils/time.js";
-import "../../Empty/index.js";
-/* empty css                                */
 import "../../_shared/utils/locale.js";
 const useModalDraggable = (params) => {
   const {

package/es/Modal/hooks/useOnBeforeClose.js

@@ -3,8 +3,6 @@ import "../../_shared/utils/dom.js";
 import { isBoolean } from "../../_shared/utils/is.js";
 import "../../_shared/utils/time.js";
 import "vue";
-import "../../Empty/index.js";
-/* empty css                                */
 import "../../_shared/utils/locale.js";
 const useOnBeforeClose = async (type, asyncLoading, onBeforeOk, onBeforeCancel) => {
   const handleBeforeOk = () => {

package/es/Notification/Notification.vue.js

@@ -5,12 +5,11 @@ import "../_shared/utils/dom.js";
 import { isUndefined, isFunction } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.js";
-import "../Empty/index.js";
-/* empty css                             */
 import "../_shared/utils/locale.js";
 import _sfc_main$1 from "../_shared/components/IconButton.vue.js";
 /* empty css                                    */
-/* empty css                                         */
+/* empty css                                          */
+/* empty css                             */
 import { useTimeoutFn } from "../node_modules/@vueuse/shared/index.js";
 const _hoisted_1 = { class: "yc-notification-left" };
 const _hoisted_2 = {

package/es/Notification/index.js

@@ -7,8 +7,6 @@ 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 "../Empty/index.js";
-/* empty css                             */
 import "../_shared/utils/locale.js";
 const container = /* @__PURE__ */ new Map();
 const notificationList = reactive({

package/es/OverflowList/index.vue.js

@@ -4,8 +4,6 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { throttle, sleep, valueToPx } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import { findComponentsFromVnodes } from "../_shared/utils/vue-utils.js";
-import "../Empty/index.js";
-/* empty css                             */
 import "../_shared/utils/locale.js";
 import Tag from "../Tag/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/PageHeader/index.vue.js

@@ -2,14 +2,13 @@ import { defineComponent, createElementBlock, openBlock, createElementVNode, cre
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
-import "../Empty/index.js";
 import "../_shared/utils/locale.js";
 /* empty css                             */
 import _sfc_main$2 from "../_shared/icons/IconArrowRight.vue.js";
 import Divider from "../Divider/index.js";
 import _sfc_main$1 from "../_shared/components/IconButton.vue.js";
 /* empty css                                    */
-/* empty css                                         */
+/* empty css                                          */
 const _hoisted_1 = { class: "yc-page-header" };
 const _hoisted_2 = { class: "yc-page-header-wrapper" };
 const _hoisted_3 = {

package/es/Pagination/Pagination.vue.js

@@ -3,8 +3,6 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { sleep } from "../_shared/utils/dom.js";
 import { isNumber } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
 import { useI18n } from "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 import _sfc_main$1 from "./PaginationItem.vue.js";

package/es/Pagination/PaginationItem.vue.js

@@ -2,7 +2,6 @@ import { defineComponent, toRefs, computed, createElementBlock, openBlock, norma
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
-import "../Empty/index.js";
 import "../_shared/utils/locale.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";

package/es/Popconfirm/index.d.ts

@@ -186,6 +186,7 @@ declare const Popconfirm: {
                 focusDelay: number;
                 disabled: boolean;
                 scrollToCloseDistance: number;
+                scrollToClose: boolean;
                 autoSetPosition: boolean;
                 alignPoint: boolean;
                 position: import('..').TriggerPostion;
@@ -206,7 +207,6 @@ declare const Popconfirm: {
                 autoFitPosition: boolean;
                 updateAtScroll: boolean;
                 preventFocus: boolean;
-                scrollToClose: boolean;
                 needTransformOrigin: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -240,6 +240,7 @@ declare const Popconfirm: {
             focusDelay: number;
             disabled: boolean;
             scrollToCloseDistance: number;
+            scrollToClose: boolean;
             autoSetPosition: boolean;
             alignPoint: boolean;
             position: import('..').TriggerPostion;
@@ -260,14 +261,13 @@ declare const Popconfirm: {
             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/Popconfirm/index.vue.d.ts

@@ -153,6 +153,7 @@ declare function __VLS_template(): {
                 focusDelay: number;
                 disabled: boolean;
                 scrollToCloseDistance: number;
+                scrollToClose: boolean;
                 autoSetPosition: boolean;
                 alignPoint: boolean;
                 position: import('../Trigger').TriggerPostion;
@@ -173,7 +174,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)[];
@@ -207,6 +207,7 @@ declare function __VLS_template(): {
             focusDelay: number;
             disabled: boolean;
             scrollToCloseDistance: number;
+            scrollToClose: boolean;
             autoSetPosition: boolean;
             alignPoint: boolean;
             position: import('../Trigger').TriggerPostion;
@@ -227,14 +228,13 @@ declare function __VLS_template(): {
             autoFitPosition: boolean;
             updateAtScroll: boolean;
             preventFocus: boolean;
-            scrollToClose: boolean;
             needTransformOrigin: boolean;
         }> & Omit<Readonly<import('../Trigger').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;
@@ -428,6 +428,7 @@ declare const __VLS_component: import('vue').DefineComponent<PopconfirmProps, {
             focusDelay: number;
             disabled: boolean;
             scrollToCloseDistance: number;
+            scrollToClose: boolean;
             autoSetPosition: boolean;
             alignPoint: boolean;
             position: import('../Trigger').TriggerPostion;
@@ -448,7 +449,6 @@ declare const __VLS_component: import('vue').DefineComponent<PopconfirmProps, {
             autoFitPosition: boolean;
             updateAtScroll: boolean;
             preventFocus: boolean;
-            scrollToClose: boolean;
             needTransformOrigin: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -482,6 +482,7 @@ declare const __VLS_component: import('vue').DefineComponent<PopconfirmProps, {
         focusDelay: number;
         disabled: boolean;
         scrollToCloseDistance: number;
+        scrollToClose: boolean;
         autoSetPosition: boolean;
         alignPoint: boolean;
         position: import('../Trigger').TriggerPostion;
@@ -502,14 +503,13 @@ declare const __VLS_component: import('vue').DefineComponent<PopconfirmProps, {
         autoFitPosition: boolean;
         updateAtScroll: boolean;
         preventFocus: boolean;
-        scrollToClose: boolean;
         needTransformOrigin: boolean;
     }> & Omit<Readonly<import('../Trigger').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;