yc-design-vue 2.0.3 → 2.0.5

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

@@ -1,7 +1,7 @@
-import { InputTagProps, InputTagValue, InputTagSlots } from './type';
+import { InputTagProps, InputTagValue } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<InputTagSlots> & InputTagSlots;
+    slots: any;
     refs: {
         mirrorRef: HTMLDivElement;
         inputRef: HTMLInputElement;
@@ -13,29 +13,29 @@ declare const __VLS_component: import('vue').DefineComponent<InputTagProps, {
     focus(): void;
     blur(): void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    focus: (ev: FocusEvent) => any;
     clear: (ev: MouseEvent) => any;
-    blur: (ev: FocusEvent) => any;
     input: (value: string) => any;
+    blur: (ev: FocusEvent) => any;
+    focus: (ev: FocusEvent) => any;
+    remove: (value: string | number, ev: MouseEvent | KeyboardEvent) => any;
     "update:modelValue": (value: InputTagValue) => any;
     "update:inputValue": (value: string) => any;
     "input-value-change": (value: string, ev: Event) => any;
-    remove: (value: string | number, ev: MouseEvent | KeyboardEvent) => any;
     "press-enter": (ev: KeyboardEvent) => any;
 }, string, import('vue').PublicProps, Readonly<InputTagProps> & Readonly<{
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
     onClear?: ((ev: MouseEvent) => any) | undefined;
-    onBlur?: ((ev: FocusEvent) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: InputTagValue) => any) | undefined;
     "onUpdate:inputValue"?: ((value: string) => any) | undefined;
     "onInput-value-change"?: ((value: string, ev: Event) => any) | undefined;
-    onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
     "onPress-enter"?: ((ev: KeyboardEvent) => any) | undefined;
 }>, {
     size: import('../_shared/type').Size;
-    disabled: boolean;
     error: boolean;
+    disabled: boolean;
     placeholder: string;
     modelValue: InputTagValue;
     defaultValue: InputTagValue;

package/es/InputTag/index.vue.js

@@ -1,16 +1,13 @@
-import { defineComponent, toRefs, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, createElementVNode, createVNode, withCtx, renderSlot, toDisplayString, TransitionGroup, withDirectives, Fragment, renderList, createTextVNode, withKeys, normalizeStyle, isRef, vModelText } from "vue";
+import { defineComponent, useSlots, toRefs, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, createElementVNode, createVNode, withCtx, renderSlot, toDisplayString, TransitionGroup, withDirectives, Fragment, renderList, createTextVNode, withKeys, normalizeStyle, isRef, vModelText } from "vue";
 import { nanoid } from "../node_modules/nanoid/index.browser.js";
+import { isObject, isBoolean } from "../_shared/utils/is.js";
 import { useElementSize } from "../node_modules/@vueuse/core/index.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx } from "../_shared/utils/dom.js";
-import { isObject, isBoolean } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
+import { useControlValue } from "../_shared/utils/control.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
-import "../_shared/utils/locale.js";
-import useControlValue from "../_shared/utils/control.js";
 import Tag from "../Tag/index.js";
-import _sfc_main$2 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$2 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 import _sfc_main$1 from "../_shared/components/PreventFocus/index.vue.js";
 /* empty css                                               */
 /* empty css                                   */
@@ -49,6 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:modelValue", "update:inputValue", "input", "input-value-change", "focus", "blur", "press-enter", "remove", "clear"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    const $slots = useSlots();
     const props = __props;
     const emits = __emit;
     const {
@@ -217,7 +215,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "yc-input-tag-no-value": !unref(computedValue).length,
             "yc-input-tag-disabled": unref(disabled),
             "yc-input-tag-error": _ctx.error,
-            "yc-input-tag-has-suffix": _ctx.$slots.suffix || showClearBtn.value
+            "yc-input-tag-has-suffix": $slots.suffix || showClearBtn.value
           }
         ]),
         onMousedown: _cache[8] || (_cache[8] = (e) => e.preventDefault()),
@@ -226,7 +224,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           return (_a = inputRef.value) == null ? void 0 : _a.focus();
         })
       }, [
-        _ctx.$slots.prefix ? (openBlock(), createBlock(unref(_sfc_main$1), {
+        $slots.prefix ? (openBlock(), createBlock(unref(_sfc_main$1), {
           key: 0,
           class: "yc-input-tag-prefix"
         }, {
@@ -302,7 +300,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }),
-        _ctx.$slots.suffix || showClearBtn.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
+        $slots.suffix || showClearBtn.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
           key: 1,
           class: "yc-input-tag-suffix"
         }, {

package/es/Layout/Layout.vue.d.ts

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

package/es/Layout/Layout.vue.js

@@ -1,9 +1,5 @@
 import { defineComponent, useSlots, toRefs, computed, createElementBlock, openBlock, normalizeClass, renderSlot } from "vue";
-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 _sfc_main$1 from "./LayoutSider.vue.js";
 /* empty css                 */
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -15,13 +11,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     hasSider: { type: Boolean, default: void 0 }
   },
   setup(__props) {
-    const slots = useSlots();
+    const $slots = useSlots();
     const props = __props;
     const { hasSider: _hasSider } = toRefs(props);
     const hasSider = computed(() => {
       var _a;
       if (!isUndefined(_hasSider.value)) return _hasSider.value;
-      const sider = (((_a = slots.default) == null ? void 0 : _a.call(slots)) || []).find(
+      const sider = (((_a = $slots.default) == null ? void 0 : _a.call($slots)) || []).find(
         (item) => item.type.name == _sfc_main$1.name
       );
       return !!sider;

package/es/Layout/LayoutSider.vue.js

@@ -1,13 +1,10 @@
 import { defineComponent, toRefs, ref, computed, createBlock, createElementBlock, openBlock, unref, normalizeClass, withCtx, createElementVNode, createCommentVNode, renderSlot, createVNode, normalizeStyle } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { mediaQueryHandler, valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
-import useSiderContext from "./hooks/useSiderContext.js";
+import useLayoutContext from "./hooks/useSiderContext.js";
 import ResizeBox from "../ResizeBox/index.js";
 const _hoisted_1 = { class: "yc-layout-sider-children" };
 const _hoisted_2 = { class: "yc-layout-sider-children" };
@@ -42,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       collapsedWidth,
       width: _width
     } = toRefs(props);
-    const { theme, computedCollapsed } = useSiderContext().provide(props, emits);
+    const { theme, computedCollapsed } = useLayoutContext().provide(props, emits);
     const asideWidth = ref(_width.value);
     const showTrigger = computed(() => {
       return !hideTrigger.value && collapsible.value;

package/es/Layout/hooks/useSiderContext.d.ts

@@ -1,16 +1,15 @@
 import { Ref } from 'vue';
-import { Theme, RecordType } from '../../_shared/type';
 import { LayoutSiderEmits } from '../type';
+import { Theme, RecordType } from '../../_shared/type';
 export declare const LAYOUT_CONTEXT_KEY = "LAYOUT-CONTEXT";
 export type LayoutContext = {
     theme: Ref<Theme | undefined>;
     collapsed: Ref<boolean>;
 };
-declare const _default: () => {
+export default function useLayoutContext(): {
     provide: (props: RecordType, emits: LayoutSiderEmits) => {
         theme: import('vue').ComputedRef<Theme>;
         computedCollapsed: import('vue').WritableComputedRef<boolean, boolean>;
     };
     inject: () => LayoutContext;
 };
-export default _default;

package/es/Layout/hooks/useSiderContext.js

@@ -1,11 +1,7 @@
 import { toRefs, computed, provide, inject, ref } from "vue";
-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 LAYOUT_CONTEXT_KEY = "LAYOUT-CONTEXT";
-const useSiderContext = () => {
+function useLayoutContext() {
   const provide$1 = (props, emits) => {
     const { collapsed, defaultCollapsed, theme } = toRefs(
       props
@@ -37,8 +33,8 @@ const useSiderContext = () => {
     provide: provide$1,
     inject: inject$1
   };
-};
+}
 export {
   LAYOUT_CONTEXT_KEY,
-  useSiderContext as default
+  useLayoutContext as default
 };

package/es/Layout/index.d.ts

@@ -29,7 +29,7 @@ declare const Layout: {
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').LayoutProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     hasSider: 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').LayoutSlots> & import('./type').LayoutSlots;
+    $slots: any;
 }) & {
     content: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {

package/es/Link/index.d.ts

@@ -56,7 +56,7 @@ declare const Link: {
     href: string;
     status: import('./type').LinkStatus;
 }, {}, 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').LinkSlots> & import('./type').LinkSlots;
+    $slots: any;
 }) & {
     install: (app: App) => void;
 };

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

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

package/es/Link/index.vue.js

@@ -1,9 +1,6 @@
-import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, renderSlot, createBlock } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { defineComponent, useSlots, toRefs, computed, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, renderSlot, createBlock } from "vue";
 import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconLink.vue.js";
@@ -28,6 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["click", "dblclick", "contextmenu"],
   setup(__props, { emit: __emit }) {
+    const $slots = useSlots();
     const props = __props;
     const emits = __emit;
     const { disabled, loading, href } = toRefs(props);
@@ -55,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onDblclick: _cache[1] || (_cache[1] = ($event) => handleEvent("dblclick", $event)),
         onContextmenu: _cache[2] || (_cache[2] = ($event) => handleEvent("contextmenu", $event))
       }, [
-        _ctx.$slots.icon || _ctx.icon || unref(loading) ? (openBlock(), createElementBlock("span", _hoisted_2, [
+        $slots.icon || _ctx.icon || unref(loading) ? (openBlock(), createElementBlock("span", _hoisted_2, [
           !unref(loading) ? renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
             _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$1), { key: 0 })) : createCommentVNode("", true)
           ]) : (openBlock(), createBlock(unref(Spin), {

package/es/List/List.vue.d.ts

@@ -1,7 +1,7 @@
-import { ListProps, ListSlots } from './type';
+import { ListProps } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<ListSlots> & ListSlots;
+    slots: any;
     refs: {
         realListRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -40,8 +40,8 @@ declare function __VLS_template(): {
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 scroll: (left: number, top: number, ev: Event) => any;
             }, string, {
-                scrollbar: boolean;
                 type: import('../Scrollbar').TackType;
+                scrollbar: boolean;
                 outerClass: import('..').ClassName;
                 outerStyle: import('vue').CSSProperties;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -65,18 +65,18 @@ declare function __VLS_template(): {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            scrollbar: boolean;
             type: import('../Scrollbar').TackType;
+            scrollbar: boolean;
             outerClass: import('..').ClassName;
             outerStyle: import('vue').CSSProperties;
         }> & Omit<Readonly<import('../Scrollbar').ScrollbarProps> & Readonly<{
             onScroll?: ((left: number, top: number, ev: Event) => any) | undefined;
-        }>, "scrollTop" | "scrollLeft" | ("scrollbar" | "type" | "outerClass" | "outerStyle") | "scrollTo" | "getScrollRef"> & import('vue').ShallowUnwrapRef<{
+        }>, "scrollTop" | "scrollLeft" | ("type" | "scrollbar" | "outerClass" | "outerStyle") | "scrollTo" | "getScrollRef"> & import('vue').ShallowUnwrapRef<{
             scrollTo(options: ScrollOptions): void;
             scrollLeft(left: number): void;
             scrollTop(top: number): void;
             getScrollRef(): HTMLDivElement;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
+        }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
             $slots: Readonly<import('../Scrollbar').ScrollbarSlots> & import('../Scrollbar').ScrollbarSlots;
         }) | null;
         virtualListRef: ({
@@ -126,7 +126,7 @@ declare function __VLS_template(): {
         } & Readonly<{}> & Omit<Readonly<{
             data: import('..').RecordType[];
             virtualListProps: import('..').VirtualListProps;
-        }> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
             $slots: {
                 item?(_: {
                     index: number;
@@ -150,8 +150,8 @@ declare const __VLS_component: import('vue').DefineComponent<ListProps, {}, {},
     "onPage-change"?: ((value: number) => any) | undefined;
 }>, {
     size: import('./type').ListSize;
-    scrollbar: boolean;
     data: import('..').RecordType[];
+    scrollbar: boolean;
     hoverable: boolean;
     split: boolean;
     loading: boolean;
@@ -198,8 +198,8 @@ declare const __VLS_component: import('vue').DefineComponent<ListProps, {}, {},
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             scroll: (left: number, top: number, ev: Event) => any;
         }, string, {
-            scrollbar: boolean;
             type: import('../Scrollbar').TackType;
+            scrollbar: boolean;
             outerClass: import('..').ClassName;
             outerStyle: import('vue').CSSProperties;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -223,18 +223,18 @@ declare const __VLS_component: import('vue').DefineComponent<ListProps, {}, {},
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        scrollbar: boolean;
         type: import('../Scrollbar').TackType;
+        scrollbar: boolean;
         outerClass: import('..').ClassName;
         outerStyle: import('vue').CSSProperties;
     }> & Omit<Readonly<import('../Scrollbar').ScrollbarProps> & Readonly<{
         onScroll?: ((left: number, top: number, ev: Event) => any) | undefined;
-    }>, "scrollTop" | "scrollLeft" | ("scrollbar" | "type" | "outerClass" | "outerStyle") | "scrollTo" | "getScrollRef"> & import('vue').ShallowUnwrapRef<{
+    }>, "scrollTop" | "scrollLeft" | ("type" | "scrollbar" | "outerClass" | "outerStyle") | "scrollTo" | "getScrollRef"> & import('vue').ShallowUnwrapRef<{
         scrollTo(options: ScrollOptions): void;
         scrollLeft(left: number): void;
         scrollTop(top: number): void;
         getScrollRef(): HTMLDivElement;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
         $slots: Readonly<import('../Scrollbar').ScrollbarSlots> & import('../Scrollbar').ScrollbarSlots;
     }) | null;
     virtualListRef: ({
@@ -284,7 +284,7 @@ declare const __VLS_component: import('vue').DefineComponent<ListProps, {}, {},
     } & Readonly<{}> & Omit<Readonly<{
         data: import('..').RecordType[];
         virtualListProps: import('..').VirtualListProps;
-    }> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
         $slots: {
             item?(_: {
                 index: number;

package/es/List/List.vue.js

@@ -1,11 +1,8 @@
 import { defineComponent, useSlots, toRefs, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createBlock, createCommentVNode, normalizeStyle, createElementVNode, renderSlot, createSlots, normalizeProps, guardReactiveProps, Fragment, renderList, resolveDynamicComponent, isRef } from "vue";
 import { unrefElement } 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 { useControlValue } from "../_shared/utils/control.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
-import "../_shared/utils/locale.js";
-import useControlValue from "../_shared/utils/control.js";
+import { valueToPx } from "../_shared/utils/dom.js";
 import useScrollReach from "./hooks/useScrollReach.js";
 import Spin from "../Spin/index.js";
 import Scrollbar from "../Scrollbar/index.js";
@@ -50,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["scroll", "reach-bottom", "page-change", "page-size-change"],
   setup(__props, { emit: __emit }) {
     var _a, _b;
-    const slots = useSlots();
+    const $slots = useSlots();
     const props = __props;
     const emits = __emit;
     const { data, paginationProps, virtualListProps, bottomOffset } = toRefs(props);
@@ -143,7 +140,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_1, [
-                    _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                    $slots.header ? (openBlock(), createElementBlock("div", _hoisted_2, [
                       renderSlot(_ctx.$slots, "header")
                     ])) : createCommentVNode("", true),
                     isVirtualList.value ? (openBlock(), createBlock(_sfc_main$1, {
@@ -156,7 +153,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ref_key: "virtualListRef",
                       ref: virtualListRef
                     }, createSlots({ _: 2 }, [
-                      _ctx.$slots.item ? {
+                      $slots.item ? {
                         name: "item",
                         fn: withCtx((scope) => [
                           renderSlot(_ctx.$slots, "item", normalizeProps(guardReactiveProps(scope)))
@@ -173,11 +170,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         });
                       }), 128))
                     ])),
-                    !_ctx.$slots.default && !curList.value.length ? (openBlock(), createBlock(resolveDynamicComponent(slots.empty || unref(Empty)), { key: 3 })) : createCommentVNode("", true),
-                    _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                    !$slots.default && !curList.value.length ? (openBlock(), createBlock(resolveDynamicComponent($slots.empty || unref(Empty)), { key: 3 })) : createCommentVNode("", true),
+                    $slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4, [
                       renderSlot(_ctx.$slots, "footer")
                     ])) : createCommentVNode("", true),
-                    _ctx.$slots["scroll-loading"] && isBottomReached.value ? (openBlock(), createBlock(_sfc_main$2, {
+                    $slots["scroll-loading"] && isBottomReached.value ? (openBlock(), createBlock(_sfc_main$2, {
                       key: 5,
                       class: "yc-list-scroll-loading"
                     }, {

package/es/List/ListItem.vue.d.ts

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

package/es/List/ListItem.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, renderSlot } from "vue";
+import { defineComponent, useSlots, createElementBlock, openBlock, createElementVNode, createCommentVNode, renderSlot } from "vue";
 const _hoisted_1 = {
   role: "listitem",
   class: "yc-list-item"
@@ -30,23 +30,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     actionLayout: { default: "horizontal" }
   },
   setup(__props) {
+    const $slots = useSlots();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          _ctx.$slots.meta ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          $slots.meta ? (openBlock(), createElementBlock("div", _hoisted_3, [
             renderSlot(_ctx.$slots, "meta")
           ])) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_4, [
             renderSlot(_ctx.$slots, "default")
           ]),
-          _ctx.$slots.actions && _ctx.actionLayout == "vertical" ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          $slots.actions && _ctx.actionLayout == "vertical" ? (openBlock(), createElementBlock("div", _hoisted_5, [
             renderSlot(_ctx.$slots, "actions")
           ])) : createCommentVNode("", true)
         ]),
-        _ctx.$slots.actions && _ctx.actionLayout == "horizontal" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+        $slots.actions && _ctx.actionLayout == "horizontal" ? (openBlock(), createElementBlock("div", _hoisted_6, [
           renderSlot(_ctx.$slots, "actions")
         ])) : createCommentVNode("", true),
-        _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_7, [
+        $slots.extra ? (openBlock(), createElementBlock("div", _hoisted_7, [
           renderSlot(_ctx.$slots, "extra")
         ])) : createCommentVNode("", true)
       ]);

package/es/List/ListItemMeta.vue.d.ts

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

package/es/List/ListItemMeta.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, createCommentVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, useSlots, createElementBlock, openBlock, createCommentVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
 const _hoisted_1 = { class: "yc-list-item-meta" };
 const _hoisted_2 = {
   key: 0,
@@ -23,18 +23,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     description: { default: "" }
   },
   setup(__props) {
+    const $slots = useSlots();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        _ctx.$slots.avatar ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        $slots.avatar ? (openBlock(), createElementBlock("div", _hoisted_2, [
           renderSlot(_ctx.$slots, "avatar")
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_3, [
-          _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          $slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_4, [
             renderSlot(_ctx.$slots, "title", {}, () => [
               createTextVNode(toDisplayString(_ctx.title), 1)
             ])
           ])) : createCommentVNode("", true),
-          _ctx.$slots.description || _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          $slots.description || _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_5, [
             renderSlot(_ctx.$slots, "description", {}, () => [
               createTextVNode(toDisplayString(_ctx.description), 1)
             ])

package/es/List/hooks/useScrollReach.js

@@ -1,9 +1,6 @@
+import "vue";
 import { useScroll } from "../../node_modules/@vueuse/core/index.js";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import { debounce } from "../../_shared/utils/dom.js";
-import "../../_shared/utils/time.js";
-import "vue";
-import "../../_shared/utils/locale.js";
 const useScrollReach = (options) => {
   const {
     scrollRef,

package/es/List/index.d.ts

@@ -19,8 +19,8 @@ declare const List: {
         "page-change": (value: number) => any;
     }, import('vue').PublicProps, {
         size: import('./type').ListSize;
-        scrollbar: boolean;
         data: import('..').RecordType[];
+        scrollbar: boolean;
         hoverable: boolean;
         split: boolean;
         loading: boolean;
@@ -67,8 +67,8 @@ declare const List: {
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 scroll: (left: number, top: number, ev: Event) => any;
             }, string, {
-                scrollbar: boolean;
                 type: import('..').TackType;
+                scrollbar: boolean;
                 outerClass: import('..').ClassName;
                 outerStyle: import('vue').CSSProperties;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -92,18 +92,18 @@ declare const List: {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            scrollbar: boolean;
             type: import('..').TackType;
+            scrollbar: boolean;
             outerClass: import('..').ClassName;
             outerStyle: import('vue').CSSProperties;
         }> & Omit<Readonly<import('..').ScrollbarProps> & Readonly<{
             onScroll?: ((left: number, top: number, ev: Event) => any) | undefined;
-        }>, "scrollTop" | "scrollLeft" | ("scrollbar" | "type" | "outerClass" | "outerStyle") | "scrollTo" | "getScrollRef"> & import('vue').ShallowUnwrapRef<{
+        }>, "scrollTop" | "scrollLeft" | ("type" | "scrollbar" | "outerClass" | "outerStyle") | "scrollTo" | "getScrollRef"> & import('vue').ShallowUnwrapRef<{
             scrollTo(options: ScrollOptions): void;
             scrollLeft(left: number): void;
             scrollTop(top: number): void;
             getScrollRef(): HTMLDivElement;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
+        }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
             $slots: Readonly<import('..').ScrollbarSlots> & import('..').ScrollbarSlots;
         }) | null;
         virtualListRef: ({
@@ -153,7 +153,7 @@ declare const List: {
         } & Readonly<{}> & Omit<Readonly<{
             data: import('..').RecordType[];
             virtualListProps: import('..').VirtualListProps;
-        }> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
             $slots: {
                 item?(_: {
                     index: number;
@@ -175,8 +175,8 @@ declare const List: {
         "onPage-change"?: ((value: number) => any) | undefined;
     }>, {}, {}, {}, {}, {
         size: import('./type').ListSize;
-        scrollbar: boolean;
         data: import('..').RecordType[];
+        scrollbar: boolean;
         hoverable: boolean;
         split: boolean;
         loading: boolean;
@@ -201,8 +201,8 @@ declare const List: {
     "page-change": (value: number) => any;
 }, string, {
     size: import('./type').ListSize;
-    scrollbar: boolean;
     data: import('..').RecordType[];
+    scrollbar: boolean;
     hoverable: boolean;
     split: boolean;
     loading: boolean;
@@ -212,7 +212,7 @@ declare const List: {
     paginationProps: import('..').PaginationProps;
     bottomOffset: number;
 }, {}, 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').ListSlots> & import('./type').ListSlots;
+    $slots: any;
 }) & {
     item: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').ListItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
@@ -233,7 +233,7 @@ declare const List: {
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').ListItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         actionLayout: import('..').Direction;
     }, {}, 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').ListItemSlots> & import('./type').ListItemSlots;
+        $slots: any;
     });
     "item-meta": {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').ListItemMetaProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
@@ -257,7 +257,7 @@ declare const List: {
         title: string;
         description: string;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Readonly<import('./type').ListItemMetaSlots> & import('./type').ListItemMetaSlots;
+        $slots: any;
     });
     install: (app: App) => void;
 };