yc-design-vue 2.0.3 → 2.0.5

package/es/Descriptions/Descriptions.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createVNode, createBlock } from "vue";
+import { defineComponent, useSlots, computed, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createVNode, createBlock } from "vue";
 import _sfc_main$1 from "./ReuseTd.vue.js";
 /* empty css             */
 import _sfc_main$2 from "./ReuseItem.vue.js";
 /* empty css               */
-import useContext from "./hooks/useContext.js";
+import useDescContext from "./hooks/useContext.js";
 const _hoisted_1 = {
   key: 0,
   class: "yc-descriptions-title"
@@ -34,8 +34,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     tableLayout: { default: "auto" }
   },
   setup(__props) {
+    const $slots = useSlots();
     const props = __props;
-    const { column, size, data, layout } = useContext().provide(props);
+    const { column, size, data, layout } = useDescContext().provide(props);
     const renderArr = computed(() => {
       var _a, _b;
       let count = 0;
@@ -84,7 +85,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         ])
       }, [
-        _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        $slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_1, [
           renderSlot(_ctx.$slots, "title", {}, () => [
             createTextVNode(toDisplayString(_ctx.title), 1)
           ])

package/es/Descriptions/DescriptionsItem.vue.d.ts

@@ -7,8 +7,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<DescriptionsItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DescriptionsItemProps> & Readonly<{}>, {
-    label: string;
     span: number;
+    label: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/es/Descriptions/ReuseItem.vue.js

@@ -1,11 +1,7 @@
 import { defineComponent, createElementBlock, openBlock, createElementVNode, normalizeStyle, unref, createBlock, resolveDynamicComponent } from "vue";
-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 { getSlotFunction } from "../_shared/utils/vue-utils.js";
-import "../_shared/utils/locale.js";
-import useContext from "./hooks/useContext.js";
+import useDescContext from "./hooks/useContext.js";
 const _hoisted_1 = { class: "yc-descriptions-item" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ReuseItem",
@@ -14,7 +10,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     index: {}
   },
   setup(__props) {
-    const { labelStyle, valueStyle, slots, align } = useContext().inject();
+    const { labelStyle, valueStyle, slots, align } = useDescContext().inject();
     return (_ctx, _cache) => {
       var _a, _b, _c, _d;
       return openBlock(), createElementBlock("td", _hoisted_1, [

package/es/Descriptions/ReuseTd.vue.js

@@ -1,11 +1,7 @@
 import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createBlock, resolveDynamicComponent } from "vue";
-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 { getSlotFunction } from "../_shared/utils/vue-utils.js";
-import "../_shared/utils/locale.js";
-import useContext from "./hooks/useContext.js";
+import useDescContext from "./hooks/useContext.js";
 const _hoisted_1 = ["colspan"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ReuseTd",
@@ -16,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     colspan: {}
   },
   setup(__props) {
-    const { labelStyle, valueStyle, bordered, size, align, slots } = useContext().inject();
+    const { labelStyle, valueStyle, bordered, size, align, slots } = useDescContext().inject();
     return (_ctx, _cache) => {
       var _a, _b, _c, _d;
       return openBlock(), createElementBlock("td", {

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

@@ -9,7 +9,7 @@ type DescriptionsContext = {
     size: Ref<Size>;
     slots: Slots;
 };
-declare const _default: () => {
+export default function useDescContext(): {
     provide: (props: RecordType) => {
         data: import('vue').ComputedRef<DescData[]>;
         size: import('vue').ComputedRef<any>;
@@ -18,4 +18,4 @@ declare const _default: () => {
     };
     inject: () => DescriptionsContext;
 };
-export default _default;
+export {};

package/es/Descriptions/hooks/useContext.js

@@ -1,13 +1,10 @@
 import { toRefs, useSlots, computed, ref, provide, inject } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import { getBreakpointValue, mediaQueryHandler } from "../../_shared/utils/dom.js";
-import "../../_shared/utils/time.js";
-import { findComponentsFromVnodes } from "../../_shared/utils/vue-utils.js";
 import { getGlobalConfig } from "../../_shared/utils/global-config.js";
-import "../../_shared/utils/locale.js";
+import { findComponentsFromVnodes } from "../../_shared/utils/vue-utils.js";
 import _sfc_main from "../DescriptionsItem.vue.js";
 const DESCRIPTIONS_CONTEXT_KEY = "radio-group-context";
-const useContext = () => {
+function useDescContext() {
   const provide$1 = (props) => {
     const {
       data: _data,
@@ -72,7 +69,7 @@ const useContext = () => {
     provide: provide$1,
     inject: inject$1
   };
-};
+}
 export {
-  useContext as default
+  useDescContext as default
 };

package/es/Descriptions/index.d.ts

@@ -7,10 +7,10 @@ export * from './type';
 declare const Descriptions: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').DescriptionsProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         size: import('..').Size;
-        column: import('./type').DescriptionsColumn;
-        layout: import('./type').DescriptionsLayout;
         data: import('./type').DescData[];
         title: string;
+        column: import('./type').DescriptionsColumn;
+        layout: import('./type').DescriptionsLayout;
         bordered: boolean;
         tableLayout: import('./type').TableLayout;
         align: import('./type').DescriptionsAlign;
@@ -25,10 +25,10 @@ declare const Descriptions: {
         Defaults: {};
     }, Readonly<import('./type').DescriptionsProps> & Readonly<{}>, {}, {}, {}, {}, {
         size: import('..').Size;
-        column: import('./type').DescriptionsColumn;
-        layout: import('./type').DescriptionsLayout;
         data: import('./type').DescData[];
         title: string;
+        column: import('./type').DescriptionsColumn;
+        layout: import('./type').DescriptionsLayout;
         bordered: boolean;
         tableLayout: import('./type').TableLayout;
         align: import('./type').DescriptionsAlign;
@@ -40,22 +40,22 @@ declare const Descriptions: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').DescriptionsProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     size: import('..').Size;
-    column: import('./type').DescriptionsColumn;
-    layout: import('./type').DescriptionsLayout;
     data: import('./type').DescData[];
     title: string;
+    column: import('./type').DescriptionsColumn;
+    layout: import('./type').DescriptionsLayout;
     bordered: boolean;
     tableLayout: import('./type').TableLayout;
     align: import('./type').DescriptionsAlign;
     labelStyle: import('vue').CSSProperties;
     valueStyle: import('vue').CSSProperties;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Readonly<import('./type').DescriptionsSlots> & import('./type').DescriptionsSlots;
+    $slots: any;
 }) & {
     item: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').DescriptionsItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            label: string;
             span: number;
+            label: string;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -64,15 +64,15 @@ declare const Descriptions: {
             M: {};
             Defaults: {};
         }, Readonly<import('./type').DescriptionsItemProps> & Readonly<{}>, {}, {}, {}, {}, {
-            label: string;
             span: number;
+            label: string;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').DescriptionsItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        label: string;
         span: number;
+        label: string;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<import('./type').DescriptionsItemSlots> & import('./type').DescriptionsItemSlots;
     });

package/es/Divider/index.d.ts

@@ -33,7 +33,7 @@ declare const Divider: {
     margin: number | string;
     orientation: import('./type').Orientation;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Readonly<import('./type').DividerSlots> & import('./type').DividerSlots;
+    $slots: any;
 }) & {
     install: (app: App) => void;
 };

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

@@ -1,7 +1,7 @@
-import { DividerProps, DividerSlots } from './type';
+import { DividerProps } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<DividerSlots> & DividerSlots;
+    slots: any;
     refs: {};
     rootEl: HTMLDivElement;
 };

package/es/Divider/index.vue.js

@@ -1,9 +1,6 @@
-import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, renderSlot } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { defineComponent, useSlots, toRefs, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, renderSlot } from "vue";
 import { valueToPx } from "../_shared/utils/dom.js";
 import { isUndefined } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Divider"
@@ -17,6 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     margin: { default: void 0 }
   },
   setup(__props) {
+    const $slots = useSlots();
     const props = __props;
     const { size, margin: _margin, direction, type } = toRefs(props);
     const margin = computed(() => {
@@ -38,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           borderBottom: unref(direction) == "horizontal" ? border.value : ""
         })
       }, [
-        _ctx.$slots.default && unref(direction) != "vertical" ? (openBlock(), createElementBlock("div", {
+        $slots.default && unref(direction) != "vertical" ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(["yc-divider-text", `yc-divider-text-${_ctx.orientation}`])
         }, [

package/es/Drawer/Drawer.vue.d.ts

@@ -24,15 +24,15 @@ declare const __VLS_component: import('vue').DefineComponent<DrawerProps, {}, {}
     "onBefore-open"?: (() => any) | undefined;
     "onBefore-close"?: (() => any) | undefined;
 }>, {
-    unmountOnClose: boolean;
+    footer: boolean;
+    header: boolean;
+    title: string;
     popupContainer: import('..').PopupContainer;
     renderToBody: boolean;
+    unmountOnClose: boolean;
     width: number | string;
     height: number | string;
     visible: boolean;
-    footer: boolean;
-    header: boolean;
-    title: string;
     mask: boolean;
     defaultVisible: boolean;
     closable: boolean;

package/es/Drawer/Drawer.vue.js

@@ -1,13 +1,11 @@
 import { defineComponent, toRefs, computed, createBlock, openBlock, Teleport, unref, withDirectives, createCommentVNode, createElementBlock, normalizeStyle, normalizeClass, createVNode, Transition, withCtx, vShow, createElementVNode, renderSlot, createTextVNode, toDisplayString, mergeProps } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import { valueToPx } from "../_shared/utils/dom.js";
 import { useI18n } from "../_shared/utils/locale.js";
 import useModalClose from "../Modal/hooks/useModalClose.js";
 import Button from "../Button/index.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 const _hoisted_1 = {

package/es/Drawer/DrawerService.vue.d.ts

@@ -1,12 +1,12 @@
 import { DrawerServiceProps } from './type';
 declare const _default: import('vue').DefineComponent<DrawerServiceProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DrawerServiceProps> & Readonly<{}>, {
-    unmountOnClose: boolean;
-    renderToBody: boolean;
-    width: number | string;
-    height: number | string;
     footer: boolean;
     header: boolean;
     title: string & import('..').RenderContent;
+    renderToBody: boolean;
+    unmountOnClose: boolean;
+    width: number | string;
+    height: number | string;
     mask: boolean;
     closable: boolean;
     maskClosable: boolean;

package/es/Drawer/DrawerService.vue.js

@@ -1,9 +1,5 @@
 import { defineComponent, ref, onMounted, createBlock, openBlock, mergeProps, withCtx, createElementVNode, resolveDynamicComponent, unref } from "vue";
-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 "../_shared/utils/locale.js";
 import _sfc_main$1 from "./Drawer.vue.js";
 /* empty css            */
 const _hoisted_1 = { class: "yc-drawer-body-content" };

package/es/Drawer/index.d.ts

@@ -1,5 +1,5 @@
 import { App } from 'vue';
-import { DrawerConfig, DrawerUpdateConfig } from './type';
+import { DrawerConfig } from './type';
 import { default as _Drawer } from './Drawer.vue';
 export type DrawerInstance = InstanceType<typeof _Drawer>;
 export * from './type';
@@ -21,15 +21,15 @@ declare const Drawer: {
         "before-open": () => any;
         "before-close": () => any;
     }, import('vue').PublicProps, {
-        unmountOnClose: boolean;
+        footer: boolean;
+        header: boolean;
+        title: string;
         popupContainer: import('..').PopupContainer;
         renderToBody: boolean;
+        unmountOnClose: boolean;
         width: number | string;
         height: number | string;
         visible: boolean;
-        footer: boolean;
-        header: boolean;
-        title: string;
         mask: boolean;
         defaultVisible: boolean;
         closable: boolean;
@@ -61,15 +61,15 @@ declare const Drawer: {
         "onBefore-open"?: (() => any) | undefined;
         "onBefore-close"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
-        unmountOnClose: boolean;
+        footer: boolean;
+        header: boolean;
+        title: string;
         popupContainer: import('..').PopupContainer;
         renderToBody: boolean;
+        unmountOnClose: boolean;
         width: number | string;
         height: number | string;
         visible: boolean;
-        footer: boolean;
-        header: boolean;
-        title: string;
         mask: boolean;
         defaultVisible: boolean;
         closable: boolean;
@@ -106,15 +106,15 @@ declare const Drawer: {
     "before-open": () => any;
     "before-close": () => any;
 }, string, {
-    unmountOnClose: boolean;
+    footer: boolean;
+    header: boolean;
+    title: string;
     popupContainer: import('..').PopupContainer;
     renderToBody: boolean;
+    unmountOnClose: boolean;
     width: number | string;
     height: number | string;
     visible: boolean;
-    footer: boolean;
-    header: boolean;
-    title: string;
     mask: boolean;
     defaultVisible: boolean;
     closable: boolean;
@@ -136,15 +136,20 @@ declare const Drawer: {
     install: (app: App) => void;
     open: (props: DrawerConfig) => {
         close: () => void;
-        update: (_updateProps: DrawerUpdateConfig) => void;
     };
 };
 declare module 'vue' {
     interface GlobalComponents {
         YcDrawer: typeof Drawer;
     }
+}
+declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {
-        $drawer: typeof Drawer;
+        $drawer: {
+            open: (props: DrawerConfig) => {
+                close: () => void;
+            };
+        };
     }
 }
 export default Drawer;

package/es/Drawer/index.js

@@ -12,24 +12,21 @@ const open = (props) => {
   const close = () => {
     render(null, container);
   };
-  const update = (_updateProps) => {
-  };
   const vnode = h(_sfc_main$1, {
     ...props,
     serviceClose: close
   });
   render(vnode, container);
   return {
-    close,
-    update
+    close
   };
 };
 const Drawer = Object.assign(_sfc_main, {
   install: (app) => {
     app.component("Yc" + _sfc_main.name, _sfc_main);
-    app.config.globalProperties.$drawer = Object.assign(_sfc_main, {
+    app.config.globalProperties.$drawer = {
       open
-    });
+    };
   },
   open
 });

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

@@ -1,7 +1,7 @@
-import { DoptionProps, DoptionSlots } from './type';
+import { DoptionProps } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<DoptionSlots> & DoptionSlots;
+    slots: any;
     refs: {};
     rootEl: HTMLDivElement;
 };

package/es/Dropdown/Doption.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent, toRefs, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, renderSlot } from "vue";
-import useContext from "./hooks/useContext.js";
+import { defineComponent, useSlots, toRefs, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, renderSlot } from "vue";
+import useDropdownContext from "./hooks/useContext.js";
 const _hoisted_1 = {
   key: 0,
   class: "yc-dropdown-option-icon"
@@ -22,10 +22,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
+    const $slots = useSlots();
     const props = __props;
     const emits = __emit;
     const { value: optionValue, disabled, isSubmenu } = toRefs(props);
-    const { select } = useContext().inject();
+    const { select } = useDropdownContext().inject();
     const handleClick = (ev) => {
       if (disabled.value) return;
       emits("click", ev);
@@ -39,18 +40,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           {
             "yc-dropdown-option-active": _ctx.isActive,
             "yc-dropdown-option-disabled": unref(disabled),
-            "yc-dropdown-option-has-suffix": _ctx.$slots.suffix
+            "yc-dropdown-option-has-suffix": $slots.suffix
           }
         ]),
         onClick: handleClick
       }, [
-        _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        $slots.icon ? (openBlock(), createElementBlock("div", _hoisted_1, [
           renderSlot(_ctx.$slots, "icon")
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_2, [
           renderSlot(_ctx.$slots, "default")
         ]),
-        _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_3, [
+        $slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_3, [
           renderSlot(_ctx.$slots, "suffix")
         ])) : createCommentVNode("", true)
       ], 2);

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

@@ -1,7 +1,7 @@
-import { DropdownProps, DoptionValue, DropdownSlots } from './type';
+import { DropdownProps, DoptionValue } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<DropdownSlots> & DropdownSlots;
+    slots: any;
     refs: {};
     rootEl: any;
 };
@@ -10,20 +10,20 @@ declare const __VLS_component: import('vue').DefineComponent<DropdownProps, {
     show(): void;
     hide(): void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (value: DoptionValue, ev: MouseEvent) => any;
     "update:popupVisible": (value: boolean) => any;
     "popup-visible-change": (value: boolean) => any;
-    select: (value: DoptionValue, ev: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<DropdownProps> & Readonly<{
+    onSelect?: ((value: DoptionValue, ev: MouseEvent) => any) | undefined;
     "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
     "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
-    onSelect?: ((value: DoptionValue, ev: MouseEvent) => any) | undefined;
 }>, {
+    popupContainer: import('..').PopupContainer;
     trigger: import('../Trigger').TriggerType;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     alignPoint: boolean;
     position: import('./type').DropdownPosition;
-    popupContainer: import('..').PopupContainer;
     triggerProps: import('../Trigger').TriggerProps;
     hideOnSelect: boolean;
     popupMaxHeight: import('..').PopupMaxHeight;

package/es/Dropdown/Dropdown.vue.js

@@ -1,10 +1,7 @@
-import { defineComponent, toRefs, computed, createBlock, openBlock, unref, mergeProps, isRef, withCtx, renderSlot, createElementVNode, createVNode, createElementBlock, createCommentVNode, normalizeStyle } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../_shared/utils/dom.js";
+import { defineComponent, useSlots, toRefs, computed, createBlock, openBlock, unref, mergeProps, isRef, withCtx, renderSlot, createElementVNode, createVNode, createElementBlock, createCommentVNode, normalizeStyle } from "vue";
 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 { valueToPx } from "../_shared/utils/dom.js";
+import useDropdownContext from "./hooks/useContext.js";
 import Trigger from "../Trigger/index.js";
 import Scrollbar from "../Scrollbar/index.js";
 const _hoisted_1 = { class: "yc-dropdown" };
@@ -33,6 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:popupVisible", "popup-visible-change", "select"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    const $slots = useSlots();
     const props = __props;
     const emits = __emit;
     const {
@@ -40,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       position: _position,
       popupMaxHeight: _popupMaxHeight
     } = toRefs(props);
-    const { computedVisible } = useContext().provide(props, emits);
+    const { computedVisible } = useDropdownContext().provide(props, emits);
     const position = computed(() => {
       return ["top", "tl", "tr", "bottom", "bl", "br"].includes(_position.value) ? _position.value : "bottom";
     });
@@ -90,7 +88,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 3
             }, 8, ["style"]),
-            _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            $slots.footer ? (openBlock(), createElementBlock("div", _hoisted_3, [
               renderSlot(_ctx.$slots, "footer")
             ])) : createCommentVNode("", true)
           ])

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

@@ -8,21 +8,21 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<DropdownButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     click: (ev: MouseEvent) => any;
-    "popup-visible-change": (value: boolean) => any;
     select: (value: DoptionValue) => any;
+    "popup-visible-change": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<DropdownButtonProps> & Readonly<{
     onClick?: ((ev: MouseEvent) => any) | undefined;
-    "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
     onSelect?: ((value: DoptionValue) => any) | undefined;
+    "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
 }>, {
     size: import('..').Size;
+    type: import('../Button').ButtonType;
+    popupContainer: import('..').PopupContainer;
     trigger: import('..').TriggerType;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     disabled: boolean;
     position: import('./type').DropdownPosition;
-    popupContainer: import('..').PopupContainer;
-    type: import('../Button').ButtonType;
     hideOnSelect: boolean;
     buttonProps: import('../Button').ButtonProps;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/es/Dropdown/DropdownButton.vue.js

@@ -1,9 +1,6 @@
 import { defineComponent, createBlock, openBlock, unref, withCtx, createVNode, mergeProps, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$3 from "../_shared/icons/IconMore.vue.js";