yc-design-vue 2.0.4 → 2.0.6

package/es/Collapse/hooks/useContext.js

@@ -1,7 +1,7 @@
 import { toRefs, useSlots, provide, inject, ref, computed } from "vue";
 import { useControlValue } from "../../_shared/utils/control.js";
 const COLLAPSE_CONTEXT_KEY = "collapse-context";
-const useContext = () => {
+function useCollapseContext() {
   const provide$1 = (props, emits) => {
     const {
       activeKey,
@@ -56,8 +56,7 @@ const useContext = () => {
     provide: provide$1,
     inject: inject$1
   };
-};
+}
 export {
-  COLLAPSE_CONTEXT_KEY,
-  useContext as default
+  useCollapseContext as default
 };

package/es/Collapse/type.d.ts

@@ -1,3 +1,4 @@
+import { Position } from '../_shared/type';
 import { VNode } from 'vue';
 export interface CollapseProps {
     activeKey?: CollapseValue[];
@@ -38,4 +39,4 @@ export interface CollapseItemSlots {
     }) => VNode[];
 }
 export type CollapseValue = string | number;
-export type ExpandIconPosition = 'left' | 'right';
+export type ExpandIconPosition = Exclude<Position, 'top' | 'bottom'>;

package/es/ColorPicker/ColorControl.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, toRefs, ref, watch, createElementBlock, openBlock, normalizeStyle, unref, createElementVNode } from "vue";
-import { useDraggable } from "../node_modules/@vueuse/core/index.js";
 import { sleep, valueToPx } from "../_shared/utils/dom.js";
+import { useDraggable } from "../node_modules/@vueuse/core/index.js";
 import { parseColor, GradientColorCalculator } from "../_shared/utils/color.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ColorControl",

package/es/ColorPicker/ColorPalette.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, toRefs, ref, computed, watch, createElementBlock, openBlock, normalizeStyle, unref, createElementVNode } from "vue";
-import { useElementBounding, useDraggable } from "../node_modules/@vueuse/core/index.js";
 import { sleep, valueToPx } from "../_shared/utils/dom.js";
+import { useElementBounding, useDraggable } from "../node_modules/@vueuse/core/index.js";
 import { parseColor } from "../_shared/utils/color.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ColorPalette",

package/es/ColorPicker/ColorPanel.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, createElementBlock, openBlock, normalizeClass, unref, createVNode, createElementVNode, createCommentVNode, isRef, normalizeStyle, createBlock } from "vue";
 import { useI18n } from "../_shared/utils/locale.js";
-import useContext from "./hooks/useContext.js";
+import useColorPickerContext from "./hooks/useContext.js";
 import _sfc_main$1 from "./ColorPalette.vue.js";
 /* empty css                  */
 import _sfc_main$3 from "./ColorInput.vue.js";
@@ -31,7 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       hideTrigger,
       presetColors,
       historyColors
-    } = useContext().inject();
+    } = useColorPickerContext().inject();
     const { t } = useI18n();
     const colorBarRef = ref();
     const alphaBarRef = ref();

package/es/ColorPicker/ColorPicker.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, createBlock, openBlock, unref, mergeProps, isRef, withCtx, renderSlot, createElementVNode, normalizeStyle, normalizeClass, createElementBlock, createCommentVNode, toDisplayString, createVNode } from "vue";
 import { COLOR_PICKER_PRESET_COLORS } from "../_shared/constants/index.js";
-import useContext from "./hooks/useContext.js";
+import useColorPickerContext from "./hooks/useContext.js";
 import _sfc_main$1 from "./ColorPanel.vue.js";
 /* empty css                */
 import Trigger from "../Trigger/index.js";
@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const { popupVisible, computedColor, size } = useContext().provide(
+    const { popupVisible, computedColor, size } = useColorPickerContext().provide(
       props,
       emits
     );

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

@@ -16,7 +16,7 @@ type ColorPickerContext = {
     presetColors: Ref<string[]>;
     emits: ColorPickerEmits;
 };
-declare const _default: () => {
+export default function useColorPickerContext(): {
     provide: (props: RecordType, emits: ColorPickerEmits) => {
         popupVisible: Ref<boolean, boolean>;
         size: import('vue').ComputedRef<any>;
@@ -24,4 +24,4 @@ declare const _default: () => {
     };
     inject: () => ColorPickerContext;
 };
-export default _default;
+export {};

package/es/ColorPicker/hooks/useContext.js

@@ -3,7 +3,7 @@ import { parseColor } from "../../_shared/utils/color.js";
 import { getGlobalConfig } from "../../_shared/utils/global-config.js";
 import { useControlValue } from "../../_shared/utils/control.js";
 const COLOR_PICKER_CONTEXT_KEY = "color-picker-context";
-const useContext = () => {
+function useColorPickerContext() {
   const provide$1 = (props, emits) => {
     const {
       modelValue,
@@ -84,7 +84,7 @@ const useContext = () => {
     provide: provide$1,
     inject: inject$1
   };
-};
+}
 export {
-  useContext as default
+  useColorPickerContext as default
 };

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

@@ -1,4 +1,3 @@
-declare const _default: () => {
+export default function useCommentContext(): {
     hasChildren: import('vue').ComputedRef<boolean>;
 };
-export default _default;

package/es/Comment/hooks/useContext.js

@@ -1,7 +1,7 @@
 import { inject, reactive, computed, onBeforeUnmount, provide } from "vue";
 import { nanoid } from "../../node_modules/nanoid/index.browser.js";
 const COMMENT_CONTEXT_KEY = "comment-context";
-const useContext = () => {
+function useCommentContext() {
   const { depths } = inject(COMMENT_CONTEXT_KEY, {
     depths: reactive(/* @__PURE__ */ new Map())
   });
@@ -17,7 +17,7 @@ const useContext = () => {
   return {
     hasChildren
   };
-};
+}
 export {
-  useContext as default
+  useCommentContext as default
 };

package/es/Comment/index.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, useSlots, createElementBlock, openBlock, createCommentVNode, createElementVNode, renderSlot, createVNode, unref, normalizeClass, createTextVNode, toDisplayString } from "vue";
 import { isObject } from "../_shared/utils/is.js";
-import useContext from "./hooks/useContext.js";
+import useCommentContext from "./hooks/useContext.js";
 import Avatar from "../Avatar/index.js";
 const _hoisted_1 = {
   Comment: "",
@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const $slots = useSlots();
-    const { hasChildren } = useContext();
+    const { hasChildren } = useCommentContext();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         $slots.avatar || _ctx.avatar ? (openBlock(), createElementBlock("div", _hoisted_2, [

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

@@ -10,10 +10,10 @@ declare const __VLS_component: import('vue').DefineComponent<DescriptionsProps,
     size: import('..').Size;
     data: DescData[];
     title: string;
-    column: import('./type').DescriptionsColumn;
-    layout: import('./type').DescriptionsLayout;
+    column: number | import('..').ResponsiveValue;
+    layout: "vertical" | "horizontal" | "inline-horizontal" | "inline-vertical";
     bordered: boolean;
-    tableLayout: import('./type').TableLayout;
+    tableLayout: "auto" | "fixed";
     align: import('./type').DescriptionsAlign;
     labelStyle: import('vue').CSSProperties;
     valueStyle: import('vue').CSSProperties;

package/es/Descriptions/Descriptions.vue.js

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

package/es/Descriptions/ReuseItem.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, createElementBlock, openBlock, createElementVNode, normalizeStyle, unref, createBlock, resolveDynamicComponent } from "vue";
 import { isObject } from "../_shared/utils/is.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.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",
@@ -10,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,7 +1,7 @@
 import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createBlock, resolveDynamicComponent } from "vue";
 import { isObject } from "../_shared/utils/is.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.js";
-import useContext from "./hooks/useContext.js";
+import useDescContext from "./hooks/useContext.js";
 const _hoisted_1 = ["colspan"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ReuseTd",
@@ -12,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,13 +9,13 @@ 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>;
         column: import('vue').ComputedRef<number>;
-        layout: Ref<import('..').DescriptionsLayout, import('..').DescriptionsLayout>;
+        layout: Ref<"vertical" | "horizontal" | "inline-horizontal" | "inline-vertical", "vertical" | "horizontal" | "inline-horizontal" | "inline-vertical">;
     };
     inject: () => DescriptionsContext;
 };
-export default _default;
+export {};

package/es/Descriptions/hooks/useContext.js

@@ -4,7 +4,7 @@ import { getGlobalConfig } from "../../_shared/utils/global-config.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,
@@ -69,7 +69,7 @@ const useContext = () => {
     provide: provide$1,
     inject: inject$1
   };
-};
+}
 export {
-  useContext as default
+  useDescContext as default
 };

package/es/Descriptions/index.d.ts

@@ -9,10 +9,10 @@ declare const Descriptions: {
         size: import('..').Size;
         data: import('./type').DescData[];
         title: string;
-        column: import('./type').DescriptionsColumn;
-        layout: import('./type').DescriptionsLayout;
+        column: number | import('..').ResponsiveValue;
+        layout: "vertical" | "horizontal" | "inline-horizontal" | "inline-vertical";
         bordered: boolean;
-        tableLayout: import('./type').TableLayout;
+        tableLayout: "auto" | "fixed";
         align: import('./type').DescriptionsAlign;
         labelStyle: import('vue').CSSProperties;
         valueStyle: import('vue').CSSProperties;
@@ -27,10 +27,10 @@ declare const Descriptions: {
         size: import('..').Size;
         data: import('./type').DescData[];
         title: string;
-        column: import('./type').DescriptionsColumn;
-        layout: import('./type').DescriptionsLayout;
+        column: number | import('..').ResponsiveValue;
+        layout: "vertical" | "horizontal" | "inline-horizontal" | "inline-vertical";
         bordered: boolean;
-        tableLayout: import('./type').TableLayout;
+        tableLayout: "auto" | "fixed";
         align: import('./type').DescriptionsAlign;
         labelStyle: import('vue').CSSProperties;
         valueStyle: import('vue').CSSProperties;
@@ -42,10 +42,10 @@ declare const Descriptions: {
     size: import('..').Size;
     data: import('./type').DescData[];
     title: string;
-    column: import('./type').DescriptionsColumn;
-    layout: import('./type').DescriptionsLayout;
+    column: number | import('..').ResponsiveValue;
+    layout: "vertical" | "horizontal" | "inline-horizontal" | "inline-vertical";
     bordered: boolean;
-    tableLayout: import('./type').TableLayout;
+    tableLayout: "auto" | "fixed";
     align: import('./type').DescriptionsAlign;
     labelStyle: import('vue').CSSProperties;
     valueStyle: import('vue').CSSProperties;

package/es/Descriptions/type.d.ts

@@ -2,9 +2,9 @@ import { CSSProperties, VNode } from 'vue';
 import { RenderContent, Size, ResponsiveValue } from '../_shared/type';
 export interface DescriptionsProps {
     data?: DescData[];
-    column?: DescriptionsColumn;
+    column?: Column;
     title?: string;
-    layout?: DescriptionsLayout;
+    layout?: Layout;
     align?: DescriptionsAlign;
     size?: Size;
     bordered?: boolean;
@@ -39,11 +39,12 @@ export interface DescData {
     value?: string | RenderContent;
     span?: number;
 }
-export type TextAlign = 'left' | 'right' | 'center';
+type TextAlign = 'left' | 'right' | 'center';
 export type DescriptionsAlign = TextAlign | {
     label?: TextAlign;
     value?: TextAlign;
 };
-export type DescriptionsColumn = number | ResponsiveValue;
-export type DescriptionsLayout = 'horizontal' | 'vertical' | 'inline-horizontal' | 'inline-vertical';
-export type TableLayout = 'auto' | 'fixed';
+type Column = number | ResponsiveValue;
+type Layout = 'horizontal' | 'vertical' | 'inline-horizontal' | 'inline-vertical';
+type TableLayout = 'auto' | 'fixed';
+export {};

package/es/Divider/index.d.ts

@@ -5,10 +5,10 @@ export * from './type';
 declare const Divider: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').DividerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         size: number;
-        type: import('./type').DividerType;
+        type: "dashed" | "dotted" | "double" | "solid";
         direction: import('..').Direction;
         margin: number | string;
-        orientation: import('./type').Orientation;
+        orientation: "left" | "right" | "center";
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -18,20 +18,20 @@ declare const Divider: {
         Defaults: {};
     }, Readonly<import('./type').DividerProps> & Readonly<{}>, {}, {}, {}, {}, {
         size: number;
-        type: import('./type').DividerType;
+        type: "dashed" | "dotted" | "double" | "solid";
         direction: import('..').Direction;
         margin: number | string;
-        orientation: import('./type').Orientation;
+        orientation: "left" | "right" | "center";
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').DividerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     size: number;
-    type: import('./type').DividerType;
+    type: "dashed" | "dotted" | "double" | "solid";
     direction: import('..').Direction;
     margin: number | string;
-    orientation: import('./type').Orientation;
+    orientation: "left" | "right" | "center";
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: any;
 }) & {

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

@@ -8,10 +8,10 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<DividerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DividerProps> & Readonly<{}>, {
     size: number;
-    type: import('./type').DividerType;
+    type: "dashed" | "dotted" | "double" | "solid";
     direction: import('..').Direction;
     margin: number | string;
-    orientation: import('./type').Orientation;
+    orientation: "left" | "right" | "center";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/es/Divider/type.d.ts

@@ -3,12 +3,13 @@ import { VNode } from 'vue';
 export interface DividerProps {
     direction?: Direction;
     orientation?: Orientation;
-    type?: DividerType;
+    type?: Type;
     size?: number;
     margin?: number | string;
 }
 export interface DividerSlots {
     default?: () => VNode[];
 }
-export type Orientation = 'left' | 'center' | 'right';
-export type DividerType = 'solid' | 'dashed' | 'dotted' | 'double';
+type Orientation = 'left' | 'center' | 'right';
+type Type = 'solid' | 'dashed' | 'dotted' | 'double';
+export {};

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

@@ -46,7 +46,7 @@ declare const __VLS_component: import('vue').DefineComponent<DrawerProps, {}, {}
     escToClose: boolean;
     onBeforeCancel: import('..').OnBeforeCancel;
     onBeforeOk: import('..').OnBeforeOk;
-    placement: import('./type').DrawerPlacement;
+    placement: import('..').Position;
     drawerStyle: CSSProperties;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -19,7 +19,7 @@ declare const _default: import('vue').DefineComponent<DrawerServiceProps, {}, {}
     escToClose: boolean;
     onBeforeCancel: import('..').OnBeforeCancel;
     onBeforeOk: import('..').OnBeforeOk;
-    placement: import('./type').DrawerPlacement;
+    placement: import('..').Position;
     drawerStyle: import('vue').CSSProperties;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/es/Drawer/index.d.ts

@@ -1,5 +1,5 @@
 import { App } from 'vue';
-import { DrawerConfig } from './type';
+import { DrawerConfig, DrawerMethod } from './type';
 import { default as _Drawer } from './Drawer.vue';
 export type DrawerInstance = InstanceType<typeof _Drawer>;
 export * from './type';
@@ -43,7 +43,7 @@ declare const Drawer: {
         escToClose: boolean;
         onBeforeCancel: import('..').OnBeforeCancel;
         onBeforeOk: import('..').OnBeforeOk;
-        placement: import('./type').DrawerPlacement;
+        placement: import('..').Position;
         drawerStyle: import('vue').CSSProperties;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -83,7 +83,7 @@ declare const Drawer: {
         escToClose: boolean;
         onBeforeCancel: import('..').OnBeforeCancel;
         onBeforeOk: import('..').OnBeforeOk;
-        placement: import('./type').DrawerPlacement;
+        placement: import('..').Position;
         drawerStyle: import('vue').CSSProperties;
     }>;
     __isFragment?: never;
@@ -128,7 +128,7 @@ declare const Drawer: {
     escToClose: boolean;
     onBeforeCancel: import('..').OnBeforeCancel;
     onBeforeOk: import('..').OnBeforeOk;
-    placement: import('./type').DrawerPlacement;
+    placement: import('..').Position;
     drawerStyle: 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').DrawerSlots> & import('./type').DrawerSlots;
@@ -145,11 +145,7 @@ declare module 'vue' {
 }
 declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {
-        $drawer: {
-            open: (props: DrawerConfig) => {
-                close: () => void;
-            };
-        };
+        $drawer: DrawerMethod;
     }
 }
 export default Drawer;

package/es/Drawer/type.d.ts

@@ -1,11 +1,11 @@
 import { CSSProperties, VNode } from 'vue';
 import { ButtonProps } from '../Button';
 import { OnBeforeCancel, OnBeforeOk } from '../Modal';
-import { RenderContent, PopupContainer } from '../_shared/type';
+import { RenderContent, PopupContainer, Position } from '../_shared/type';
 export interface DrawerProps {
     visible?: boolean;
     defaultVisible?: boolean;
-    placement?: DrawerPlacement;
+    placement?: Position;
     title?: string;
     mask?: boolean;
     maskClosable?: boolean;
@@ -53,8 +53,12 @@ export type DrawerConfig = Omit<DrawerProps, 'visible' | 'defaultVisible' | 'pop
     onBeforeOpen?: () => void;
     onBeforeClose?: () => void;
 };
-export declare type DrawerUpdateConfig = Omit<DrawerConfig, 'title' | 'content' | 'onOk' | 'onCancel' | 'onBeforeOk' | 'onBeforeCancel' | 'onOpen' | 'onClose' | 'onBeforeOpen' | 'onBeforeClose' | 'header' | 'footer'>;
 export type DrawerServiceProps = DrawerConfig & {
     serviceClose?: () => void;
 };
-export type DrawerPlacement = 'right' | 'left' | 'top' | 'bottom';
+export type DrawerMethod = {
+    open: (props: DrawerConfig) => DrawerReturn;
+};
+export type DrawerReturn = {
+    close: () => void;
+};

package/es/Dropdown/Doption.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, useSlots, toRefs, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, renderSlot } from "vue";
-import useContext from "./hooks/useContext.js";
+import useDropdownContext from "./hooks/useContext.js";
 const _hoisted_1 = {
   key: 0,
   class: "yc-dropdown-option-icon"
@@ -26,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     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);

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

@@ -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;
+    position: Extract<import('..').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
     triggerProps: import('../Trigger').TriggerProps;
     hideOnSelect: boolean;
     popupMaxHeight: import('..').PopupMaxHeight;

package/es/Dropdown/Dropdown.vue.js

@@ -1,7 +1,7 @@
 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 { valueToPx } from "../_shared/utils/dom.js";
-import useContext from "./hooks/useContext.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" };
@@ -38,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";
     });

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

@@ -8,12 +8,12 @@ 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;
@@ -22,7 +22,7 @@ declare const __VLS_component: import('vue').DefineComponent<DropdownButtonProps
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     disabled: boolean;
-    position: import('./type').DropdownPosition;
+    position: Extract<import('..').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
     hideOnSelect: boolean;
     buttonProps: import('../Button').ButtonProps;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

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

@@ -321,7 +321,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     disabled: boolean;
-    position: import('./type').DsubmenuPosition;
+    position: Extract<import('..').PopupPosition, "rt" | "lt">;
     triggerProps: import('../Trigger').TriggerProps;
     popupMaxHeight: import('..').PopupMaxHeight;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/es/Dropdown/Dsubmenu.vue.js

@@ -1,8 +1,8 @@
 import { defineComponent, useSlots, toRefs, ref, computed, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createVNode, normalizeStyle, normalizeClass, renderSlot, createElementVNode, createElementBlock, createCommentVNode, nextTick } from "vue";
-import { unrefElement } from "../node_modules/@vueuse/core/index.js";
 import { isBoolean, isUndefined } from "../_shared/utils/is.js";
 import { valueToPx } from "../_shared/utils/dom.js";
 import { useControlValue } from "../_shared/utils/control.js";
+import { unrefElement } from "../node_modules/@vueuse/core/index.js";
 /* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */