yc-design-vue 2.0.2 → 2.0.4

package/es/Skeleton/SkeletonLine.vue.js

@@ -1,8 +1,5 @@
 import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeStyle, Fragment, renderList, unref } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "SkeletonLine"

package/es/Skeleton/SkeletonShape.vue.js

@@ -1,16 +1,12 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
-import "../_shared/utils/locale.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "SkeletonShape"
   },
   __name: "SkeletonShape",
   props: {
-    shape: { default: "sqaure" },
+    shape: { default: "square" },
     size: { default: void 0 }
   },
   setup(__props) {

package/es/Skeleton/type.d.ts

@@ -1,4 +1,5 @@
 import { VNode } from 'vue';
+import { Shape, Size } from '../_shared/type';
 export interface SkeletonProps {
     animation?: boolean;
     loading?: boolean;
@@ -17,5 +18,5 @@ export interface SkeletonShapeProps {
     shape?: SkeletonShapeShape;
     size?: SkeletonShapeSize;
 }
-export type SkeletonShapeSize = 'small' | 'medium' | 'large';
-export type SkeletonShapeShape = 'sqaure' | 'circle';
+export type SkeletonShapeSize = Exclude<Size, 'mini'>;
+export type SkeletonShapeShape = Exclude<Shape, 'round'>;

package/es/Slider/Slider.vue.d.ts

@@ -15,10 +15,10 @@ declare const _default: import('vue').DefineComponent<SliderProps, {}, {}, {}, {
     direction: import('..').Direction;
     min: number;
     step: number;
+    formatTooltip: import('..').Format<number>;
     showTooltip: boolean;
     marks: Record<number, string>;
     showTicks: boolean;
-    formatTooltip: import('./type').FormatTooltip;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     trackRef: HTMLDivElement;
 }, HTMLDivElement>;

package/es/Slider/SliderBtn.vue.js

@@ -2,11 +2,7 @@ import { defineComponent, toRefs, ref, computed, watch, createBlock, openBlock,
 import useContext from "./hooks/useContext.js";
 import useSliderDraggable from "./hooks/useSliderDraggable.js";
 import Tooltip from "../Tooltip/index.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
-import useControlValue from "../_shared/utils/control.js";
+import { useControlValue } from "../_shared/utils/control.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SliderBtn",
   props: {

package/es/Slider/SliderTicks.vue.d.ts

@@ -1,7 +1,7 @@
-import { ObjectData } from '../_shared/type';
+import { RecordType } from '../_shared/type';
 type __VLS_Props = {
     type: 'dots' | 'marks' | 'ticks';
-    data: ObjectData[];
+    data: RecordType[];
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     labelClick: (value: number) => any;

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

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
-import { FormatTooltip, SliderEmits, SliderValue } from '../type';
-import { Direction, Props } from '../../_shared/type';
+import { SliderProps, SliderEmits, SliderValue } from '../type';
+import { Direction, RecordType } from '../../_shared/type';
 type SliderContext = {
     startValue: Ref<number>;
     endValue: Ref<number>;
@@ -14,13 +14,13 @@ type SliderContext = {
     showTooltip: Ref<boolean>;
     disabled: Ref<boolean>;
     trackRef: Ref<HTMLDivElement | undefined>;
-    formatTooltip?: FormatTooltip;
+    formatTooltip?: SliderProps['formatTooltip'];
     normalizeValue: (value: number) => number;
     denormalizeValue: (value: number) => number;
 };
 declare const _default: () => {
     inject: () => SliderContext;
-    provide: (props: Props, emits: SliderEmits, trackRef: Ref<HTMLDivElement | undefined>) => {
+    provide: (props: RecordType, emits: SliderEmits, trackRef: Ref<HTMLDivElement | undefined>) => {
         range: Ref<boolean, boolean>;
         direction: Ref<Direction, Direction>;
         startValue: import('vue').WritableComputedRef<number, number>;

package/es/Slider/hooks/useContext.js

@@ -1,10 +1,6 @@
 import { toRefs, computed, ref, provide, inject } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
-import "../../_shared/utils/dom.js";
+import { useControlValue } from "../../_shared/utils/control.js";
 import { isArray } from "../../_shared/utils/is.js";
-import "../../_shared/utils/time.js";
-import "../../_shared/utils/locale.js";
-import useControlValue from "../../_shared/utils/control.js";
 const SLIDER_CONTEXT_KEY = "slider-context";
 const useContext = () => {
   const provide$1 = (props, emits, trackRef) => {

package/es/Slider/hooks/useSliderDraggable.js

@@ -1,9 +1,6 @@
 import { reactive, computed, watch, nextTick } from "vue";
 import { useDraggable } from "../../node_modules/@vueuse/core/index.js";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx } from "../../_shared/utils/dom.js";
-import "../../_shared/utils/time.js";
-import "../../_shared/utils/locale.js";
 const useSliderDraggable = (params) => {
   const {
     trackRef,

package/es/Slider/index.d.ts

@@ -19,10 +19,10 @@ declare const Slider: {
         direction: import('..').Direction;
         min: number;
         step: number;
+        formatTooltip: import('..').Format<number>;
         showTooltip: boolean;
         marks: Record<number, string>;
         showTicks: boolean;
-        formatTooltip: import('./type').FormatTooltip;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         trackRef: HTMLDivElement;
     }, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -45,10 +45,10 @@ declare const Slider: {
         direction: import('..').Direction;
         min: number;
         step: number;
+        formatTooltip: import('..').Format<number>;
         showTooltip: boolean;
         marks: Record<number, string>;
         showTicks: boolean;
-        formatTooltip: import('./type').FormatTooltip;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -69,10 +69,10 @@ declare const Slider: {
     direction: import('..').Direction;
     min: number;
     step: number;
+    formatTooltip: import('..').Format<number>;
     showTooltip: boolean;
     marks: Record<number, string>;
     showTicks: boolean;
-    formatTooltip: import('./type').FormatTooltip;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install: (app: App) => void;
 };

package/es/Slider/type.d.ts

@@ -1,4 +1,4 @@
-import { Direction } from '../_shared/type';
+import { Direction, Format } from '../_shared/type';
 export interface SliderProps {
     modelValue?: SliderValue;
     defaultValue?: SliderValue;
@@ -12,11 +12,10 @@ export interface SliderProps {
     showInput?: boolean;
     range?: boolean;
     showTooltip?: boolean;
-    formatTooltip?: FormatTooltip;
+    formatTooltip?: Format<number>;
 }
 export interface SliderEmits {
     (e: 'update:modelValue', value: number): void;
     (e: 'change', value: number): void;
 }
 export type SliderValue = number | number[];
-export type FormatTooltip = (value: number) => string;

package/es/Space/index.d.ts

@@ -4,8 +4,8 @@ export type SpaceInstance = InstanceType<typeof _Space>;
 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, {
-        size: import('./type').SpaceSize | [import('./type').SpaceSize, import('./type').SpaceSize];
         fill: boolean;
+        size: import('./type').SpaceSize | [import('./type').SpaceSize, import('./type').SpaceSize];
         wrap: boolean;
         direction: import('..').Direction;
         align: import('./type').SpaceAlign;
@@ -17,8 +17,8 @@ declare const Space: {
         M: {};
         Defaults: {};
     }, Readonly<import('./type').SpaceProps> & Readonly<{}>, {}, {}, {}, {}, {
-        size: import('./type').SpaceSize | [import('./type').SpaceSize, import('./type').SpaceSize];
         fill: boolean;
+        size: import('./type').SpaceSize | [import('./type').SpaceSize, import('./type').SpaceSize];
         wrap: boolean;
         direction: import('..').Direction;
         align: import('./type').SpaceAlign;
@@ -27,13 +27,13 @@ declare const Space: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').SpaceProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    size: import('./type').SpaceSize | [import('./type').SpaceSize, import('./type').SpaceSize];
     fill: boolean;
+    size: import('./type').SpaceSize | [import('./type').SpaceSize, import('./type').SpaceSize];
     wrap: boolean;
     direction: import('..').Direction;
     align: import('./type').SpaceAlign;
 }, {}, 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').SpaceSlots> & import('./type').SpaceSlots;
+    $slots: any;
 }) & {
     install: (app: App) => void;
 };

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

@@ -1,14 +1,14 @@
-import { SpaceProps, SpaceSlots } from './type';
+import { SpaceProps } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<SpaceSlots> & SpaceSlots;
+    slots: any;
     refs: {};
     rootEl: HTMLDivElement;
 };
 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<{}>, {
-    size: import('./type').SpaceSize | [import('./type').SpaceSize, import('./type').SpaceSize];
     fill: boolean;
+    size: import('./type').SpaceSize | [import('./type').SpaceSize, import('./type').SpaceSize];
     wrap: boolean;
     direction: import('..').Direction;
     align: import('./type').SpaceAlign;

package/es/Space/index.vue.js

@@ -1,10 +1,7 @@
 import { defineComponent, useSlots, toRefs, computed, Fragment, Comment, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createCommentVNode, renderList, createElementVNode, createBlock, resolveDynamicComponent } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../_shared/utils/dom.js";
 import { isNumber, isArray, isUndefined } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
+import { valueToPx } from "../_shared/utils/dom.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.js";
-import "../_shared/utils/locale.js";
 const _hoisted_1 = { class: "yc-space-item" };
 const _hoisted_2 = {
   key: 0,
@@ -23,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     size: { default: "small" }
   },
   setup(__props) {
-    const slots = useSlots();
+    const $slots = useSlots();
     const props = __props;
     const { size, direction, align: _align } = toRefs(props);
     const gap = computed(() => {
@@ -49,9 +46,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const nodes = computed(() => {
       var _a;
-      if (!slots.split) return [];
+      if (!$slots.split) return [];
       const result = [];
-      (((_a = slots.default) == null ? void 0 : _a.call(slots)) || []).forEach((node) => {
+      (((_a = $slots.default) == null ? void 0 : _a.call($slots)) || []).forEach((node) => {
         if (node.type === Fragment) {
           result.push(...node.children);
         } else if (node.type !== Comment) {
@@ -75,7 +72,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           gap: gap.value
         })
       }, [
-        !_ctx.$slots.split ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
+        !$slots.split ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
         (openBlock(true), createElementBlock(Fragment, null, renderList(nodes.value, (node, i) => {
           return openBlock(), createElementBlock(Fragment, { key: i }, [
             createElementVNode("div", _hoisted_1, [

package/es/Spin/index.d.ts

@@ -36,7 +36,7 @@ declare const Spin: {
     hideIcon: boolean;
     isSizeInherit: boolean;
 }, {}, 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').SpinSlots> & import('./type').SpinSlots;
+    $slots: any;
 }) & {
     install: (app: App) => void;
 };

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

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

package/es/Spin/index.vue.js

@@ -1,9 +1,6 @@
-import { defineComponent, createElementBlock, openBlock, createVNode, createBlock, renderSlot, unref, withCtx, createCommentVNode, normalizeStyle, normalizeClass, Fragment, renderList, createElementVNode, createTextVNode, toDisplayString, Transition } from "vue";
+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 "../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 /* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
@@ -35,6 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     isSizeInherit: { type: Boolean, default: false }
   },
   setup(__props) {
+    const $slots = useSlots();
     const { define: DefineTemplate, reuse: ReuseTemplate } = createReusableTemplate();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
@@ -71,7 +69,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }),
-        !_ctx.$slots.default ? (openBlock(), createBlock(unref(ReuseTemplate), { key: 0 })) : (openBlock(), createBlock(Transition, {
+        !$slots.default ? (openBlock(), createBlock(unref(ReuseTemplate), { key: 0 })) : (openBlock(), createBlock(Transition, {
           key: 1,
           name: "fade"
         }, {

package/es/Split/index.vue.js

@@ -1,15 +1,12 @@
 import { defineComponent, toRefs, computed, ref, watch, createBlock, openBlock, resolveDynamicComponent, normalizeClass, unref, withCtx, createElementVNode, normalizeStyle, renderSlot, createVNode } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { sleep, valueToPx } from "../_shared/utils/dom.js";
 import { isNumber } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
-import useControlValue from "../_shared/utils/control.js";
+import { useDraggable } from "../node_modules/@vueuse/core/index.js";
+import { sleep, valueToPx } from "../_shared/utils/dom.js";
 /* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconDragDot.vue.js";
-import { useDraggable } from "../node_modules/@vueuse/core/index.js";
+import { useControlValue } from "../_shared/utils/control.js";
 const _hoisted_1 = { class: "yc-split-trigger-icon-wrapper" };
 const _hoisted_2 = { class: "yc-split-trigger-icon" };
 const _hoisted_3 = { class: "yc-split-pane yc-split-pane-second" };

package/es/Statistic/Countdown.vue.d.ts

@@ -11,9 +11,9 @@ declare const __VLS_component: import('vue').DefineComponent<CountdownProps, {},
 }, string, import('vue').PublicProps, Readonly<CountdownProps> & Readonly<{
     onFinish?: (() => any) | undefined;
 }>, {
+    title: string;
     value: number;
     start: boolean;
-    title: string;
     easeing: string;
     format: string;
     valueStyle: import('vue').CSSProperties;

package/es/Statistic/Countdown.vue.js

@@ -1,9 +1,7 @@
 import { defineComponent, toRefs, ref, watch, createBlock, openBlock, unref, withCtx, createTextVNode, toDisplayString } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { sleep } from "../_shared/utils/dom.js";
 import { isUndefined } from "../_shared/utils/is.js";
+import { sleep } from "../_shared/utils/dom.js";
 import { formatSeconds } from "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 import _sfc_main$1 from "./Statistic.vue.js";
 /* empty css               */
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/Statistic/Statistic.vue.d.ts

@@ -1,7 +1,7 @@
-import { StatisticProps, StatisticSlots } from './type';
+import { StatisticProps } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<StatisticSlots> & StatisticSlots;
+    slots: any;
     refs: {
         valueRef: HTMLSpanElement;
     };
@@ -13,11 +13,11 @@ declare const __VLS_component: import('vue').DefineComponent<StatisticProps, {},
 }, string, import('vue').PublicProps, Readonly<StatisticProps> & Readonly<{
     onFinish?: (() => any) | undefined;
 }>, {
+    title: string;
     value: import('./type').StatisticValue;
     start: boolean;
     separator: string;
     placeholder: string;
-    title: string;
     animation: boolean;
     animationDuration: number;
     easeing: string;

package/es/Statistic/Statistic.vue.js

@@ -1,9 +1,6 @@
-import { defineComponent, toRefs, ref, computed, watch, createElementBlock, openBlock, createCommentVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString, normalizeStyle } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
+import { defineComponent, useSlots, toRefs, ref, computed, watch, createElementBlock, openBlock, createCommentVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString, normalizeStyle } from "vue";
 import { isUndefined, isNumber } from "../_shared/utils/is.js";
 import { formatSeconds, formatDate } from "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 import Tween from "../node_modules/b-tween/dist/b-tween.es.js";
 const _hoisted_1 = { class: "yc-statistic yc-statistic-countdown" };
 const _hoisted_2 = {
@@ -49,6 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["finish"],
   setup(__props, { emit: __emit }) {
+    const $slots = useSlots();
     const props = __props;
     const emits = __emit;
     const {
@@ -113,7 +111,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        $slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2, [
           renderSlot(_ctx.$slots, "title", {}, () => [
             createTextVNode(toDisplayString(_ctx.title), 1)
           ])
@@ -123,7 +121,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "yc-statistic-value",
             style: normalizeStyle(_ctx.valueStyle)
           }, [
-            _ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_4, [
+            $slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_4, [
               renderSlot(_ctx.$slots, "prefix")
             ])) : createCommentVNode("", true),
             createElementVNode("span", {
@@ -135,11 +133,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createTextVNode(toDisplayString(showValue.value), 1)
               ])
             ], 512),
-            _ctx.$slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_5, [
+            $slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_5, [
               renderSlot(_ctx.$slots, "suffix")
             ])) : createCommentVNode("", true)
           ], 4),
-          _ctx.$slots.extra || _ctx.extra ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          $slots.extra || _ctx.extra ? (openBlock(), createElementBlock("div", _hoisted_6, [
             renderSlot(_ctx.$slots, "extra", {}, () => [
               createTextVNode(toDisplayString(_ctx.extra), 1)
             ])

package/es/Statistic/index.d.ts

@@ -10,11 +10,11 @@ declare const Statistic: {
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         finish: () => any;
     }, import('vue').PublicProps, {
+        title: string;
         value: import('./type').StatisticValue;
         start: boolean;
         separator: string;
         placeholder: string;
-        title: string;
         animation: boolean;
         animationDuration: number;
         easeing: string;
@@ -37,11 +37,11 @@ declare const Statistic: {
     }, Readonly<import('./type').StatisticProps> & Readonly<{
         onFinish?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
+        title: string;
         value: import('./type').StatisticValue;
         start: boolean;
         separator: string;
         placeholder: string;
-        title: string;
         animation: boolean;
         animationDuration: number;
         easeing: string;
@@ -61,11 +61,11 @@ declare const Statistic: {
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     finish: () => any;
 }, string, {
+    title: string;
     value: import('./type').StatisticValue;
     start: boolean;
     separator: string;
     placeholder: string;
-    title: string;
     animation: boolean;
     animationDuration: number;
     easeing: string;
@@ -77,7 +77,7 @@ declare const Statistic: {
     valueFrom: number;
     isCountdown: boolean;
 }, {}, 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').StatisticSlots> & import('./type').StatisticSlots;
+    $slots: any;
 }) & {
     countdown: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').CountdownProps> & Readonly<{
@@ -85,9 +85,9 @@ declare const Statistic: {
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             finish: () => any;
         }, import('vue').PublicProps, {
+            title: string;
             value: number;
             start: boolean;
-            title: string;
             easeing: string;
             format: string;
             valueStyle: import('vue').CSSProperties;
@@ -102,9 +102,9 @@ declare const Statistic: {
         }, Readonly<import('./type').CountdownProps> & Readonly<{
             onFinish?: (() => any) | undefined;
         }>, {}, {}, {}, {}, {
+            title: string;
             value: number;
             start: boolean;
-            title: string;
             easeing: string;
             format: string;
             valueStyle: import('vue').CSSProperties;
@@ -118,9 +118,9 @@ declare const Statistic: {
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         finish: () => any;
     }, string, {
+        title: string;
         value: number;
         start: boolean;
-        title: string;
         easeing: string;
         format: string;
         valueStyle: import('vue').CSSProperties;

package/es/Steps/Step.vue.d.ts

@@ -1,14 +1,14 @@
-import { StepProps, StepSlots } from './type';
+import { StepProps } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<StepSlots> & StepSlots;
+    slots: any;
     refs: {};
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<StepProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<StepProps> & Readonly<{}>, {
-    disabled: boolean;
     title: string;
+    disabled: boolean;
     description: string;
     status: import('./type').StepStatus;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/es/Steps/Step.vue.js

@@ -1,8 +1,5 @@
-import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, renderSlot, createElementVNode, createBlock, Fragment, createTextVNode, toDisplayString } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { defineComponent, useSlots, toRefs, computed, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, renderSlot, createElementVNode, createBlock, Fragment, createTextVNode, toDisplayString } from "vue";
 import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 /* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
@@ -33,6 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean, default: false }
   },
   setup(__props) {
+    const $slots = useSlots();
     const props = __props;
     const { disabled } = toRefs(props);
     const {
@@ -102,7 +100,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createTextVNode(toDisplayString(_ctx.title), 1)
             ])
           ]),
-          _ctx.$slots.description || _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          $slots.description || _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_6, [
             renderSlot(_ctx.$slots, "description", {}, () => [
               createTextVNode(toDisplayString(_ctx.description), 1)
             ])

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

@@ -1,13 +1,13 @@
 import { Ref, Reactive } from 'vue';
 import { StepsEmits, StepStatus, StepType } from '../type';
-import { Props, Direction } from '../../_shared/type';
+import { Direction, RecordType } from '../../_shared/type';
 declare const _default: () => {
-    provide: (props: Props, emits: StepsEmits) => {
+    provide: (props: RecordType, emits: StepsEmits) => {
         direction: import('vue').ComputedRef<Direction>;
         labelPlacement: import('vue').ComputedRef<Direction>;
         type: Ref<StepType, StepType>;
     };
-    inject: (props: Props) => {
+    inject: (props: RecordType) => {
         curStep: import('vue').ComputedRef<number>;
         status: import('vue').ComputedRef<any>;
         nextStatus: import('vue').ComputedRef<StepStatus>;

package/es/Steps/hooks/useContext.js

@@ -1,11 +1,7 @@
 import { toRefs, computed, reactive, ref, provide, inject, onBeforeUnmount } from "vue";
 import { nanoid } from "../../node_modules/nanoid/index.browser.js";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
-import "../../_shared/utils/dom.js";
 import { isUndefined } from "../../_shared/utils/is.js";
-import "../../_shared/utils/time.js";
-import "../../_shared/utils/locale.js";
-import useControlValue from "../../_shared/utils/control.js";
+import { useControlValue } from "../../_shared/utils/control.js";
 const STEPS_CONTEXT_KEY = "card-context";
 const useContext = () => {
   const provide$1 = (props, emits) => {