yc-design-vue 2.0.3 → 2.0.5

package/es/Grid/index.d.ts

@@ -64,9 +64,9 @@ declare const Grid: {
     });
     row: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').GridRowProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            div: boolean;
             wrap: boolean;
             justify: import('./type').GridRowJustify;
-            div: boolean;
             align: import('./type').GridRowAlign;
             gutter: import('./type').GridRowGutter | [import('./type').GridRowGutter, import('./type').GridRowGutter];
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -77,9 +77,9 @@ declare const Grid: {
             M: {};
             Defaults: {};
         }, Readonly<import('./type').GridRowProps> & Readonly<{}>, {}, {}, {}, {}, {
+            div: boolean;
             wrap: boolean;
             justify: import('./type').GridRowJustify;
-            div: boolean;
             align: import('./type').GridRowAlign;
             gutter: import('./type').GridRowGutter | [import('./type').GridRowGutter, import('./type').GridRowGutter];
         }>;
@@ -87,9 +87,9 @@ declare const Grid: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').GridRowProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        div: boolean;
         wrap: boolean;
         justify: import('./type').GridRowJustify;
-        div: boolean;
         align: import('./type').GridRowAlign;
         gutter: import('./type').GridRowGutter | [import('./type').GridRowGutter, import('./type').GridRowGutter];
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {

package/es/Image/Image.vue.d.ts

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

package/es/Image/Image.vue.js

@@ -1,14 +1,12 @@
-import { defineComponent, toRefs, ref, watch, createElementBlock, openBlock, normalizeStyle, unref, createElementVNode, createBlock, createCommentVNode, mergeProps, isRef, createSlots, withCtx, renderSlot, createVNode, toDisplayString, normalizeClass } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { defineComponent, useSlots, toRefs, ref, watch, createElementBlock, openBlock, normalizeStyle, unref, createElementVNode, createBlock, createCommentVNode, mergeProps, isRef, createSlots, withCtx, renderSlot, createVNode, toDisplayString, normalizeClass } from "vue";
+import { useControlValue } from "../_shared/utils/control.js";
 import { valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
 import { useI18n } from "../_shared/utils/locale.js";
-import useControlValue from "../_shared/utils/control.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconImageClose.vue.js";
-import useContext from "./hooks/useContext.js";
+import useImageContext from "./hooks/useContext.js";
 import Spin from "../Spin/index.js";
 import _sfc_main$1 from "./ImagePreview.vue.js";
 /* empty css                  */
@@ -58,10 +56,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:previewVisible", "preview-visible-change"],
   setup(__props, { emit: __emit }) {
+    const $slots = useSlots();
     const props = __props;
     const emits = __emit;
     const { src, preview, previewVisible, defaultPreviewVisible } = toRefs(props);
-    const { hasGroupFather, handleClick: previewImage } = useContext().inject();
+    const { hasGroupFather, handleClick: previewImage } = useImageContext().inject();
     const { t } = useI18n();
     const computedVisible = useControlValue(
       previewVisible,
@@ -126,7 +125,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => isRef(computedVisible) ? computedVisible.value = $event : null),
           src: unref(src)
         }, _ctx.previewProps), createSlots({ _: 2 }, [
-          _ctx.$slots["preview-actions"] ? {
+          $slots["preview-actions"] ? {
             name: "actions",
             fn: withCtx(() => [
               renderSlot(_ctx.$slots, "preview-actions")
@@ -134,7 +133,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: "0"
           } : void 0
         ]), 1040, ["visible", "src"])) : createCommentVNode("", true),
-        (_ctx.showLoader || _ctx.$slots.loader) && loading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        (_ctx.showLoader || $slots.loader) && loading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
             renderSlot(_ctx.$slots, "loader", {}, () => [
               createVNode(unref(Spin), {
@@ -156,7 +155,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           ])
         ])) : createCommentVNode("", true),
-        !_ctx.hideFooter && (_ctx.title || _ctx.description || _ctx.$slots.extra) ? (openBlock(), createElementBlock("div", {
+        !_ctx.hideFooter && (_ctx.title || _ctx.description || $slots.extra) ? (openBlock(), createElementBlock("div", {
           key: 3,
           class: normalizeClass([
             "yc-image-footer",
@@ -174,7 +173,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               title: _ctx.description
             }, toDisplayString(_ctx.description), 9, _hoisted_10)
           ]),
-          _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_11, [
+          $slots.extra ? (openBlock(), createElementBlock("div", _hoisted_11, [
             renderSlot(_ctx.$slots, "extra")
           ])) : createCommentVNode("", true)
         ], 2)) : createCommentVNode("", true)

package/es/Image/ImagePreview.vue.d.ts

@@ -1,7 +1,7 @@
-import { ImagePreviewProps, ImagePreviewSlots } from './type';
+import { ImagePreviewProps } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<ImagePreviewSlots> & ImagePreviewSlots;
+    slots: any;
     refs: {
         imageRef: HTMLImageElement;
     };

package/es/Image/ImagePreview.vue.js

@@ -1,14 +1,11 @@
-import { defineComponent, toRefs, ref, createBlock, openBlock, Teleport, unref, createElementBlock, createCommentVNode, normalizeStyle, normalizeClass, createVNode, Transition, withCtx, withDirectives, createElementVNode, vShow, withModifiers, renderSlot, createSlots } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { defineComponent, useSlots, toRefs, ref, createBlock, openBlock, Teleport, unref, createElementBlock, createCommentVNode, normalizeStyle, normalizeClass, createVNode, Transition, withCtx, withDirectives, createElementVNode, vShow, withModifiers, renderSlot, createSlots } from "vue";
 import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import { getGlobalConfig } from "../_shared/utils/global-config.js";
-import "../_shared/utils/locale.js";
-import useControlValue from "../_shared/utils/control.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconClose.vue.js";
+import { useControlValue } from "../_shared/utils/control.js";
+import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import { useEventListener, onKeyStroke } from "../node_modules/@vueuse/core/index.js";
 import useModalClose from "../Modal/hooks/useModalClose.js";
 import _sfc_main$1 from "./ImagePreviewToolbar.vue.js";
@@ -44,6 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:visible", "close"],
   setup(__props, { emit: __emit }) {
+    const $slots = useSlots();
     const props = __props;
     const emits = __emit;
     const {
@@ -184,7 +182,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   actionsLayout: _ctx.actionsLayout,
                   onClick: handleAction
                 }, createSlots({ _: 2 }, [
-                  _ctx.$slots.actions ? {
+                  $slots.actions ? {
                     name: "actions",
                     fn: withCtx(() => [
                       renderSlot(_ctx.$slots, "actions")

package/es/Image/ImagePreviewAction.vue.d.ts

@@ -15,8 +15,8 @@ declare const __VLS_component: import('vue').DefineComponent<ImagePreviewActionP
     onContextmenu?: ((ev: MouseEvent) => any) | undefined;
     onDblclick?: ((ev: MouseEvent) => any) | undefined;
 }>, {
-    disabled: boolean;
     name: string;
+    disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/es/Image/ImagePreviewArrow.vue.js

@@ -1,9 +1,6 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, createVNode, unref } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 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/IconArrowRight.vue.js";

package/es/Image/ImagePreviewGroup.vue.d.ts

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

package/es/Image/ImagePreviewGroup.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent, toRefs, createElementBlock, openBlock, Fragment, renderSlot, createCommentVNode, createVNode, unref, mergeProps, isRef, createSlots, withCtx, createElementVNode } from "vue";
+import { defineComponent, useSlots, toRefs, createElementBlock, openBlock, Fragment, renderSlot, createCommentVNode, createVNode, unref, mergeProps, isRef, createSlots, withCtx, createElementVNode } from "vue";
 import { onKeyStroke } from "../node_modules/@vueuse/core/index.js";
-import useContext from "./hooks/useContext.js";
+import useImageContext from "./hooks/useContext.js";
 import _sfc_main$1 from "./ImagePreview.vue.js";
 /* empty css                  */
 import _sfc_main$2 from "./ImagePreviewArrow.vue.js";
@@ -38,10 +38,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:visible", "update:current", "change", "visible-change"],
   setup(__props, { emit: __emit }) {
+    const $slots = useSlots();
     const props = __props;
     const emits = __emit;
     const { srcList: _srcList, infinite, keyboard } = toRefs(props);
-    const { src, srcList, computedCurrent, computedVisible } = useContext().provide(
+    const { src, srcList, computedCurrent, computedVisible } = useImageContext().provide(
       props,
       emits
     );
@@ -73,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     intLisenter();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        _ctx.$slots.default && !unref(_srcList).length ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
+        $slots.default && !unref(_srcList).length ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
         createVNode(_sfc_main$1, mergeProps(props, {
           visible: unref(computedVisible),
           "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => isRef(computedVisible) ? computedVisible.value = $event : null),
@@ -95,7 +96,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 2
         }, [
-          _ctx.$slots.actions ? {
+          $slots.actions ? {
             name: "actions",
             fn: withCtx(() => [
               renderSlot(_ctx.$slots, "actions")

package/es/Image/ImagePreviewToolbar.vue.js

@@ -1,9 +1,6 @@
 import { defineComponent, createElementBlock, createCommentVNode, openBlock, renderSlot, Fragment, renderList, createBlock, unref, withCtx, resolveDynamicComponent } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import { useI18n } from "../_shared/utils/locale.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$6 from "../_shared/icons/IconFullScreen.vue2.js";
@@ -12,6 +9,7 @@ import _sfc_main$4 from "../_shared/icons/IconRotateLeft.vue2.js";
 import _sfc_main$5 from "../_shared/icons/IconRotateRight.vue2.js";
 import _sfc_main$3 from "../_shared/icons/IconZoomIn.vue2.js";
 import _sfc_main$2 from "../_shared/icons/IconZoomOut.vue2.js";
+import { useI18n } from "../_shared/utils/locale.js";
 import _sfc_main$7 from "./ImagePreviewAction.vue.js";
 /* empty css                        */
 const _hoisted_1 = {

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

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

package/es/Image/hooks/useContext.js

@@ -1,14 +1,10 @@
 import { toRefs, useSlots, computed, provide, ref, inject } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
-import "../../_shared/utils/dom.js";
-import "../../_shared/utils/time.js";
+import { useControlValue } from "../../_shared/utils/control.js";
 import { findComponentsFromVnodes } from "../../_shared/utils/vue-utils.js";
-import "../../_shared/utils/locale.js";
-import useControlValue from "../../_shared/utils/control.js";
 import _sfc_main from "../Image.vue.js";
 /* empty css            */
 const IMAGE_CONTEXT_KEY = "image-context";
-const useContext = () => {
+function useImageContext() {
   const provide$1 = (props, emits) => {
     const {
       srcList: _srcList,
@@ -75,7 +71,7 @@ const useContext = () => {
     provide: provide$1,
     inject: inject$1
   };
-};
+}
 export {
-  useContext as default
+  useImageContext as default
 };

package/es/Image/index.d.ts

@@ -72,7 +72,7 @@ declare const Image: {
     previewProps: import('./type').ImagePreviewProps;
     footerClass: import('..').ClassName;
 }, {}, 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').ImageSlots> & import('./type').ImageSlots;
+    $slots: any;
 }) & {
     preview: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').ImagePreviewProps> & Readonly<{
@@ -143,7 +143,7 @@ declare const Image: {
         defaultScale: number;
         zoomRate: 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').ImagePreviewSlots> & import('./type').ImagePreviewSlots;
+        $slots: any;
     });
     "preview-group": {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').ImagePreviewGroupProps> & Readonly<{
@@ -231,7 +231,7 @@ declare const Image: {
         zoomRate: number;
         srcList: 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').ImagePreviewGroupSlots> & import('./type').ImagePreviewGroupSlots;
+        $slots: any;
     });
     action: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').ImagePreviewActionProps> & Readonly<{
@@ -243,8 +243,8 @@ declare const Image: {
             contextmenu: (ev: MouseEvent) => any;
             dblclick: (ev: MouseEvent) => any;
         }, import('vue').PublicProps, {
-            disabled: boolean;
             name: string;
+            disabled: boolean;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -257,8 +257,8 @@ declare const Image: {
             onContextmenu?: ((ev: MouseEvent) => any) | undefined;
             onDblclick?: ((ev: MouseEvent) => any) | undefined;
         }>, {}, {}, {}, {}, {
-            disabled: boolean;
             name: string;
+            disabled: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -272,8 +272,8 @@ declare const Image: {
         contextmenu: (ev: MouseEvent) => any;
         dblclick: (ev: MouseEvent) => any;
     }, string, {
-        disabled: boolean;
         name: string;
+        disabled: 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').ImagePreviewActionSlots> & import('./type').ImagePreviewActionSlots;
     });

package/es/Input/Input.vue.d.ts

@@ -1,7 +1,7 @@
-import { InputProps, InputSlots } from './type';
+import { InputProps } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<InputSlots> & InputSlots;
+    slots: any;
     refs: {
         inputRef: HTMLInputElement;
     };
@@ -14,10 +14,10 @@ declare const __VLS_component: import('vue').DefineComponent<InputProps, {
     getInputRef(): HTMLInputElement;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: string, ev: Event) => any;
-    focus: (ev: FocusEvent) => any;
     clear: (ev: MouseEvent) => any;
-    blur: (ev: FocusEvent) => any;
     input: (value: string, ev: Event) => any;
+    blur: (ev: FocusEvent) => any;
+    focus: (ev: FocusEvent) => any;
     keydown: (ev: KeyboardEvent) => any;
     "update:modelValue": (value: string) => any;
     "update:visibility": (value: boolean) => any;
@@ -25,10 +25,10 @@ declare const __VLS_component: import('vue').DefineComponent<InputProps, {
     pressEnter: (ev: KeyboardEvent) => any;
 }, string, import('vue').PublicProps, Readonly<InputProps> & Readonly<{
     onChange?: ((value: string, ev: Event) => any) | undefined;
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
     onClear?: ((ev: MouseEvent) => any) | undefined;
-    onBlur?: ((ev: FocusEvent) => any) | undefined;
     onInput?: ((value: string, ev: Event) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
     onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
@@ -36,8 +36,8 @@ declare const __VLS_component: import('vue').DefineComponent<InputProps, {
     onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
 }>, {
     size: import('..').Size;
-    disabled: boolean;
     error: boolean;
+    disabled: boolean;
     placeholder: string;
     modelValue: string;
     defaultValue: string;

package/es/Input/Input.vue.js

@@ -1,14 +1,11 @@
-import { defineComponent, toRefs, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, createElementVNode, withCtx, renderSlot, withDirectives, mergeProps, withKeys, vShow, createSlots } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
+import { defineComponent, useSlots, toRefs, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, createElementVNode, withCtx, renderSlot, withDirectives, mergeProps, withKeys, vShow, createSlots } from "vue";
+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 useLimitedInput from "./hooks/useLimitedInput.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";
+import "../_shared/utils/dom.js";
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$3 from "./InputSuffix.vue.js";
@@ -47,6 +44,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:modelValue", "update:visibility", "input", "change", "visibility-change", "pressEnter", "keydown", "clear", "focus", "blur"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    const $slots = useSlots();
     const props = __props;
     const emits = __emit;
     const { visibility, defaultVisibility } = toRefs(props);
@@ -131,12 +129,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           {
             "yc-input-disabled": _ctx.disabled,
             "yc-input-error": unref(error),
-            "yc-input-has-prepend": _ctx.$slots.prepend,
-            "yc-input-has-append": _ctx.$slots.append
+            "yc-input-has-prepend": $slots.prepend,
+            "yc-input-has-append": $slots.append
           }
         ])
       }, [
-        _ctx.$slots.prepend ? (openBlock(), createBlock(unref(_sfc_main$1), {
+        $slots.prepend ? (openBlock(), createBlock(unref(_sfc_main$1), {
           key: 0,
           class: "yc-input-prepend"
         }, {
@@ -148,7 +146,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           class: normalizeClass(["yc-input-wrapper", { "yc-input-wrapper-disabled": _ctx.disabled }])
         }, [
-          _ctx.$slots.prefix ? (openBlock(), createBlock(unref(_sfc_main$1), {
+          $slots.prefix ? (openBlock(), createBlock(unref(_sfc_main$1), {
             key: 0,
             class: "yc-input-prefix"
           }, {
@@ -179,9 +177,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onBlur: _cache[6] || (_cache[6] = ($event) => handleEvent("blur", $event)),
             onKeydown: _cache[7] || (_cache[7] = withKeys(($event) => handleEvent("keydown", $event), ["enter"]))
           }), null, 16, _hoisted_1), [
-            [vShow, !_ctx.$slots.label || _ctx.$slots.label && _ctx.showInput]
+            [vShow, !$slots.label || _ctx.showInput]
           ]),
-          _ctx.$slots.label ? withDirectives((openBlock(), createBlock(unref(_sfc_main$1), {
+          $slots.label ? withDirectives((openBlock(), createBlock(unref(_sfc_main$1), {
             key: 1,
             class: "yc-input text-ellipsis"
           }, {
@@ -197,7 +195,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "yc-input-clear-button",
             onClick: _cache[8] || (_cache[8] = ($event) => handleEvent("clear", $event))
           })) : createCommentVNode("", true),
-          _ctx.$slots.suffix || unref(showWordLimit) || _ctx.isPassword && _ctx.invisibleButton ? (openBlock(), createBlock(_sfc_main$3, {
+          $slots.suffix || unref(showWordLimit) || _ctx.isPassword && _ctx.invisibleButton ? (openBlock(), createBlock(_sfc_main$3, {
             key: 3,
             "cur-length": unref(curLength),
             "max-length": unref(maxLength),
@@ -208,7 +206,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "is-password": _ctx.isPassword,
             onVisibilityChange: _cache[9] || (_cache[9] = (v) => computedVisibility.value = v)
           }, createSlots({ _: 2 }, [
-            _ctx.$slots.suffix ? {
+            $slots.suffix ? {
               name: "suffix",
               fn: withCtx(() => [
                 renderSlot(_ctx.$slots, "suffix")
@@ -217,7 +215,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             } : void 0
           ]), 1032, ["cur-length", "max-length", "computed-value", "show-word-limit", "computed-visibility", "invisible-button", "is-password"])) : createCommentVNode("", true)
         ], 2),
-        _ctx.$slots.append ? (openBlock(), createBlock(unref(_sfc_main$1), {
+        $slots.append ? (openBlock(), createBlock(unref(_sfc_main$1), {
           key: 1,
           class: "yc-input-append"
         }, {

package/es/Input/InputSuffix.vue.js

@@ -1,11 +1,8 @@
 import { defineComponent, createBlock, openBlock, unref, withCtx, createElementBlock, createCommentVNode, renderSlot, toDisplayString } from "vue";
-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";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$4 from "../_shared/icons/IconEyeClose.vue2.js";

package/es/Input/hooks/useLimitedInput.js

@@ -1,10 +1,6 @@
 import { toRefs, computed, ref, nextTick } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
-import "../../_shared/utils/dom.js";
 import { isNumber, isFunction, 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";
 import useCursor from "./useCursor.js";
 const useLimitedInput = (params) => {
   const { props, emits, inputRef } = params;

package/es/Input/index.d.ts

@@ -5,10 +5,10 @@ export * from './type';
 declare const Input: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').InputProps> & Readonly<{
         onChange?: ((value: string, ev: Event) => any) | undefined;
-        onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev: MouseEvent) => any) | undefined;
-        onBlur?: ((ev: FocusEvent) => any) | undefined;
         onInput?: ((value: string, ev: Event) => any) | undefined;
+        onBlur?: ((ev: FocusEvent) => any) | undefined;
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
         onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
@@ -20,10 +20,10 @@ declare const Input: {
         getInputRef(): HTMLInputElement;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         change: (value: string, ev: Event) => any;
-        focus: (ev: FocusEvent) => any;
         clear: (ev: MouseEvent) => any;
-        blur: (ev: FocusEvent) => any;
         input: (value: string, ev: Event) => any;
+        blur: (ev: FocusEvent) => any;
+        focus: (ev: FocusEvent) => any;
         keydown: (ev: KeyboardEvent) => any;
         "update:modelValue": (value: string) => any;
         "update:visibility": (value: boolean) => any;
@@ -31,8 +31,8 @@ declare const Input: {
         pressEnter: (ev: KeyboardEvent) => any;
     }, import('vue').PublicProps, {
         size: import('..').Size;
-        disabled: boolean;
         error: boolean;
+        disabled: boolean;
         placeholder: string;
         modelValue: string;
         defaultValue: string;
@@ -59,10 +59,10 @@ declare const Input: {
         Defaults: {};
     }, Readonly<import('./type').InputProps> & Readonly<{
         onChange?: ((value: string, ev: Event) => any) | undefined;
-        onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev: MouseEvent) => any) | undefined;
-        onBlur?: ((ev: FocusEvent) => any) | undefined;
         onInput?: ((value: string, ev: Event) => any) | undefined;
+        onBlur?: ((ev: FocusEvent) => any) | undefined;
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
         onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
@@ -74,8 +74,8 @@ declare const Input: {
         getInputRef(): HTMLInputElement;
     }, {}, {}, {}, {
         size: import('..').Size;
-        disabled: boolean;
         error: boolean;
+        disabled: boolean;
         placeholder: string;
         modelValue: string;
         defaultValue: string;
@@ -97,10 +97,10 @@ declare const Input: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').InputProps> & Readonly<{
     onChange?: ((value: string, ev: Event) => any) | undefined;
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
     onClear?: ((ev: MouseEvent) => any) | undefined;
-    onBlur?: ((ev: FocusEvent) => any) | undefined;
     onInput?: ((value: string, ev: Event) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
     onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
@@ -112,10 +112,10 @@ declare const Input: {
     getInputRef(): HTMLInputElement;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: string, ev: Event) => any;
-    focus: (ev: FocusEvent) => any;
     clear: (ev: MouseEvent) => any;
-    blur: (ev: FocusEvent) => any;
     input: (value: string, ev: Event) => any;
+    blur: (ev: FocusEvent) => any;
+    focus: (ev: FocusEvent) => any;
     keydown: (ev: KeyboardEvent) => any;
     "update:modelValue": (value: string) => any;
     "update:visibility": (value: boolean) => any;
@@ -123,8 +123,8 @@ declare const Input: {
     pressEnter: (ev: KeyboardEvent) => any;
 }, string, {
     size: import('..').Size;
-    disabled: boolean;
     error: boolean;
+    disabled: boolean;
     placeholder: string;
     modelValue: string;
     defaultValue: string;
@@ -141,7 +141,7 @@ declare const Input: {
     invisibleButton: boolean;
     showInput: 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').InputSlots> & import('./type').InputSlots;
+    $slots: any;
 }) & {
     install: (app: App) => void;
 };