yc-design-vue 1.9.4 → 1.9.6

package/es/Cascader/CascaderPanel.vue.js

@@ -3,12 +3,8 @@ import useContext, { findOptions } from "./hooks/useContext.js";
 import _sfc_main$1 from "./CascaderOption.vue.js";
 /* empty css                    */
 import Scrollbar from "../Scrollbar/index.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import { getGlobalConfig } from "../_shared/utils/global-config.js";
-import "../_shared/utils/locale.js";
 import Spin from "../Spin/index.js";
+import Empty from "../Empty/index.js";
 const _hoisted_1 = {
   role: "menu",
   class: "yc-cascader-list"
@@ -16,7 +12,6 @@ const _hoisted_1 = {
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CascaderPanel",
   setup(__props) {
-    const { renderEmpty } = getGlobalConfig();
     const { options, curLevel, curPath, maxLevel, loading, slots } = useContext().inject();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(TransitionGroup, {
@@ -28,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           unref(loading) ? (openBlock(), createBlock(unref(Spin), {
             key: 0,
             loading: unref(loading)
-          }, null, 8, ["loading"])) : !unref(options).length ? (openBlock(), createBlock(resolveDynamicComponent(unref(slots).empty || unref(renderEmpty)("Select")), { key: 1 })) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(unref(maxLevel), (i) => {
+          }, null, 8, ["loading"])) : !unref(options).length ? (openBlock(), createBlock(resolveDynamicComponent(unref(slots).empty || unref(Empty)), { key: 1 })) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(unref(maxLevel), (i) => {
             return withDirectives((openBlock(), createElementBlock("div", {
               key: i,
               style: normalizeStyle({

package/es/Cascader/CascaderSearchPanel.vue.js

@@ -1,13 +1,9 @@
 import { defineComponent, createElementBlock, openBlock, createCommentVNode, createVNode, unref, createBlock, resolveDynamicComponent, withCtx, createElementVNode, Fragment, renderList, mergeProps } from "vue";
 import useContext from "./hooks/useContext.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import { getGlobalConfig } from "../_shared/utils/global-config.js";
-import "../_shared/utils/locale.js";
 import _sfc_main$1 from "./CascaderOption.vue.js";
 /* empty css                    */
 import Scrollbar from "../Scrollbar/index.js";
+import Empty from "../Empty/index.js";
 const _hoisted_1 = { class: "yc-cascader-panel yc-cascader-search-panel" };
 const _hoisted_2 = {
   key: 0,
@@ -20,12 +16,11 @@ const _hoisted_3 = {
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CascaderSearchPanel",
   setup(__props) {
-    const { renderEmpty } = getGlobalConfig();
     const { searchOptions, slots } = useContext().inject();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         !unref(searchOptions).length ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          (openBlock(), createBlock(resolveDynamicComponent(unref(slots).empty || unref(renderEmpty)("Select"))))
+          (openBlock(), createBlock(resolveDynamicComponent(unref(slots).empty || unref(Empty))))
         ])) : createCommentVNode("", true),
         createVNode(unref(Scrollbar), { class: "yc-cascader-column-content" }, {
           default: withCtx(() => [

package/es/Cascader/hooks/useContext.js

@@ -3,8 +3,6 @@ import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import "../../_shared/utils/dom.js";
 import { isBoolean, isFunction, isArray, isObject } 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";
 const CASCADER_CONTEXT_KEY = "cascader-context";

package/es/Cascader/index.d.ts

@@ -31,10 +31,10 @@ declare const Cascader: {
         defaultPopupVisible: boolean;
         disabled: boolean;
         popupContainer: import('..').PopupContainer;
-        loading: boolean;
         error: boolean;
         multiple: boolean;
         placeholder: string;
+        loading: boolean;
         modelValue: import('./type').CascaderValue;
         defaultValue: import('./type').CascaderValue;
         allowClear: boolean;
@@ -232,10 +232,10 @@ declare const Cascader: {
         defaultPopupVisible: boolean;
         disabled: boolean;
         popupContainer: import('..').PopupContainer;
-        loading: boolean;
         error: boolean;
         multiple: boolean;
         placeholder: string;
+        loading: boolean;
         modelValue: import('./type').CascaderValue;
         defaultValue: import('./type').CascaderValue;
         allowClear: boolean;
@@ -289,10 +289,10 @@ declare const Cascader: {
     defaultPopupVisible: boolean;
     disabled: boolean;
     popupContainer: import('..').PopupContainer;
-    loading: boolean;
     error: boolean;
     multiple: boolean;
     placeholder: string;
+    loading: boolean;
     modelValue: import('./type').CascaderValue;
     defaultValue: import('./type').CascaderValue;
     allowClear: boolean;

package/es/Checkbox/Checkbox.vue.js

@@ -3,15 +3,14 @@ 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 _sfc_main$2 from "../_shared/icons/IconCheckboxChecked.vue.js";
 import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 import useContext from "./hooks/useContext.js";
+/* empty css                             */
+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/Checkbox/hooks/useContext.js

@@ -3,8 +3,6 @@ import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import "../../_shared/utils/dom.js";
 import { isObject } 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";
 const CHECKBOX_GROUP_CONTEXT_KEY = "checkbox-group-context";

package/es/Collapse/CollapseItem.vue.js

@@ -3,14 +3,13 @@ import useContext from "./hooks/useContext.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$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/Collapse/hooks/useContext.js

@@ -2,8 +2,6 @@ import { toRefs, useSlots, provide, inject, ref, computed } from "vue";
 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";
 const COLLAPSE_CONTEXT_KEY = "collapse-context";

package/es/ColorPicker/ColorControl.vue.js

@@ -3,8 +3,6 @@ import { useDraggable } from "../node_modules/@vueuse/core/index.js";
 import { parseColor, GradientColorCalculator } from "../_shared/utils/color.js";
 import { sleep, valueToPx } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
 import "../_shared/utils/locale.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ColorControl",

package/es/ColorPicker/ColorInput.vue.js

@@ -2,8 +2,6 @@ import { defineComponent, toRefs, ref, watch, createElementBlock, openBlock, cre
 import { parseColor } from "../_shared/utils/color.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
 import "../_shared/utils/locale.js";
 import { COLOR_PICKER_FORMAT_OPTIONS } from "../_shared/constants/index.js";
 import Select from "../Select/index.js";

package/es/ColorPicker/ColorList.vue.js

@@ -2,8 +2,6 @@ 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";
-/* empty css                             */
 import { useI18n } from "../_shared/utils/locale.js";
 const _hoisted_1 = { class: "yc-color-picker-colors-section" };
 const _hoisted_2 = { class: "yc-color-picker-colors-text" };

package/es/ColorPicker/ColorPalette.vue.js

@@ -3,8 +3,6 @@ import { useElementBounding, useDraggable } from "../node_modules/@vueuse/core/i
 import { parseColor } from "../_shared/utils/color.js";
 import { sleep, valueToPx } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
 import "../_shared/utils/locale.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ColorPalette",

package/es/ColorPicker/ColorPanel.vue.js

@@ -2,8 +2,6 @@ import { defineComponent, ref, createElementBlock, openBlock, normalizeClass, un
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.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 "./ColorPalette.vue.js";

package/es/Comment/index.vue.js

@@ -3,8 +3,6 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import { isObject } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
 import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 import Avatar from "../Avatar/index.js";

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,15 +5,8 @@ export interface ConfigProviderProps {
     zIndex?: number;
     size?: Size;
     popupContainer?: PopupContainer;
-    updateAtScroll?: boolean;
-    scrollToClose?: boolean;
 }
 export interface ConfigconfigSlots {
     default?: () => VNode[];
-    loading?: () => VNode[];
-    empty?: (scope: {
-        component: EmptyComponent;
-    }) => VNode[];
 }
-export type EmptyComponent = 'Select' | 'List' | 'Transfer';
 export type YcLang = 'ar-EG' | 'de-DE' | 'en-US' | 'es-ES' | 'fr-FR' | 'id-ID' | 'it-it' | 'ja-JP' | 'km-KH' | 'ko-KR' | 'ms-MY' | 'nl-NL' | 'pt-PT' | 'ru-RU' | 'th-TH' | 'vi-VN' | 'zh-CN' | 'zh-TW';

package/es/Descriptions/ReuseItem.vue.js

@@ -4,8 +4,6 @@ import "../_shared/utils/dom.js";
 import { isObject } 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 useContext from "./hooks/useContext.js";
 const _hoisted_1 = { class: "yc-descriptions-item" };

package/es/Descriptions/ReuseTd.vue.js

@@ -4,8 +4,6 @@ import "../_shared/utils/dom.js";
 import { isObject } 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 useContext from "./hooks/useContext.js";
 const _hoisted_1 = ["colspan"];

package/es/Divider/index.vue.js

@@ -3,8 +3,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";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

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/Drawer/DrawerService.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 _sfc_main$1 from "./Drawer.vue.js";
 /* empty css            */

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

@@ -3,11 +3,8 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx } from "../_shared/utils/dom.js";
 import { isBoolean, isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
 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" };
@@ -44,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";
     });
@@ -75,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/DropdownButton.vue.js

@@ -2,7 +2,6 @@ import { defineComponent, createBlock, openBlock, unref, withCtx, createVNode, m
 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$3 from "../_shared/icons/IconMore.vue.js";

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

@@ -4,19 +4,18 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx } from "../_shared/utils/dom.js";
 import { isBoolean, isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
-import _sfc_main$2 from "../_shared/icons/IconArrowRight.vue.js";
 import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
-import useMenuContext from "../Menu/hooks/useContext.js";
+/* empty css                             */
+import _sfc_main$2 from "../_shared/icons/IconArrowRight.vue.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"
 };
@@ -47,7 +46,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       position: _position,
       popupMaxHeight: _popupMaxHeight
     } = toRefs(props);
-    const { theme } = useMenuContext().inject();
     const computedVisible = useControlValue(
       popupVisible,
       defaultPopupVisible.value,
@@ -109,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/hooks/useContext.js

@@ -2,8 +2,6 @@ import { toRefs, provide, inject } from "vue";
 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";
 const DROPDOWN_CONTEXT_KEY = "dropdown-context";

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}