yc-design-vue 2.0.4 → 2.0.6

package/es/Skeleton/SkeletonShape.vue.d.ts

@@ -1,6 +1,6 @@
 import { SkeletonShapeProps } from './type';
 declare const _default: import('vue').DefineComponent<SkeletonShapeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkeletonShapeProps> & Readonly<{}>, {
-    size: import('./type').SkeletonShapeSize;
-    shape: import('./type').SkeletonShapeShape;
+    size: Exclude<import('..').Size, "mini">;
+    shape: Exclude<import('..').Shape, "round">;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/es/Skeleton/index.d.ts

@@ -31,8 +31,8 @@ declare const Skeleton: {
     $slots: Readonly<import('./type').SkeletonSlots> & import('./type').SkeletonSlots;
 }) & {
     shape: import('vue').DefineComponent<import('./type').SkeletonShapeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./type').SkeletonShapeProps> & Readonly<{}>, {
-        size: import('./type').SkeletonShapeSize;
-        shape: import('./type').SkeletonShapeShape;
+        size: Exclude<import('..').Size, "mini">;
+        shape: Exclude<import('..').Shape, "round">;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
     line: import('vue').DefineComponent<import('./type').SkeletonLineProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./type').SkeletonLineProps> & Readonly<{}>, {
         lineHeight: number;

package/es/Skeleton/type.d.ts

@@ -15,8 +15,6 @@ export interface SkeletonLineProps {
     lineSpacing?: number;
 }
 export interface SkeletonShapeProps {
-    shape?: SkeletonShapeShape;
-    size?: SkeletonShapeSize;
+    shape?: Exclude<Shape, 'round'>;
+    size?: Exclude<Size, 'mini'>;
 }
-export type SkeletonShapeSize = Exclude<Size, 'mini'>;
-export type SkeletonShapeShape = Exclude<Shape, 'round'>;

package/es/Slider/Slider.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, createBlock, createVNode, normalizeStyle } from "vue";
-import useContext from "./hooks/useContext.js";
+import useSliderContext from "./hooks/useContext.js";
 import _sfc_main$1 from "./SliderTicks.vue.js";
 /* empty css                 */
 import _sfc_main$2 from "./SliderBtn.vue.js";
@@ -44,7 +44,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const trackRef = ref();
-    const { ticks, marks, range, direction, min, normalizeValue } = useContext().provide(props, emits, trackRef);
+    const { ticks, marks, range, direction, min, normalizeValue } = useSliderContext().provide(props, emits, trackRef);
     const startPosition = ref({
       bottom: 0,
       left: 0,

package/es/Slider/SliderBtn.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, toRefs, ref, computed, watch, createBlock, openBlock, unref, isRef, withCtx, createElementVNode, normalizeStyle } from "vue";
-import useContext from "./hooks/useContext.js";
+import useSliderContext from "./hooks/useContext.js";
 import useSliderDraggable from "./hooks/useSliderDraggable.js";
 import Tooltip from "../Tooltip/index.js";
 import { useControlValue } from "../_shared/utils/control.js";
@@ -28,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       formatTooltip,
       normalizeValue,
       denormalizeValue
-    } = useContext().inject();
+    } = useSliderContext().inject();
     const computedValue = computed({
       get() {
         return type.value == "start" ? startValue.value : endValue.value;

package/es/Slider/SliderInput.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, toRefs, computed, createBlock, openBlock, unref } from "vue";
-import useContext from "./hooks/useContext.js";
+import useSliderContext from "./hooks/useContext.js";
 import InputNumber from "../InputNumber/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SliderInput",
@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       endValue,
       tempStartValue,
       tempEndValue
-    } = useContext().inject();
+    } = useSliderContext().inject();
     const computedValue = computed({
       get() {
         return type.value == "start" ? tempStartValue.value : tempEndValue.value;

package/es/Slider/SliderTicks.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, toRefs, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, normalizeStyle, toDisplayString } from "vue";
-import useContext from "./hooks/useContext.js";
+import useSliderContext from "./hooks/useContext.js";
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SliderTicks",
@@ -11,7 +11,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { type } = toRefs(props);
-    const { min, max, startValue, endValue, range, direction, normalizeValue } = useContext().inject();
+    const { min, max, startValue, endValue, range, direction, normalizeValue } = useSliderContext().inject();
     const getPosition = (value) => {
       const curValue = normalizeValue(value);
       if (type.value == "ticks") {

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

@@ -18,7 +18,7 @@ type SliderContext = {
     normalizeValue: (value: number) => number;
     denormalizeValue: (value: number) => number;
 };
-declare const _default: () => {
+export default function useSliderContext(): {
     inject: () => SliderContext;
     provide: (props: RecordType, emits: SliderEmits, trackRef: Ref<HTMLDivElement | undefined>) => {
         range: Ref<boolean, boolean>;
@@ -41,4 +41,4 @@ declare const _default: () => {
         normalizeValue: (value: number) => number;
     };
 };
-export default _default;
+export {};

package/es/Slider/hooks/useContext.js

@@ -2,7 +2,7 @@ import { toRefs, computed, ref, provide, inject } from "vue";
 import { useControlValue } from "../../_shared/utils/control.js";
 import { isArray } from "../../_shared/utils/is.js";
 const SLIDER_CONTEXT_KEY = "slider-context";
-const useContext = () => {
+function useSliderContext() {
   const provide$1 = (props, emits, trackRef) => {
     const {
       modelValue,
@@ -152,7 +152,7 @@ const useContext = () => {
     inject: inject$1,
     provide: provide$1
   };
-};
+}
 export {
-  useContext as default
+  useSliderContext as default
 };

package/es/Space/index.d.ts

@@ -5,10 +5,10 @@ export * from './type';
 declare const Space: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').SpaceProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         fill: boolean;
-        size: import('./type').SpaceSize | [import('./type').SpaceSize, import('./type').SpaceSize];
+        size: (number | import('..').Size) | [number | import('..').Size, number | import('..').Size];
         wrap: boolean;
         direction: import('..').Direction;
-        align: import('./type').SpaceAlign;
+        align: "center" | "end" | "start" | "baseline";
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -18,20 +18,20 @@ declare const Space: {
         Defaults: {};
     }, Readonly<import('./type').SpaceProps> & Readonly<{}>, {}, {}, {}, {}, {
         fill: boolean;
-        size: import('./type').SpaceSize | [import('./type').SpaceSize, import('./type').SpaceSize];
+        size: (number | import('..').Size) | [number | import('..').Size, number | import('..').Size];
         wrap: boolean;
         direction: import('..').Direction;
-        align: import('./type').SpaceAlign;
+        align: "center" | "end" | "start" | "baseline";
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').SpaceProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     fill: boolean;
-    size: import('./type').SpaceSize | [import('./type').SpaceSize, import('./type').SpaceSize];
+    size: (number | import('..').Size) | [number | import('..').Size, number | import('..').Size];
     wrap: boolean;
     direction: import('..').Direction;
-    align: import('./type').SpaceAlign;
+    align: "center" | "end" | "start" | "baseline";
 }, {}, 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/Space/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<SpaceProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SpaceProps> & Readonly<{}>, {
     fill: boolean;
-    size: import('./type').SpaceSize | [import('./type').SpaceSize, import('./type').SpaceSize];
+    size: (number | import('..').Size) | [number | import('..').Size, number | import('..').Size];
     wrap: boolean;
     direction: import('..').Direction;
-    align: import('./type').SpaceAlign;
+    align: "center" | "end" | "start" | "baseline";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/es/Space/type.d.ts

@@ -1,7 +1,7 @@
-import { Direction, Size } from '../_shared/type';
+import { Direction, Size as _Size } from '../_shared/type';
 import { VNode } from 'vue';
 export interface SpaceProps {
-    align?: SpaceAlign;
+    align?: Align;
     direction?: Direction;
     wrap?: boolean;
     fill?: boolean;
@@ -11,5 +11,6 @@ export interface SpaceSlots {
     default?: () => VNode[];
     split?: () => VNode[];
 }
-export type SpaceAlign = 'start' | 'end' | 'center' | 'baseline';
-export type SpaceSize = Size | number;
+type Align = 'start' | 'end' | 'center' | 'baseline';
+type SpaceSize = _Size | number;
+export {};

package/es/Spin/index.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, useSlots, createElementBlock, openBlock, createVNode, createBlock, renderSlot, unref, withCtx, createCommentVNode, normalizeStyle, normalizeClass, Fragment, renderList, createElementVNode, createTextVNode, toDisplayString, Transition } from "vue";
-import { createReusableTemplate } from "../node_modules/@vueuse/core/index.js";
 import { valueToPx } from "../_shared/utils/dom.js";
+import { createReusableTemplate } from "../node_modules/@vueuse/core/index.js";
 /* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */

package/es/Steps/Step.vue.js

@@ -5,7 +5,7 @@ import "../_shared/utils/dom.js";
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconCheck.vue.js";
 import _sfc_main$2 from "../_shared/icons/IconClose.vue.js";
-import useContext from "./hooks/useContext.js";
+import useStepsContext from "./hooks/useContext.js";
 const _hoisted_1 = {
   key: 0,
   class: "yc-steps-item-tail"
@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       lineLess: _lineLess,
       small: _small,
       emits
-    } = useContext().inject(props);
+    } = useStepsContext().inject(props);
     const small = computed(() => {
       return type.value != "dot" ? _small.value : false;
     });

package/es/Steps/Steps.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
-import useContext from "./hooks/useContext.js";
+import useStepsContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Steps"
@@ -20,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const { type, labelPlacement, direction } = useContext().provide(props, emits);
+    const { type, labelPlacement, direction } = useStepsContext().provide(props, emits);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([

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

@@ -1,7 +1,7 @@
 import { Ref, Reactive } from 'vue';
 import { StepsEmits, StepStatus, StepType } from '../type';
 import { Direction, RecordType } from '../../_shared/type';
-declare const _default: () => {
+export default function useStepsContext(): {
     provide: (props: RecordType, emits: StepsEmits) => {
         direction: import('vue').ComputedRef<Direction>;
         labelPlacement: import('vue').ComputedRef<Direction>;
@@ -23,4 +23,3 @@ declare const _default: () => {
         emits: StepsEmits;
     };
 };
-export default _default;

package/es/Steps/hooks/useContext.js

@@ -3,7 +3,7 @@ import { nanoid } from "../../node_modules/nanoid/index.browser.js";
 import { isUndefined } from "../../_shared/utils/is.js";
 import { useControlValue } from "../../_shared/utils/control.js";
 const STEPS_CONTEXT_KEY = "card-context";
-const useContext = () => {
+function useStepsContext() {
   const provide$1 = (props, emits) => {
     const {
       status,
@@ -127,7 +127,7 @@ const useContext = () => {
     provide: provide$1,
     inject: inject$1
   };
-};
+}
 export {
-  useContext as default
+  useStepsContext as default
 };

package/es/Switch/index.d.ts

@@ -5,17 +5,17 @@ export * from './type';
 declare const Switch: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').SwitchProps> & Readonly<{
         onChange?: ((value: import('./type').SwitchValue, ev: Event) => any) | undefined;
-        onFocus?: ((ev: FocusEvent) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: import('./type').SwitchValue) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         change: (value: import('./type').SwitchValue, ev: Event) => any;
-        focus: (ev: FocusEvent) => any;
         blur: (ev: FocusEvent) => any;
+        focus: (ev: FocusEvent) => any;
         "update:modelValue": (value: import('./type').SwitchValue) => any;
     }, import('vue').PublicProps, {
-        size: import('./type').SwitchSize;
-        type: import('./type').SwitchType;
+        size: Exclude<import('..').Size, "mini" | "large">;
+        type: "round" | "circle" | "line";
         disabled: boolean;
         loading: boolean;
         defaultChecked: import('./type').SwitchValue;
@@ -26,7 +26,7 @@ declare const Switch: {
         uncheckedColor: string;
         checkedText: string;
         uncheckedText: string;
-        beforeChange: import('./type').BeforeChange;
+        beforeChange: (newValue: import('./type').SwitchValue) => Promise<boolean | void> | boolean | void;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -36,12 +36,12 @@ declare const Switch: {
         Defaults: {};
     }, Readonly<import('./type').SwitchProps> & Readonly<{
         onChange?: ((value: import('./type').SwitchValue, ev: Event) => any) | undefined;
-        onFocus?: ((ev: FocusEvent) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: import('./type').SwitchValue) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        size: import('./type').SwitchSize;
-        type: import('./type').SwitchType;
+        size: Exclude<import('..').Size, "mini" | "large">;
+        type: "round" | "circle" | "line";
         disabled: boolean;
         loading: boolean;
         defaultChecked: import('./type').SwitchValue;
@@ -52,24 +52,24 @@ declare const Switch: {
         uncheckedColor: string;
         checkedText: string;
         uncheckedText: string;
-        beforeChange: import('./type').BeforeChange;
+        beforeChange: (newValue: import('./type').SwitchValue) => Promise<boolean | void> | boolean | void;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').SwitchProps> & Readonly<{
     onChange?: ((value: import('./type').SwitchValue, ev: Event) => any) | undefined;
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import('./type').SwitchValue) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: import('./type').SwitchValue, ev: Event) => any;
-    focus: (ev: FocusEvent) => any;
     blur: (ev: FocusEvent) => any;
+    focus: (ev: FocusEvent) => any;
     "update:modelValue": (value: import('./type').SwitchValue) => any;
 }, string, {
-    size: import('./type').SwitchSize;
-    type: import('./type').SwitchType;
+    size: Exclude<import('..').Size, "mini" | "large">;
+    type: "round" | "circle" | "line";
     disabled: boolean;
     loading: boolean;
     defaultChecked: import('./type').SwitchValue;
@@ -80,7 +80,7 @@ declare const Switch: {
     uncheckedColor: string;
     checkedText: string;
     uncheckedText: string;
-    beforeChange: import('./type').BeforeChange;
+    beforeChange: (newValue: import('./type').SwitchValue) => Promise<boolean | void> | boolean | void;
 }, {}, 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/Switch/index.vue.d.ts

@@ -8,17 +8,17 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<SwitchProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: SwitchValue, ev: Event) => any;
-    focus: (ev: FocusEvent) => any;
     blur: (ev: FocusEvent) => any;
+    focus: (ev: FocusEvent) => any;
     "update:modelValue": (value: SwitchValue) => any;
 }, string, import('vue').PublicProps, Readonly<SwitchProps> & Readonly<{
     onChange?: ((value: SwitchValue, ev: Event) => any) | undefined;
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: SwitchValue) => any) | undefined;
 }>, {
-    size: import('./type').SwitchSize;
-    type: import('./type').SwitchType;
+    size: Exclude<import('..').Size, "mini" | "large">;
+    type: "round" | "circle" | "line";
     disabled: boolean;
     loading: boolean;
     defaultChecked: SwitchValue;
@@ -29,7 +29,7 @@ declare const __VLS_component: import('vue').DefineComponent<SwitchProps, {}, {}
     uncheckedColor: string;
     checkedText: string;
     uncheckedText: string;
-    beforeChange: import('./type').BeforeChange;
+    beforeChange: (newValue: SwitchValue) => Promise<boolean | void> | boolean | void;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/es/Switch/type.d.ts

@@ -6,7 +6,7 @@ export interface SwitchProps {
     disabled?: boolean;
     loading?: boolean;
     type?: SwitchType;
-    size?: SwitchSize;
+    size?: Exclude<Size, 'mini' | 'large'>;
     checkedValue?: SwitchValue;
     uncheckedValue?: SwitchValue;
     checkedColor?: string;
@@ -28,6 +28,6 @@ export interface SwitchSlots {
     unchecked?: () => VNode[];
 }
 export type SwitchValue = string | number | boolean;
-export type SwitchType = 'circle' | 'round' | 'line';
-export type SwitchSize = Exclude<Size, 'mini' | 'large'>;
-export type BeforeChange = (newValue: SwitchValue) => Promise<boolean | void> | boolean | void;
+type SwitchType = 'circle' | 'round' | 'line';
+type BeforeChange = (newValue: SwitchValue) => Promise<boolean | void> | boolean | void;
+export {};

package/es/Tabs/TabPane.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, unref, renderSlot } from "vue";
 import { isUndefined } from "../_shared/utils/is.js";
-import useContext from "./hooks/useContext.js";
+import useTabsContext from "./hooks/useContext.js";
 const _hoisted_1 = { class: "yc-tabs-content-item" };
 const _hoisted_2 = {
   key: 0,
@@ -20,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const { computedActiveKey, destoryOnHide: _destoryOnHide } = useContext().inject();
+    const { computedActiveKey, destoryOnHide: _destoryOnHide } = useTabsContext().inject();
     const destoryOnHide = computed(() => {
       return !isUndefined(props.destoryOnHide) ? props.destoryOnHide : _destoryOnHide.value;
     });

package/es/Tabs/Tabs.vue.d.ts

@@ -24,7 +24,7 @@ declare const __VLS_component: import('vue').DefineComponent<TabsProps, {}, {},
     size: import('..').Size;
     type: import('./type').TabType;
     trigger: import('..').EventTrigger;
-    position: import('./type').TabPositon;
+    position: import('..').Position;
     justify: boolean;
     animation: boolean;
     direction: import('..').Direction;

package/es/Tabs/Tabs.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, useSlots, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, createBlock, withCtx, createVNode, normalizeStyle, Fragment, renderList, renderSlot, resolveDynamicComponent, nextTick } from "vue";
 import { valueToPx } from "../_shared/utils/dom.js";
 import { findComponentsFromVnodes } from "../_shared/utils/vue-utils.js";
-import useContext from "./hooks/useContext.js";
+import useTabsContext from "./hooks/useContext.js";
 import useTabsScroll from "./hooks/useTabsScroll.js";
 /* empty css                                          */
 /* empty css                                               */
@@ -49,7 +49,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const listRef = ref();
-    const { computedActiveKey, size, direction, autoSwitch, position } = useContext().provide(props, emits, listRef);
+    const { computedActiveKey, size, direction, autoSwitch, position } = useTabsContext().provide(props, emits, listRef);
     const tabPanes = computed(
       () => {
         var _a;

package/es/Tabs/TabsNavInk.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeStyle } from "vue";
 import { isUndefined } from "../_shared/utils/is.js";
 import { valueToPx } from "../_shared/utils/dom.js";
-import useContext from "./hooks/useContext.js";
+import useTabsContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TabsNavInk",
   props: {
@@ -11,7 +11,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { curIndex, panes } = toRefs(props);
-    const { titleRefs, listRef, direction, editable } = useContext().inject();
+    const { titleRefs, listRef, direction, editable } = useTabsContext().inject();
     const sliderStyle = computed(() => {
       var _a, _b, _c;
       const curPane = panes.value[curIndex.value];

package/es/Tabs/TabsTab.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, toRefs, onMounted, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent } from "vue";
-import useContext from "./hooks/useContext.js";
+import useTabsContext from "./hooks/useContext.js";
 import { isUndefined } from "../_shared/utils/is.js";
 import _sfc_main$1 from "./TabButton.vue.js";
 /* empty css               */
@@ -24,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       headerPadding,
       size,
       emits
-    } = useContext().inject();
+    } = useTabsContext().inject();
     const renderTitle = (node2) => {
       const { slots, title } = node2;
       return slots.title ?? (() => title);

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

@@ -1,12 +1,12 @@
 import { Ref, Slots } from 'vue';
-import { TabPaneProps as _TabPaneProps, TabKey, TabsEmits, TabType, TabPositon } from '../type';
-import { Direction, EventTrigger, RecordType, Required, Size } from '../../_shared/type';
+import { TabPaneProps as _TabPaneProps, TabKey, TabsEmits, TabType } from '../type';
+import { Direction, EventTrigger, Position, RecordType, Required, Size } from '../../_shared/type';
 type TabsContext = {
     computedActiveKey: Ref<TabKey>;
     type: Ref<TabType>;
     trigger: Ref<EventTrigger>;
     direction: Ref<Direction>;
-    position: Ref<TabPositon>;
+    position: Ref<Position>;
     editable: Ref<boolean>;
     destoryOnHide: Ref<boolean>;
     listRef: Ref<HTMLDivElement | undefined>;
@@ -20,16 +20,16 @@ type TabPaneProps = Required<_TabPaneProps>;
 export type PaneNode = {
     slots: Slots;
 } & TabPaneProps;
-declare const _default: () => {
+export default function useTabsContext(): {
     provide: (props: RecordType, emits: TabsEmits, listRef: Ref<HTMLDivElement | undefined>) => {
         computedActiveKey: import('vue').WritableComputedRef<TabKey, TabKey>;
         size: import('vue').ComputedRef<any>;
         direction: import('vue').ComputedRef<Direction>;
-        position: Ref<TabPositon, TabPositon>;
+        position: Ref<Position, Position>;
         autoSwitch: Ref<boolean, boolean>;
         titleRefs: Ref<HTMLSpanElement[], HTMLSpanElement[]>;
         tabRefs: Ref<HTMLDivElement[], HTMLDivElement[]>;
     };
     inject: () => TabsContext;
 };
-export default _default;
+export {};

package/es/Tabs/hooks/useContext.js

@@ -2,7 +2,7 @@ import { toRefs, ref, computed, provide, inject } from "vue";
 import { useControlValue } from "../../_shared/utils/control.js";
 import { getGlobalConfig } from "../../_shared/utils/global-config.js";
 const TABS_CONTEXT_KEY = "tabs-context";
-const useContext = () => {
+function useTabsContext() {
   const provide$1 = (props, emits, listRef) => {
     const { size } = getGlobalConfig(props);
     const {
@@ -81,7 +81,7 @@ const useContext = () => {
     provide: provide$1,
     inject: inject$1
   };
-};
+}
 export {
-  useContext as default
+  useTabsContext as default
 };

package/es/Tabs/index.d.ts

@@ -21,7 +21,7 @@ declare const Tabs: {
         size: import('..').Size;
         type: import('./type').TabType;
         trigger: import('..').EventTrigger;
-        position: import('./type').TabPositon;
+        position: import('..').Position;
         justify: boolean;
         animation: boolean;
         direction: import('..').Direction;
@@ -52,7 +52,7 @@ declare const Tabs: {
         size: import('..').Size;
         type: import('./type').TabType;
         trigger: import('..').EventTrigger;
-        position: import('./type').TabPositon;
+        position: import('..').Position;
         justify: boolean;
         animation: boolean;
         direction: import('..').Direction;
@@ -84,7 +84,7 @@ declare const Tabs: {
     size: import('..').Size;
     type: import('./type').TabType;
     trigger: import('..').EventTrigger;
-    position: import('./type').TabPositon;
+    position: import('..').Position;
     justify: boolean;
     animation: boolean;
     direction: import('..').Direction;

package/es/Tabs/type.d.ts

@@ -1,9 +1,9 @@
-import { Direction, Size, EventTrigger } from '../_shared/type';
+import { Direction, Size, EventTrigger, Position } from '../_shared/type';
 import { VNode } from 'vue';
 export interface TabsProps {
     activeKey?: TabKey;
     defaultActiveKey?: TabKey;
-    position?: TabPositon;
+    position?: Position;
     size?: Size;
     type?: TabType;
     direction?: Direction;
@@ -41,4 +41,3 @@ export interface TabPaneSlots {
 }
 export type TabKey = string | number;
 export type TabType = 'line' | 'card' | 'card-gutter' | 'text' | 'rounded' | 'capsule';
-export type TabPositon = 'left' | 'right' | 'bottom' | 'top';