yc-design-vue 2.0.4 → 2.0.5

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

@@ -12,7 +12,7 @@ export type CollapseContext = {
 };
 export type CollapseProps = Required<_CollapseProps>;
 export type CollapseItemProps = Required<_CollapseItemProps>;
-declare const _default: () => {
+export default function useCollapseContext(): {
     provide: (props: RecordType, emits: CollapseEmits) => void;
     inject: (props: RecordType) => {
         showExpandIcon: import('vue').ComputedRef<boolean>;
@@ -23,4 +23,3 @@ declare const _default: () => {
         slots: Slots;
     };
 };
-export default _default;

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,8 @@ const useContext = () => {
     provide: provide$1,
     inject: inject$1
   };
-};
+}
 export {
   COLLAPSE_CONTEXT_KEY,
-  useContext as default
+  useCollapseContext as default
 };

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.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,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

@@ -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/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,13 +10,13 @@ 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;

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;

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                                   */

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

@@ -3,10 +3,10 @@ import { RecordType } from '../../_shared/type';
 type DropdownContext = {
     select: (value: DoptionValue, ev: MouseEvent) => void;
 };
-declare const _default: () => {
+export default function useDropdownContext(): {
     provide: (props: RecordType, emits: DropdownEmits) => {
         computedVisible: import('vue').WritableComputedRef<boolean, boolean>;
     };
     inject: () => DropdownContext;
 };
-export default _default;
+export {};

package/es/Dropdown/hooks/useContext.js

@@ -1,7 +1,7 @@
 import { toRefs, provide, inject } from "vue";
 import { useControlValue } from "../../_shared/utils/control.js";
 const DROPDOWN_CONTEXT_KEY = "dropdown-context";
-const useContext = () => {
+function useDropdownContext() {
   const provide$1 = (props, emits) => {
     const {
       popupVisible,
@@ -38,7 +38,7 @@ const useContext = () => {
     provide: provide$1,
     inject: inject$1
   };
-};
+}
 export {
-  useContext as default
+  useDropdownContext as default
 };

package/es/Dropdown/index.d.ts

@@ -12,16 +12,16 @@ export type DsubmenuInstance = InstanceType<typeof _Dsubmenu>;
 export * from './type';
 declare const Dropdown: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').DropdownProps> & Readonly<{
+        onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
         "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
         "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
-        onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
     }>, {
         show(): void;
         hide(): void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        select: (value: import('./type').DoptionValue, ev: MouseEvent) => any;
         "update:popupVisible": (value: boolean) => any;
         "popup-visible-change": (value: boolean) => any;
-        select: (value: import('./type').DoptionValue, ev: MouseEvent) => any;
     }, import('vue').PublicProps, {
         popupContainer: import('..').PopupContainer;
         trigger: import('..').TriggerType;
@@ -40,9 +40,9 @@ declare const Dropdown: {
         M: {};
         Defaults: {};
     }, Readonly<import('./type').DropdownProps> & Readonly<{
+        onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
         "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
         "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
-        onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
     }>, {
         show(): void;
         hide(): void;
@@ -61,16 +61,16 @@ declare const Dropdown: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').DropdownProps> & Readonly<{
+    onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
     "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
     "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
-    onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
 }>, {
     show(): void;
     hide(): void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (value: import('./type').DoptionValue, ev: MouseEvent) => any;
     "update:popupVisible": (value: boolean) => any;
     "popup-visible-change": (value: boolean) => any;
-    select: (value: import('./type').DoptionValue, ev: MouseEvent) => any;
 }, string, {
     popupContainer: import('..').PopupContainer;
     trigger: import('..').TriggerType;
@@ -139,12 +139,12 @@ declare const Dropdown: {
     button: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').DropdownButtonProps> & Readonly<{
             onClick?: ((ev: MouseEvent) => any) | undefined;
-            "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
             onSelect?: ((value: import('./type').DoptionValue) => any) | undefined;
+            "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             click: (ev: MouseEvent) => any;
-            "popup-visible-change": (value: boolean) => any;
             select: (value: import('./type').DoptionValue) => any;
+            "popup-visible-change": (value: boolean) => any;
         }, import('vue').PublicProps, {
             size: import('..').Size;
             type: import('..').ButtonType;
@@ -165,8 +165,8 @@ declare const Dropdown: {
             Defaults: {};
         }, Readonly<import('./type').DropdownButtonProps> & Readonly<{
             onClick?: ((ev: MouseEvent) => any) | undefined;
-            "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
             onSelect?: ((value: import('./type').DoptionValue) => any) | undefined;
+            "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
         }>, {}, {}, {}, {}, {
             size: import('..').Size;
             type: import('..').ButtonType;
@@ -184,12 +184,12 @@ declare const Dropdown: {
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').DropdownButtonProps> & Readonly<{
         onClick?: ((ev: MouseEvent) => any) | undefined;
-        "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
         onSelect?: ((value: import('./type').DoptionValue) => any) | undefined;
+        "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         click: (ev: MouseEvent) => any;
-        "popup-visible-change": (value: boolean) => any;
         select: (value: import('./type').DoptionValue) => any;
+        "popup-visible-change": (value: boolean) => any;
     }, string, {
         size: import('..').Size;
         type: import('..').ButtonType;

package/es/Grid/Grid.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, createElementBlock, openBlock, normalizeStyle, unref, renderSlot } from "vue";
 import { mediaQueryHandler, valueToPx } from "../_shared/utils/dom.js";
-import useContext from "./hooks/useContext.js";
+import useGridContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Grid"
@@ -15,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const { breakpoint, cols, rowGap, colGap } = useContext().provide(props);
+    const { breakpoint, cols, rowGap, colGap } = useGridContext().provide(props);
     mediaQueryHandler((name) => {
       breakpoint.value = name;
     });

package/es/Grid/GridCol.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot } from "vue";
 import { getBreakpointValue, valueToPx } from "../_shared/utils/dom.js";
 import { isString } from "../_shared/utils/is.js";
-import useContext from "./hooks/useContext.js";
+import useGridContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Col"
@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { span, order, offset, flex } = toRefs(props);
-    const { gutter, div, breakpoint } = useContext().inject();
+    const { gutter, div, breakpoint } = useGridContext().inject();
     const style = computed(() => {
       const curFlex = getBreakpointValue(breakpoint.value, flex.value);
       const curSpan = getBreakpointValue(

package/es/Grid/GridItem.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, toRefs, computed, withDirectives, createElementBlock, openBlock, normalizeStyle, renderSlot, vShow } from "vue";
 import { getBreakpointValue, valueToPx } from "../_shared/utils/dom.js";
-import useContext from "./hooks/useContext.js";
+import useGridContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "GridItem"
@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       spanMap,
       breakpoint,
       collectSpan
-    } = useContext().inject();
+    } = useGridContext().inject();
     const offset = computed(() => {
       return getBreakpointValue(breakpoint.value, _offset.value);
     });

package/es/Grid/GridRow.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, toRefs, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot } from "vue";
 import { mediaQueryHandler, valueToPx } from "../_shared/utils/dom.js";
-import useContext from "./hooks/useContext.js";
+import useGridContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Row"
@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { div, wrap, justify, align } = toRefs(props);
-    const { breakpoint, gutter } = useContext().provide(props);
+    const { breakpoint, gutter } = useGridContext().provide(props);
     mediaQueryHandler((name) => {
       breakpoint.value = name;
     });

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

@@ -18,7 +18,7 @@ export type SpanMap = Map<string, {
     suffix: boolean;
 }>;
 export type GutterValue = GridRowGutter | [GridRowGutter, GridRowGutter];
-declare const _default: () => {
+export default function useGridContext(): {
     provide: (props: RecordType) => {
         breakpoint: Ref<BreakpointName, BreakpointName>;
         cols: import('vue').ComputedRef<number>;
@@ -40,4 +40,3 @@ declare const _default: () => {
         collapsedRows: Ref<number>;
     };
 };
-export default _default;

package/es/Grid/hooks/useContext.js

@@ -3,7 +3,7 @@ import { nanoid } from "../../node_modules/nanoid/index.browser.js";
 import { isArray } from "../../_shared/utils/is.js";
 import { getBreakpointValue } from "../../_shared/utils/dom.js";
 const GRID_CONTEXT_KEY = "grid-context";
-const useContext = () => {
+function useGridContext() {
   const provide$1 = (props) => {
     const {
       gutter: _gutter = ref(0),
@@ -86,8 +86,8 @@ const useContext = () => {
     provide: provide$1,
     inject: inject$1
   };
-};
+}
 export {
   GRID_CONTEXT_KEY,
-  useContext as default
+  useGridContext as default
 };

package/es/Image/Image.vue.js

@@ -6,7 +6,7 @@ import { useI18n } from "../_shared/utils/locale.js";
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconImageClose.vue.js";
-import useContext from "./hooks/useContext.js";
+import useImageContext from "./hooks/useContext.js";
 import Spin from "../Spin/index.js";
 import _sfc_main$1 from "./ImagePreview.vue.js";
 /* empty css                  */
@@ -60,7 +60,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const { src, preview, previewVisible, defaultPreviewVisible } = toRefs(props);
-    const { hasGroupFather, handleClick: previewImage } = useContext().inject();
+    const { hasGroupFather, handleClick: previewImage } = useImageContext().inject();
     const { t } = useI18n();
     const computedVisible = useControlValue(
       previewVisible,

package/es/Image/ImagePreview.vue.js

@@ -1,5 +1,4 @@
 import { defineComponent, useSlots, toRefs, ref, createBlock, openBlock, Teleport, unref, createElementBlock, createCommentVNode, normalizeStyle, normalizeClass, createVNode, Transition, withCtx, withDirectives, createElementVNode, vShow, withModifiers, renderSlot, createSlots } from "vue";
-import { useEventListener, onKeyStroke } from "../node_modules/@vueuse/core/index.js";
 import "../_shared/utils/dom.js";
 /* empty css                                          */
 /* empty css                                               */
@@ -7,6 +6,7 @@ import "../_shared/utils/dom.js";
 import _sfc_main$2 from "../_shared/icons/IconClose.vue.js";
 import { useControlValue } from "../_shared/utils/control.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import { useEventListener, onKeyStroke } from "../node_modules/@vueuse/core/index.js";
 import useModalClose from "../Modal/hooks/useModalClose.js";
 import _sfc_main$1 from "./ImagePreviewToolbar.vue.js";
 /* empty css                         */

package/es/Image/ImagePreviewGroup.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, useSlots, toRefs, createElementBlock, openBlock, Fragment, renderSlot, createCommentVNode, createVNode, unref, mergeProps, isRef, createSlots, withCtx, createElementVNode } from "vue";
 import { onKeyStroke } from "../node_modules/@vueuse/core/index.js";
-import useContext from "./hooks/useContext.js";
+import useImageContext from "./hooks/useContext.js";
 import _sfc_main$1 from "./ImagePreview.vue.js";
 /* empty css                  */
 import _sfc_main$2 from "./ImagePreviewArrow.vue.js";
@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const { srcList: _srcList, infinite, keyboard } = toRefs(props);
-    const { src, srcList, computedCurrent, computedVisible } = useContext().provide(
+    const { src, srcList, computedCurrent, computedVisible } = useImageContext().provide(
       props,
       emits
     );

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

@@ -5,7 +5,7 @@ type ImageContext = {
     hasGroupFather: Ref<boolean>;
     handleClick: (src: string) => void;
 };
-declare const _default: () => {
+export default function useImageContext(): {
     provide: (props: RecordType, emits: ImagePreviewGroupEmits) => {
         src: import('vue').ComputedRef<string>;
         srcList: import('vue').ComputedRef<string[]>;
@@ -14,4 +14,4 @@ declare const _default: () => {
     };
     inject: () => ImageContext;
 };
-export default _default;
+export {};