yc-design-vue 1.9.5 → 1.9.6

package/es/Alert/index.vue.js

@@ -6,7 +6,7 @@ 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                             */
 const _hoisted_1 = {
   key: 0,

package/es/AutoComplete/index.d.ts

@@ -257,6 +257,7 @@ declare const AutoComplete: {
                         focusDelay: number;
                         disabled: boolean;
                         scrollToCloseDistance: number;
+                        scrollToClose: boolean;
                         autoSetPosition: boolean;
                         alignPoint: boolean;
                         position: import('..').TriggerPostion;
@@ -277,7 +278,6 @@ declare const AutoComplete: {
                         autoFitPosition: boolean;
                         updateAtScroll: boolean;
                         preventFocus: boolean;
-                        scrollToClose: boolean;
                         needTransformOrigin: boolean;
                     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
@@ -311,6 +311,7 @@ declare const AutoComplete: {
                     focusDelay: number;
                     disabled: boolean;
                     scrollToCloseDistance: number;
+                    scrollToClose: boolean;
                     autoSetPosition: boolean;
                     alignPoint: boolean;
                     position: import('..').TriggerPostion;
@@ -331,14 +332,13 @@ declare const AutoComplete: {
                     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/AutoComplete/index.vue.d.ts

@@ -215,6 +215,7 @@ declare function __VLS_template(): {
                         focusDelay: number;
                         disabled: boolean;
                         scrollToCloseDistance: number;
+                        scrollToClose: boolean;
                         autoSetPosition: boolean;
                         alignPoint: boolean;
                         position: import('..').TriggerPostion;
@@ -235,7 +236,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)[];
@@ -269,6 +269,7 @@ declare function __VLS_template(): {
                     focusDelay: number;
                     disabled: boolean;
                     scrollToCloseDistance: number;
+                    scrollToClose: boolean;
                     autoSetPosition: boolean;
                     alignPoint: boolean;
                     position: import('..').TriggerPostion;
@@ -289,14 +290,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;
@@ -925,6 +925,7 @@ declare const __VLS_component: import('vue').DefineComponent<AutoCompleteProps,
                     focusDelay: number;
                     disabled: boolean;
                     scrollToCloseDistance: number;
+                    scrollToClose: boolean;
                     autoSetPosition: boolean;
                     alignPoint: boolean;
                     position: import('..').TriggerPostion;
@@ -945,7 +946,6 @@ declare const __VLS_component: import('vue').DefineComponent<AutoCompleteProps,
                     autoFitPosition: boolean;
                     updateAtScroll: boolean;
                     preventFocus: boolean;
-                    scrollToClose: boolean;
                     needTransformOrigin: boolean;
                 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
@@ -979,6 +979,7 @@ declare const __VLS_component: import('vue').DefineComponent<AutoCompleteProps,
                 focusDelay: number;
                 disabled: boolean;
                 scrollToCloseDistance: number;
+                scrollToClose: boolean;
                 autoSetPosition: boolean;
                 alignPoint: boolean;
                 position: import('..').TriggerPostion;
@@ -999,14 +1000,13 @@ declare const __VLS_component: import('vue').DefineComponent<AutoCompleteProps,
                 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/Breadcrumb/BreadcrumbSeparator.vue.js

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

package/es/Calendar/Calendar.vue.js

@@ -9,7 +9,7 @@ import useControlValue from "../_shared/utils/control.js";
 import _sfc_main$2 from "../_shared/icons/IconArrowRight.vue.js";
 import _sfc_main$1 from "../_shared/components/IconButton.vue.js";
 /* empty css                                    */
-/* empty css                                         */
+/* empty css                                          */
 import Button from "../Button/index.js";
 import "../Radio/index.js";
 import _sfc_main$4 from "./CalendarMonth.vue.js";

package/es/Cascader/CascaderIcon.vue.js

@@ -8,7 +8,7 @@ import "../_shared/utils/locale.js";
 /* empty css                             */
 import _sfc_main$2 from "../_shared/components/IconButton.vue.js";
 /* empty css                                    */
-/* empty css                                         */
+/* empty css                                          */
 import Spin from "../Spin/index.js";
 const _hoisted_1 = { class: "yc-cascader-suffix-icon" };
 const _hoisted_2 = {

package/es/Checkbox/Checkbox.vue.js

@@ -10,7 +10,7 @@ import useContext from "./hooks/useContext.js";
 import _sfc_main$2 from "../_shared/icons/IconCheckboxChecked.vue.js";
 import _sfc_main$1 from "../_shared/components/IconButton.vue.js";
 /* empty css                                    */
-/* empty css                                         */
+/* empty css                                          */
 const _hoisted_1 = ["value", "disabled", "checked"];
 const _hoisted_2 = { class: "yc-checkbox-icon" };
 const _hoisted_3 = {

package/es/Collapse/CollapseItem.vue.js

@@ -8,8 +8,8 @@ import "../_shared/utils/locale.js";
 import _sfc_main$2 from "../_shared/icons/IconRight.vue.js";
 import _sfc_main$1 from "../_shared/components/IconButton.vue.js";
 /* 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                                          */
 const _hoisted_1 = { class: "yc-collapse-item-header-title text-ellipsis" };
 const _hoisted_2 = {
   key: 1,

package/es/ConfigProvider/index.d.ts

@@ -6,8 +6,6 @@ declare const ConfigProvider: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').ConfigProviderProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         size: import('..').Size;
         popupContainer: import('..').PopupContainer;
-        updateAtScroll: boolean;
-        scrollToClose: boolean;
         zIndex: number;
         locale: import('../_shared/type').ObjectData;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -20,8 +18,6 @@ declare const ConfigProvider: {
     }, Readonly<import('./type').ConfigProviderProps> & Readonly<{}>, {}, {}, {}, {}, {
         size: import('..').Size;
         popupContainer: import('..').PopupContainer;
-        updateAtScroll: boolean;
-        scrollToClose: boolean;
         zIndex: number;
         locale: import('../_shared/type').ObjectData;
     }>;
@@ -31,8 +27,6 @@ declare const ConfigProvider: {
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').ConfigProviderProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     size: import('..').Size;
     popupContainer: import('..').PopupContainer;
-    updateAtScroll: boolean;
-    scrollToClose: boolean;
     zIndex: number;
     locale: import('../_shared/type').ObjectData;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {

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

@@ -9,8 +9,6 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ConfigProviderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ConfigProviderProps> & Readonly<{}>, {
     size: import('..').Size;
     popupContainer: import('..').PopupContainer;
-    updateAtScroll: boolean;
-    scrollToClose: boolean;
     zIndex: number;
     locale: import('../_shared/type').ObjectData;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/es/ConfigProvider/index.vue.js

@@ -13,21 +13,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     locale: { default: void 0 },
     zIndex: { default: 1001 },
     size: { default: "medium" },
-    popupContainer: { default: "body" },
-    updateAtScroll: { type: Boolean, default: true },
-    scrollToClose: { type: Boolean, default: false }
+    popupContainer: { default: "body" }
   },
   setup(__props) {
-    const slots = useSlots();
+    useSlots();
     const props = __props;
-    const { locale, zIndex, size, updateAtScroll, scrollToClose, popupContainer } = toRefs(props);
+    const { locale, zIndex, size, popupContainer } = toRefs(props);
     provide(CONFIG_PROVIDER_PROVIDE_KEY, {
-      slots,
       locale,
       zIndex,
       size,
-      updateAtScroll,
-      scrollToClose,
       popupContainer
     });
     return (_ctx, _cache) => {

package/es/ConfigProvider/type.d.ts

@@ -5,8 +5,6 @@ export interface ConfigProviderProps {
     zIndex?: number;
     size?: Size;
     popupContainer?: PopupContainer;
-    updateAtScroll?: boolean;
-    scrollToClose?: boolean;
 }
 export interface ConfigconfigSlots {
     default?: () => VNode[];

package/es/Drawer/Drawer.vue.js

@@ -8,7 +8,7 @@ import useModalClose from "../Modal/hooks/useModalClose.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,
@@ -75,11 +75,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       maskClosable,
       escToClose,
       drawerStyle: _drawerStyle,
-      renderToBody,
-      popupContainer: _popupContainer
+      renderToBody
     } = toRefs(props);
     const { onBeforeOk, onBeforeCancel } = props;
-    const { zIndex, popupContainer } = getGlobalConfig(props);
+    const { zIndex, popupContainer, isAbsolute } = getGlobalConfig(props);
     const { t } = useI18n();
     const drawerStyle = computed(() => {
       return {
@@ -116,7 +115,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             `yc-drawer-placement-${unref(placement)}`,
             _ctx.$attrs.class,
             {
-              "yc-drawer-position-absolute": unref(_popupContainer) || !unref(renderToBody)
+              "yc-drawer-position-absolute": unref(isAbsolute)
             }
           ]),
           style: normalizeStyle({

package/es/Dropdown/Doption.vue.js

@@ -1,6 +1,5 @@
 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"
@@ -27,7 +26,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emits = __emit;
     const { value: optionValue, disabled, isSubmenu } = toRefs(props);
     const { select } = useContext().inject();
-    const { theme } = useMenuContext().inject();
     const handleClick = (ev) => {
       if (disabled.value) return;
       emits("click", ev);
@@ -38,7 +36,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([
           "yc-dropdown-option",
-          `yc-dropdown-option-theme-${unref(theme)}`,
           {
             "yc-dropdown-option-active": _ctx.isActive,
             "yc-dropdown-option-disabled": unref(disabled),

package/es/Dropdown/Dropdown.vue.js

@@ -5,7 +5,6 @@ import { isBoolean, isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../_shared/utils/locale.js";
 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" };
@@ -42,7 +41,6 @@ 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 +71,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-${unref(theme)}`, _ctx.$attrs.class],
+        class: ["yc-dropdown-popup", _ctx.$attrs.class],
         style: _ctx.$attrs.style,
         "animation-name": "slide-dynamic-origin",
         "need-transform-origin": ""

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

@@ -154,6 +154,7 @@ declare function __VLS_template(): {
                 focusDelay: number;
                 disabled: boolean;
                 scrollToCloseDistance: number;
+                scrollToClose: boolean;
                 autoSetPosition: boolean;
                 alignPoint: boolean;
                 position: import('../Trigger').TriggerPostion;
@@ -174,7 +175,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)[];
@@ -208,6 +208,7 @@ declare function __VLS_template(): {
             focusDelay: number;
             disabled: boolean;
             scrollToCloseDistance: number;
+            scrollToClose: boolean;
             autoSetPosition: boolean;
             alignPoint: boolean;
             position: import('../Trigger').TriggerPostion;
@@ -228,14 +229,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;
@@ -475,6 +475,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
             focusDelay: number;
             disabled: boolean;
             scrollToCloseDistance: number;
+            scrollToClose: boolean;
             autoSetPosition: boolean;
             alignPoint: boolean;
             position: import('../Trigger').TriggerPostion;
@@ -495,7 +496,6 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
             autoFitPosition: boolean;
             updateAtScroll: boolean;
             preventFocus: boolean;
-            scrollToClose: boolean;
             needTransformOrigin: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -529,6 +529,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
         focusDelay: number;
         disabled: boolean;
         scrollToCloseDistance: number;
+        scrollToClose: boolean;
         autoSetPosition: boolean;
         alignPoint: boolean;
         position: import('../Trigger').TriggerPostion;
@@ -549,14 +550,13 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
         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;

package/es/Dropdown/Dsubmenu.vue.js

@@ -8,14 +8,14 @@ import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 /* 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 +46,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       position: _position,
       popupMaxHeight: _popupMaxHeight
     } = toRefs(props);
-    const { theme } = useMenuContext().inject();
     const computedVisible = useControlValue(
       popupVisible,
       defaultPopupVisible.value,
@@ -108,25 +107,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/Image/ImagePreview.vue.js

@@ -52,10 +52,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 +136,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/Input/Input.vue.js

@@ -9,7 +9,7 @@ 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";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                             */
 import _sfc_main$3 from "./InputSuffix.vue.js";
 /* empty css                 */

package/es/Input/InputSuffix.vue.js

@@ -9,7 +9,7 @@ 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                                         */
+/* empty css                                          */
 const _hoisted_1 = {
   key: 0,
   class: "yc-input-word-limit"

package/es/InputTag/index.vue.js

@@ -12,7 +12,7 @@ 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";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                             */
 const _hoisted_1 = ["disabled", "readonly", "placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

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)}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: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)}