yc-design-vue 2.0.1 → 2.0.3

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

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

package/es/Dropdown/index.d.ts

@@ -31,7 +31,7 @@ declare const Dropdown: {
         popupContainer: import('..').PopupContainer;
         triggerProps: import('..').TriggerProps;
         hideOnSelect: boolean;
-        popupMaxHeight: number | boolean;
+        popupMaxHeight: import('..').PopupMaxHeight;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -55,7 +55,7 @@ declare const Dropdown: {
         popupContainer: import('..').PopupContainer;
         triggerProps: import('..').TriggerProps;
         hideOnSelect: boolean;
-        popupMaxHeight: number | boolean;
+        popupMaxHeight: import('..').PopupMaxHeight;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -80,7 +80,7 @@ declare const Dropdown: {
     popupContainer: import('..').PopupContainer;
     triggerProps: import('..').TriggerProps;
     hideOnSelect: boolean;
-    popupMaxHeight: number | boolean;
+    popupMaxHeight: import('..').PopupMaxHeight;
 }, {}, 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').DropdownSlots> & import('./type').DropdownSlots;
 }) & {
@@ -215,13 +215,13 @@ declare const Dropdown: {
             "update:popupVisible": (value: boolean) => any;
             "popup-visible-change": (value: boolean) => any;
         }, import('vue').PublicProps, {
-            trigger: import('./type').DsubmenuTrigger;
+            trigger: import('..').EventTrigger;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
             position: import('./type').DsubmenuPosition;
             triggerProps: import('..').TriggerProps;
-            popupMaxHeight: number;
+            popupMaxHeight: import('..').PopupMaxHeight;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
             triggerRef: ({
                 $: import('vue').ComponentInternalInstance;
@@ -230,7 +230,7 @@ declare const Dropdown: {
                     readonly popupVisible?: boolean | undefined;
                     readonly defaultPopupVisible?: boolean | undefined;
                     readonly trigger?: import('..').TriggerType | undefined;
-                    readonly position?: import('..').TriggerPostion | undefined;
+                    readonly position?: import('..').PopupPosition | undefined;
                     readonly disabled?: boolean | undefined;
                     readonly popupOffset?: number | undefined;
                     readonly popupTranslate?: number[] | undefined;
@@ -240,9 +240,9 @@ declare const Dropdown: {
                     readonly clickToClose?: boolean | undefined;
                     readonly clickOutsideToClose?: boolean | undefined;
                     readonly unmountOnClose?: boolean | undefined;
-                    readonly contentClass?: import('../_shared/type').ClassName | undefined;
+                    readonly contentClass?: import('..').ClassName | undefined;
                     readonly contentStyle?: import('vue').CSSProperties | undefined;
-                    readonly arrowClass?: import('../_shared/type').ClassName | undefined;
+                    readonly arrowClass?: import('..').ClassName | undefined;
                     readonly arrowStyle?: import('vue').CSSProperties | undefined;
                     readonly animationName?: string | undefined;
                     readonly duration?: number | undefined;
@@ -376,14 +376,14 @@ declare const Dropdown: {
                     scrollToClose: boolean;
                     autoSetPosition: boolean;
                     alignPoint: boolean;
-                    position: import('..').TriggerPostion;
+                    position: import('..').PopupPosition;
                     popupOffset: number;
                     popupTranslate: number[];
                     showArrow: boolean;
                     unmountOnClose: boolean;
-                    contentClass: import('../_shared/type').ClassName;
+                    contentClass: import('..').ClassName;
                     contentStyle: import('vue').CSSProperties;
-                    arrowClass: import('../_shared/type').ClassName;
+                    arrowClass: import('..').ClassName;
                     arrowStyle: import('vue').CSSProperties;
                     animationName: string;
                     duration: number;
@@ -430,14 +430,14 @@ declare const Dropdown: {
                 scrollToClose: boolean;
                 autoSetPosition: boolean;
                 alignPoint: boolean;
-                position: import('..').TriggerPostion;
+                position: import('..').PopupPosition;
                 popupOffset: number;
                 popupTranslate: number[];
                 showArrow: boolean;
                 unmountOnClose: boolean;
-                contentClass: import('../_shared/type').ClassName;
+                contentClass: import('..').ClassName;
                 contentStyle: import('vue').CSSProperties;
-                arrowClass: import('../_shared/type').ClassName;
+                arrowClass: import('..').ClassName;
                 arrowStyle: import('vue').CSSProperties;
                 animationName: string;
                 duration: number;
@@ -536,13 +536,13 @@ declare const Dropdown: {
             show(): void;
             hide(): void;
         }, {}, {}, {}, {
-            trigger: import('./type').DsubmenuTrigger;
+            trigger: import('..').EventTrigger;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
             position: import('./type').DsubmenuPosition;
             triggerProps: import('..').TriggerProps;
-            popupMaxHeight: number;
+            popupMaxHeight: import('..').PopupMaxHeight;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -557,13 +557,13 @@ declare const Dropdown: {
         "update:popupVisible": (value: boolean) => any;
         "popup-visible-change": (value: boolean) => any;
     }, string, {
-        trigger: import('./type').DsubmenuTrigger;
+        trigger: import('..').EventTrigger;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
         position: import('./type').DsubmenuPosition;
         triggerProps: import('..').TriggerProps;
-        popupMaxHeight: number;
+        popupMaxHeight: import('..').PopupMaxHeight;
     }, {}, 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').DsubmenuSlots> & import('./type').DsubmenuSlots;
     });

package/es/Dropdown/type.d.ts

@@ -1,4 +1,4 @@
-import { ObjectData, PopupContainer, Size } from '../_shared/type';
+import { EventTrigger, RecordType, PopupContainer, PopupMaxHeight, Size } from '../_shared/type';
 import { TriggerProps, TriggerType } from '../Trigger';
 import { ButtonProps, ButtonType } from '../Button';
 import { VNode } from 'vue';
@@ -11,7 +11,7 @@ export interface DropdownProps {
     hideOnSelect?: boolean;
     alignPoint?: boolean;
     triggerProps?: TriggerProps;
-    popupMaxHeight?: number | boolean;
+    popupMaxHeight?: PopupMaxHeight;
 }
 export interface DropdownEmits {
     (e: 'update:popupVisible', value: boolean): void;
@@ -40,12 +40,12 @@ export interface DoptionSlots {
 }
 export interface DsubmenuProps {
     disabled?: boolean;
-    trigger?: DsubmenuTrigger;
+    trigger?: EventTrigger;
     position?: DsubmenuPosition;
     popupVisible?: boolean;
     defaultPopupVisible?: boolean;
     triggerProps?: TriggerProps;
-    popupMaxHeight?: number;
+    popupMaxHeight?: PopupMaxHeight;
 }
 export interface DsubmenuEmits {
     (e: 'update:popupVisible', value: boolean): void;
@@ -80,7 +80,6 @@ export interface DropdownButtonSlots {
     default?: () => VNode[];
     icon?: () => VNode[];
 }
-export type DoptionValue = string | number | boolean | ObjectData;
+export type DoptionValue = string | number | boolean | RecordType;
 export type DropdownPosition = 'top' | 'tr' | 'tl' | 'bottom' | 'br' | 'bl';
-export type DsubmenuTrigger = 'hover' | 'click';
 export type DsubmenuPosition = 'rt' | 'lt';

package/es/Empty/index.vue.js

@@ -3,7 +3,7 @@ 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$1 from "../_shared/icons/IconEmpty.vue.js";

package/es/Grid/Grid.vue.d.ts

@@ -7,10 +7,10 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<GridProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridProps> & Readonly<{}>, {
-    cols: number | import('./type').ResponsiveValue;
-    rowGap: number | import('./type').ResponsiveValue;
-    colGap: number | import('./type').ResponsiveValue;
+    rowGap: number | import('..').ResponsiveValue;
     collapsed: boolean;
+    cols: number | import('..').ResponsiveValue;
+    colGap: number | import('..').ResponsiveValue;
     collapsedRows: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/es/Grid/GridCol.vue.d.ts

@@ -7,8 +7,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<GridColProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridColProps> & Readonly<{}>, {
-    span: number | import('./type').ResponsiveValue;
-    offset: number | import('./type').ResponsiveValue;
+    span: number | import('..').ResponsiveValue;
+    offset: number | import('..').ResponsiveValue;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/es/Grid/GridItem.vue.d.ts

@@ -7,9 +7,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<GridItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridItemProps> & Readonly<{}>, {
-    span: number | import('./type').ResponsiveValue;
+    span: number | import('..').ResponsiveValue;
     suffix: boolean;
-    offset: number | import('./type').ResponsiveValue;
+    offset: number | import('..').ResponsiveValue;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/es/Grid/GridRow.vue.d.ts

@@ -10,8 +10,8 @@ declare const __VLS_component: import('vue').DefineComponent<GridRowProps, {}, {
     wrap: boolean;
     justify: import('./type').GridRowJustify;
     div: boolean;
-    gutter: import('./type').Gutter | [import('./type').Gutter, import('./type').Gutter];
     align: import('./type').GridRowAlign;
+    gutter: import('./type').GridRowGutter | [import('./type').GridRowGutter, import('./type').GridRowGutter];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import { Ref, Reactive } from 'vue';
-import { BreakpointName, Gutter } from '../type';
-import { Props } from '../../_shared/type';
+import { GridRowGutter } from '../type';
+import { RecordType, BreakpointName } from '../../_shared/type';
 export declare const GRID_CONTEXT_KEY = "grid-context";
 export type GridContext = {
     breakpoint: Ref<BreakpointName>;
@@ -17,9 +17,9 @@ export type SpanMap = Map<string, {
     span: number;
     suffix: boolean;
 }>;
-export type GutterValue = Gutter | [Gutter, Gutter];
+export type GutterValue = GridRowGutter | [GridRowGutter, GridRowGutter];
 declare const _default: () => {
-    provide: (props: Props) => {
+    provide: (props: RecordType) => {
         breakpoint: Ref<BreakpointName, BreakpointName>;
         cols: import('vue').ComputedRef<number>;
         colGap: import('vue').ComputedRef<number>;

package/es/Grid/index.d.ts

@@ -7,10 +7,10 @@ export type ColInstance = InstanceType<typeof _Col>;
 export * from './type';
 declare const Grid: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').GridProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        cols: number | import('./type').ResponsiveValue;
-        rowGap: number | import('./type').ResponsiveValue;
-        colGap: number | import('./type').ResponsiveValue;
+        rowGap: number | import('..').ResponsiveValue;
         collapsed: boolean;
+        cols: number | import('..').ResponsiveValue;
+        colGap: number | import('..').ResponsiveValue;
         collapsedRows: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
@@ -20,28 +20,28 @@ declare const Grid: {
         M: {};
         Defaults: {};
     }, Readonly<import('./type').GridProps> & Readonly<{}>, {}, {}, {}, {}, {
-        cols: number | import('./type').ResponsiveValue;
-        rowGap: number | import('./type').ResponsiveValue;
-        colGap: number | import('./type').ResponsiveValue;
+        rowGap: number | import('..').ResponsiveValue;
         collapsed: boolean;
+        cols: number | import('..').ResponsiveValue;
+        colGap: number | import('..').ResponsiveValue;
         collapsedRows: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').GridProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    cols: number | import('./type').ResponsiveValue;
-    rowGap: number | import('./type').ResponsiveValue;
-    colGap: number | import('./type').ResponsiveValue;
+    rowGap: number | import('..').ResponsiveValue;
     collapsed: boolean;
+    cols: number | import('..').ResponsiveValue;
+    colGap: number | import('..').ResponsiveValue;
     collapsedRows: 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').GridSlots> & import('./type').GridSlots;
 }) & {
     col: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').GridColProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            span: number | import('./type').ResponsiveValue;
-            offset: number | import('./type').ResponsiveValue;
+            span: number | import('..').ResponsiveValue;
+            offset: number | import('..').ResponsiveValue;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -50,15 +50,15 @@ declare const Grid: {
             M: {};
             Defaults: {};
         }, Readonly<import('./type').GridColProps> & Readonly<{}>, {}, {}, {}, {}, {
-            span: number | import('./type').ResponsiveValue;
-            offset: number | import('./type').ResponsiveValue;
+            span: number | import('..').ResponsiveValue;
+            offset: number | import('..').ResponsiveValue;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').GridColProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        span: number | import('./type').ResponsiveValue;
-        offset: number | import('./type').ResponsiveValue;
+        span: number | import('..').ResponsiveValue;
+        offset: number | import('..').ResponsiveValue;
     }, {}, 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').GridColSlots> & import('./type').GridColSlots;
     });
@@ -67,8 +67,8 @@ declare const Grid: {
             wrap: boolean;
             justify: import('./type').GridRowJustify;
             div: boolean;
-            gutter: import('./type').Gutter | [import('./type').Gutter, import('./type').Gutter];
             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, {
             P: {};
             B: {};
@@ -80,8 +80,8 @@ declare const Grid: {
             wrap: boolean;
             justify: import('./type').GridRowJustify;
             div: boolean;
-            gutter: import('./type').Gutter | [import('./type').Gutter, import('./type').Gutter];
             align: import('./type').GridRowAlign;
+            gutter: import('./type').GridRowGutter | [import('./type').GridRowGutter, import('./type').GridRowGutter];
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -90,16 +90,16 @@ declare const Grid: {
         wrap: boolean;
         justify: import('./type').GridRowJustify;
         div: boolean;
-        gutter: import('./type').Gutter | [import('./type').Gutter, import('./type').Gutter];
         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 () => {
         $slots: Readonly<import('./type').GridRowSlots> & import('./type').GridRowSlots;
     });
     item: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').GridItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            span: number | import('./type').ResponsiveValue;
+            span: number | import('..').ResponsiveValue;
             suffix: boolean;
-            offset: number | import('./type').ResponsiveValue;
+            offset: number | import('..').ResponsiveValue;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -108,17 +108,17 @@ declare const Grid: {
             M: {};
             Defaults: {};
         }, Readonly<import('./type').GridItemProps> & Readonly<{}>, {}, {}, {}, {}, {
-            span: number | import('./type').ResponsiveValue;
+            span: number | import('..').ResponsiveValue;
             suffix: boolean;
-            offset: number | import('./type').ResponsiveValue;
+            offset: number | import('..').ResponsiveValue;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').GridItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        span: number | import('./type').ResponsiveValue;
+        span: number | import('..').ResponsiveValue;
         suffix: boolean;
-        offset: number | import('./type').ResponsiveValue;
+        offset: number | import('..').ResponsiveValue;
     }, {}, 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').GridItemSlots> & import('./type').GridItemSlots;
     });

package/es/Grid/type.d.ts

@@ -1,4 +1,5 @@
 import { VNode } from 'vue';
+import { ResponsiveValue } from '../_shared/type';
 export interface GridProps {
     cols?: number | ResponsiveValue;
     rowGap?: number | ResponsiveValue;
@@ -20,7 +21,7 @@ export interface GridItemSlots {
     }) => void;
 }
 export interface GridRowProps {
-    gutter?: Gutter | [Gutter, Gutter];
+    gutter?: GridRowGutter | [GridRowGutter, GridRowGutter];
     justify?: GridRowJustify;
     align?: GridRowAlign;
     div?: boolean;
@@ -33,21 +34,12 @@ export interface GridColProps {
     span?: number | ResponsiveValue;
     offset?: number | ResponsiveValue;
     order?: number | ResponsiveValue;
-    flex?: GridColFlex | ResponsiveValue;
+    flex?: GridColFlex | ResponsiveValue<GridColFlex>;
 }
 export interface GridColSlots {
     default?: () => VNode[];
 }
-export type ResponsiveValue<T = number | string> = {
-    xs?: T;
-    sm?: T;
-    md?: T;
-    lg?: T;
-    xl?: T;
-    xxl?: T;
-};
+export type GridRowGutter = number | ResponsiveValue;
 export type GridRowJustify = 'start' | 'center' | 'end' | 'space-around' | 'space-between';
 export type GridRowAlign = 'start' | 'center' | 'end' | 'stretch';
-export type BreakpointName = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
 export type GridColFlex = number | string | 'initial' | 'auto' | 'none';
-export type Gutter = number | ResponsiveValue;

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

@@ -23,7 +23,7 @@ declare const __VLS_component: import('vue').DefineComponent<ImageProps, {}, {},
     previewVisible: boolean;
     defaultPreviewVisible: boolean;
     previewProps: import('./type').ImagePreviewProps;
-    footerClass: import('../_shared/type').ClassName;
+    footerClass: import('..').ClassName;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/es/Image/Image.vue.js

@@ -4,7 +4,7 @@ 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";

package/es/Image/ImagePreview.vue.js

@@ -5,7 +5,7 @@ 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";

package/es/Image/ImagePreviewArrow.vue.js

@@ -3,7 +3,7 @@ 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/ImagePreviewToolbar.vue.js

@@ -3,7 +3,7 @@ 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";

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

@@ -1,12 +1,12 @@
 import { Ref } from 'vue';
 import { ImagePreviewGroupEmits } from '../type';
-import { Props } from '../../_shared/type';
+import { RecordType } from '../../_shared/type';
 type ImageContext = {
     hasGroupFather: Ref<boolean>;
     handleClick: (src: string) => void;
 };
 declare const _default: () => {
-    provide: (props: Props, emits: ImagePreviewGroupEmits) => {
+    provide: (props: RecordType, emits: ImagePreviewGroupEmits) => {
         src: import('vue').ComputedRef<string>;
         srcList: import('vue').ComputedRef<string[]>;
         computedCurrent: import('vue').WritableComputedRef<number, number>;

package/es/Image/index.d.ts

@@ -26,7 +26,7 @@ declare const Image: {
         previewVisible: boolean;
         defaultPreviewVisible: boolean;
         previewProps: import('./type').ImagePreviewProps;
-        footerClass: import('../_shared/type').ClassName;
+        footerClass: import('..').ClassName;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -48,7 +48,7 @@ declare const Image: {
         previewVisible: boolean;
         defaultPreviewVisible: boolean;
         previewProps: import('./type').ImagePreviewProps;
-        footerClass: import('../_shared/type').ClassName;
+        footerClass: import('..').ClassName;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -70,7 +70,7 @@ declare const Image: {
     previewVisible: boolean;
     defaultPreviewVisible: boolean;
     previewProps: import('./type').ImagePreviewProps;
-    footerClass: import('../_shared/type').ClassName;
+    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;
 }) & {

package/es/Image/type.d.ts

@@ -1,12 +1,12 @@
-import { ClassName, PopupContainer } from '../_shared/type';
 import { VNode } from 'vue';
+import { ClassName, PopupContainer, ObjectFit } from '../_shared/type';
 export interface ImageProps {
     src?: string;
     width?: number | string;
     height?: number | string;
     title?: string;
     description?: string;
-    fit?: ImageObjectFit;
+    fit?: ObjectFit;
     alt?: string;
     hideFooter?: HideFooter;
     footerPosition?: FooterPostion;
@@ -78,6 +78,5 @@ export interface ImagePreviewActionEmits {
 export interface ImagePreviewActionSlots {
     default?: () => VNode[];
 }
-export type ImageObjectFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
 export type HideFooter = boolean | 'never';
 export type FooterPostion = 'inner' | 'outer';

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

@@ -47,7 +47,7 @@ declare const __VLS_component: import('vue').DefineComponent<InputProps, {
     readonly: boolean;
     wordLength: import('./type').WordLength;
     wordSlice: import('./type').WordSlice;
-    inputAttrs: import('../_shared/type').ObjectData;
+    inputAttrs: import('..').RecordType;
     isPassword: boolean;
     visibility: boolean;
     defaultVisibility: boolean;

package/es/Input/Input.vue.js

@@ -6,8 +6,8 @@ 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.vue.js";
-/* empty css                                          */
+import _sfc_main$2 from "../_shared/components/IconButton/index.vue2.js";
+/* empty css                                         */
 import _sfc_main$1 from "../_shared/components/PreventFocus/index.vue.js";
 /* empty css                                               */
 /* empty css                                   */

package/es/Input/InputSuffix.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, createBlock, openBlock, unref, withCtx, createElementBlock, createCommentVNode, renderSlot, toDisplayString } from "vue";
-import _sfc_main$2 from "../_shared/components/IconButton/index.vue.js";
-/* empty css                                          */
+import _sfc_main$2 from "../_shared/components/IconButton/index.vue2.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";

package/es/Input/hooks/useLimitedInput.d.ts

@@ -1,10 +1,10 @@
 import { Ref } from 'vue';
-import { Props, RequiredDeep } from '../../_shared/type';
+import { RecordType, Required } from '../../_shared/type';
 import { TextareaEmits } from '../../Textarea';
 import { InputProps as _InputProps, InputEmits } from '..';
-export type InputProps = RequiredDeep<_InputProps>;
+export type InputProps = Required<_InputProps>;
 declare const _default: (params: {
-    props: Props;
+    props: RecordType;
     emits: InputEmits | TextareaEmits;
     inputRef: Ref<HTMLInputElement | HTMLTextAreaElement | undefined>;
 }) => {

package/es/Input/index.d.ts

@@ -42,7 +42,7 @@ declare const Input: {
         readonly: boolean;
         wordLength: import('./type').WordLength;
         wordSlice: import('./type').WordSlice;
-        inputAttrs: import('../_shared/type').ObjectData;
+        inputAttrs: import('..').RecordType;
         isPassword: boolean;
         visibility: boolean;
         defaultVisibility: boolean;
@@ -85,7 +85,7 @@ declare const Input: {
         readonly: boolean;
         wordLength: import('./type').WordLength;
         wordSlice: import('./type').WordSlice;
-        inputAttrs: import('../_shared/type').ObjectData;
+        inputAttrs: import('..').RecordType;
         isPassword: boolean;
         visibility: boolean;
         defaultVisibility: boolean;
@@ -134,7 +134,7 @@ declare const Input: {
     readonly: boolean;
     wordLength: import('./type').WordLength;
     wordSlice: import('./type').WordSlice;
-    inputAttrs: import('../_shared/type').ObjectData;
+    inputAttrs: import('..').RecordType;
     isPassword: boolean;
     visibility: boolean;
     defaultVisibility: boolean;