yc-design-vue 2.0.2 → 2.0.3

package/lib/index.d.ts

@@ -66,7 +66,7 @@ import { default as Typography } from './Typography';
 import { default as Tabs } from './Tabs';
 import { default as VerificationCode } from './VerificationCode';
 import { default as Watermark } from './Watermark';
-export type { Size, Direction, Theme, TargetContainer, PopupContainer, } from './_shared/type';
+export * from './_shared/type';
 export * from './Affix';
 export * from './Alert';
 export * from './Anchor';
@@ -207,7 +207,7 @@ declare const _default: {
             size: import('./_shared/type').Size;
             disabled: boolean;
             type: import('./Button').ButtonType;
-            shape: import('./Button').ButtonShape;
+            shape: import('./_shared/type').Shape;
             status: import('./Button').ButtonStatus;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
@@ -220,7 +220,7 @@ declare const _default: {
             size: import('./_shared/type').Size;
             disabled: boolean;
             type: import('./Button').ButtonType;
-            shape: import('./Button').ButtonShape;
+            shape: import('./_shared/type').Shape;
             status: import('./Button').ButtonStatus;
         }>;
         __isFragment?: never;
@@ -230,7 +230,7 @@ declare const _default: {
         size: import('./_shared/type').Size;
         disabled: boolean;
         type: import('./Button').ButtonType;
-        shape: import('./Button').ButtonShape;
+        shape: import('./_shared/type').Shape;
         status: import('./Button').ButtonStatus;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<import('./Button').ButtonGroupSlots> & import('./Button').ButtonGroupSlots;
@@ -616,13 +616,13 @@ declare const _default: {
             "update:popupVisible": (value: boolean) => any;
             "popup-visible-change": (value: boolean) => any;
         }, import('vue').PublicProps, {
-            trigger: import('./Dropdown').DsubmenuTrigger;
+            trigger: import('./_shared/type').EventTrigger;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
             position: import('./Dropdown').DsubmenuPosition;
             triggerProps: import('./Trigger').TriggerProps;
-            popupMaxHeight: number;
+            popupMaxHeight: import('./_shared/type').PopupMaxHeight;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
             triggerRef: ({
                 $: import('vue').ComponentInternalInstance;
@@ -631,7 +631,7 @@ declare const _default: {
                     readonly popupVisible?: boolean | undefined;
                     readonly defaultPopupVisible?: boolean | undefined;
                     readonly trigger?: import('./Trigger').TriggerType | undefined;
-                    readonly position?: import('./Trigger').TriggerPostion | undefined;
+                    readonly position?: import('./_shared/type').PopupPosition | undefined;
                     readonly disabled?: boolean | undefined;
                     readonly popupOffset?: number | undefined;
                     readonly popupTranslate?: number[] | undefined;
@@ -777,7 +777,7 @@ declare const _default: {
                     scrollToClose: boolean;
                     autoSetPosition: boolean;
                     alignPoint: boolean;
-                    position: import('./Trigger').TriggerPostion;
+                    position: import('./_shared/type').PopupPosition;
                     popupOffset: number;
                     popupTranslate: number[];
                     showArrow: boolean;
@@ -831,7 +831,7 @@ declare const _default: {
                 scrollToClose: boolean;
                 autoSetPosition: boolean;
                 alignPoint: boolean;
-                position: import('./Trigger').TriggerPostion;
+                position: import('./_shared/type').PopupPosition;
                 popupOffset: number;
                 popupTranslate: number[];
                 showArrow: boolean;
@@ -937,13 +937,13 @@ declare const _default: {
             show(): void;
             hide(): void;
         }, {}, {}, {}, {
-            trigger: import('./Dropdown').DsubmenuTrigger;
+            trigger: import('./_shared/type').EventTrigger;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
             position: import('./Dropdown').DsubmenuPosition;
             triggerProps: import('./Trigger').TriggerProps;
-            popupMaxHeight: number;
+            popupMaxHeight: import('./_shared/type').PopupMaxHeight;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -958,20 +958,20 @@ declare const _default: {
         "update:popupVisible": (value: boolean) => any;
         "popup-visible-change": (value: boolean) => any;
     }, string, {
-        trigger: import('./Dropdown').DsubmenuTrigger;
+        trigger: import('./_shared/type').EventTrigger;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
         position: import('./Dropdown').DsubmenuPosition;
         triggerProps: import('./Trigger').TriggerProps;
-        popupMaxHeight: number;
+        popupMaxHeight: import('./_shared/type').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('./Dropdown').DsubmenuSlots> & import('./Dropdown').DsubmenuSlots;
     });
     GridCol: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Grid').GridColProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            span: number | import('./Grid').ResponsiveValue;
-            offset: number | import('./Grid').ResponsiveValue;
+            span: number | import('./_shared/type').ResponsiveValue;
+            offset: number | import('./_shared/type').ResponsiveValue;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -980,23 +980,23 @@ declare const _default: {
             M: {};
             Defaults: {};
         }, Readonly<import('./Grid').GridColProps> & Readonly<{}>, {}, {}, {}, {}, {
-            span: number | import('./Grid').ResponsiveValue;
-            offset: number | import('./Grid').ResponsiveValue;
+            span: number | import('./_shared/type').ResponsiveValue;
+            offset: number | import('./_shared/type').ResponsiveValue;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./Grid').GridColProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        span: number | import('./Grid').ResponsiveValue;
-        offset: number | import('./Grid').ResponsiveValue;
+        span: number | import('./_shared/type').ResponsiveValue;
+        offset: number | import('./_shared/type').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('./Grid').GridColSlots> & import('./Grid').GridColSlots;
     });
     GridItem: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Grid').GridItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            span: number | import('./Grid').ResponsiveValue;
+            span: number | import('./_shared/type').ResponsiveValue;
             suffix: boolean;
-            offset: number | import('./Grid').ResponsiveValue;
+            offset: number | import('./_shared/type').ResponsiveValue;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -1005,17 +1005,17 @@ declare const _default: {
             M: {};
             Defaults: {};
         }, Readonly<import('./Grid').GridItemProps> & Readonly<{}>, {}, {}, {}, {}, {
-            span: number | import('./Grid').ResponsiveValue;
+            span: number | import('./_shared/type').ResponsiveValue;
             suffix: boolean;
-            offset: number | import('./Grid').ResponsiveValue;
+            offset: number | import('./_shared/type').ResponsiveValue;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./Grid').GridItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        span: number | import('./Grid').ResponsiveValue;
+        span: number | import('./_shared/type').ResponsiveValue;
         suffix: boolean;
-        offset: number | import('./Grid').ResponsiveValue;
+        offset: number | import('./_shared/type').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('./Grid').GridItemSlots> & import('./Grid').GridItemSlots;
     });
@@ -1024,8 +1024,8 @@ declare const _default: {
             wrap: boolean;
             justify: import('./Grid').GridRowJustify;
             div: boolean;
-            gutter: import('./Grid').Gutter | [import('./Grid').Gutter, import('./Grid').Gutter];
             align: import('./Grid').GridRowAlign;
+            gutter: import('./Grid').GridRowGutter | [import('./Grid').GridRowGutter, import('./Grid').GridRowGutter];
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -1037,8 +1037,8 @@ declare const _default: {
             wrap: boolean;
             justify: import('./Grid').GridRowJustify;
             div: boolean;
-            gutter: import('./Grid').Gutter | [import('./Grid').Gutter, import('./Grid').Gutter];
             align: import('./Grid').GridRowAlign;
+            gutter: import('./Grid').GridRowGutter | [import('./Grid').GridRowGutter, import('./Grid').GridRowGutter];
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -1047,8 +1047,8 @@ declare const _default: {
         wrap: boolean;
         justify: import('./Grid').GridRowJustify;
         div: boolean;
-        gutter: import('./Grid').Gutter | [import('./Grid').Gutter, import('./Grid').Gutter];
         align: import('./Grid').GridRowAlign;
+        gutter: import('./Grid').GridRowGutter | [import('./Grid').GridRowGutter, import('./Grid').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('./Grid').GridRowSlots> & import('./Grid').GridRowSlots;
     });
@@ -1302,24 +1302,24 @@ declare const _default: {
     });
     LayoutSider: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Layout').LayoutSiderProps> & Readonly<{
-            onCollapse?: ((collapsed: boolean, type: "clickTrigger" | "responsive") => any) | undefined;
-            onBreakpoint?: ((collapsed: boolean) => any) | undefined;
+            onCollapse?: ((collapsed: boolean, type: import('./_shared/type').collapseType) => any) | undefined;
             "onUpdate:collapsed"?: ((collapsed: boolean) => any) | undefined;
+            onBreakpoint?: ((collapsed: boolean) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            collapse: (collapsed: boolean, type: "clickTrigger" | "responsive") => any;
-            breakpoint: (collapsed: boolean) => any;
+            collapse: (collapsed: boolean, type: import('./_shared/type').collapseType) => any;
             "update:collapsed": (collapsed: boolean) => any;
+            breakpoint: (collapsed: boolean) => any;
         }, import('vue').PublicProps, {
             width: number;
-            collapsed: boolean;
-            breakpoint: import('./Grid').BreakpointName;
             theme: import('./_shared/type').Theme;
+            collapsed: boolean;
             defaultCollapsed: boolean;
             collapsedWidth: number;
+            breakpoint: import('./_shared/type').BreakpointName;
             collapsible: boolean;
             reverseArrow: boolean;
             hideTrigger: boolean;
-            resizeDirections: import('./Layout').ResizeDirections;
+            resizeDirections: import('./ResizeBox').ResizeBoxDirection[];
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -1328,43 +1328,43 @@ declare const _default: {
             M: {};
             Defaults: {};
         }, Readonly<import('./Layout').LayoutSiderProps> & Readonly<{
-            onCollapse?: ((collapsed: boolean, type: "clickTrigger" | "responsive") => any) | undefined;
-            onBreakpoint?: ((collapsed: boolean) => any) | undefined;
+            onCollapse?: ((collapsed: boolean, type: import('./_shared/type').collapseType) => any) | undefined;
             "onUpdate:collapsed"?: ((collapsed: boolean) => any) | undefined;
+            onBreakpoint?: ((collapsed: boolean) => any) | undefined;
         }>, {}, {}, {}, {}, {
             width: number;
-            collapsed: boolean;
-            breakpoint: import('./Grid').BreakpointName;
             theme: import('./_shared/type').Theme;
+            collapsed: boolean;
             defaultCollapsed: boolean;
             collapsedWidth: number;
+            breakpoint: import('./_shared/type').BreakpointName;
             collapsible: boolean;
             reverseArrow: boolean;
             hideTrigger: boolean;
-            resizeDirections: import('./Layout').ResizeDirections;
+            resizeDirections: import('./ResizeBox').ResizeBoxDirection[];
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./Layout').LayoutSiderProps> & Readonly<{
-        onCollapse?: ((collapsed: boolean, type: "clickTrigger" | "responsive") => any) | undefined;
-        onBreakpoint?: ((collapsed: boolean) => any) | undefined;
+        onCollapse?: ((collapsed: boolean, type: import('./_shared/type').collapseType) => any) | undefined;
         "onUpdate:collapsed"?: ((collapsed: boolean) => any) | undefined;
+        onBreakpoint?: ((collapsed: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        collapse: (collapsed: boolean, type: "clickTrigger" | "responsive") => any;
-        breakpoint: (collapsed: boolean) => any;
+        collapse: (collapsed: boolean, type: import('./_shared/type').collapseType) => any;
         "update:collapsed": (collapsed: boolean) => any;
+        breakpoint: (collapsed: boolean) => any;
     }, string, {
         width: number;
-        collapsed: boolean;
-        breakpoint: import('./Grid').BreakpointName;
         theme: import('./_shared/type').Theme;
+        collapsed: boolean;
         defaultCollapsed: boolean;
         collapsedWidth: number;
+        breakpoint: import('./_shared/type').BreakpointName;
         collapsible: boolean;
         reverseArrow: boolean;
         hideTrigger: boolean;
-        resizeDirections: import('./Layout').ResizeDirections;
+        resizeDirections: import('./ResizeBox').ResizeBoxDirection[];
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<import('./Layout').LayoutSiderSlots> & import('./Layout').LayoutSiderSlots;
     });
@@ -1463,7 +1463,7 @@ declare const _default: {
     Option: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Select').OptionProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             disabled: boolean;
-            value: import('./Select').OptionValue;
+            value: import('./Select').SelectOptionValue;
             label: string;
             isFallbackOption: boolean;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -1477,7 +1477,7 @@ declare const _default: {
             Defaults: {};
         }, Readonly<import('./Select').OptionProps> & Readonly<{}>, {}, {}, {}, {}, {
             disabled: boolean;
-            value: import('./Select').OptionValue;
+            value: import('./Select').SelectOptionValue;
             label: string;
             isFallbackOption: boolean;
         }>;
@@ -1486,7 +1486,7 @@ declare const _default: {
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./Select').OptionProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         disabled: boolean;
-        value: import('./Select').OptionValue;
+        value: import('./Select').SelectOptionValue;
         label: string;
         isFallbackOption: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -1605,7 +1605,7 @@ declare const _default: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Menu').SubMenuProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             title: string;
             path: string;
-            popupMaxHeight: import('./Menu').PopupMaxHeight;
+            popupMaxHeight: import('./_shared/type').PopupMaxHeight;
             selectable: boolean;
             popup: boolean;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -1618,7 +1618,7 @@ declare const _default: {
         }, Readonly<import('./Menu').SubMenuProps> & Readonly<{}>, {}, {}, {}, {}, {
             title: string;
             path: string;
-            popupMaxHeight: import('./Menu').PopupMaxHeight;
+            popupMaxHeight: import('./_shared/type').PopupMaxHeight;
             selectable: boolean;
             popup: boolean;
         }>;
@@ -1628,7 +1628,7 @@ declare const _default: {
     } & import('vue').ComponentOptionsBase<Readonly<import('./Menu').SubMenuProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         title: string;
         path: string;
-        popupMaxHeight: import('./Menu').PopupMaxHeight;
+        popupMaxHeight: import('./_shared/type').PopupMaxHeight;
         selectable: boolean;
         popup: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -1723,7 +1723,7 @@ declare const _default: {
     });
     TypographyTitle: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Typography').TypographyTitleProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            heading: 1 | 2 | 3 | 4 | 5 | 6;
+            heading: import('./Typography').Heading;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -1732,20 +1732,20 @@ declare const _default: {
             M: {};
             Defaults: {};
         }, Readonly<import('./Typography').TypographyTitleProps> & Readonly<{}>, {}, {}, {}, {}, {
-            heading: 1 | 2 | 3 | 4 | 5 | 6;
+            heading: import('./Typography').Heading;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./Typography').TypographyTitleProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        heading: 1 | 2 | 3 | 4 | 5 | 6;
+        heading: import('./Typography').Heading;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<import('./Typography').TypographyBaseSlots> & import('./Typography').TypographyBaseSlots;
     });
     TypographyParagraph: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Typography').TypographyParagraphProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             blockquote: boolean;
-            spacing: "default" | "close";
+            spacing: import('./Typography').Spacing;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -1755,14 +1755,14 @@ declare const _default: {
             Defaults: {};
         }, Readonly<import('./Typography').TypographyParagraphProps> & Readonly<{}>, {}, {}, {}, {}, {
             blockquote: boolean;
-            spacing: "default" | "close";
+            spacing: import('./Typography').Spacing;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./Typography').TypographyParagraphProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         blockquote: boolean;
-        spacing: "default" | "close";
+        spacing: import('./Typography').Spacing;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<import('./Typography').TypographyBaseSlots> & import('./Typography').TypographyBaseSlots;
     });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "yc-design-vue",
   "private": false,
-  "version": "2.0.2",
+  "version": "2.0.3",
   "type": "module",
   "description": "A Vue 3 component library.",
   "keywords": [

package/lib/_shared/components/IconButton/index.vue.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue");require("../../../node_modules/tinycolor2/esm/tinycolor.js");const o=require("../../utils/dom.js");require("../../utils/time.js"),require("../../utils/locale.js"),/* empty css             */,/* empty css                             */;/* empty css                 */const t=require("../../icons/IconClose.vue.js"),n=e.defineComponent({__name:"index",props:{size:{default:12},hoverSize:{default:20},disabled:{type:Boolean,default:!1},hoverable:{type:Boolean,default:!0},preventFocus:{type:Boolean,default:!0}},setup(n){const s=n,{hoverSize:l}=e.toRefs(s),i=e.computed(()=>o.valueToPx(l.value));return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-icon-button",{"yc-icon-button-disabled":o.disabled,"yc-icon-button-hoverable":o.hoverable}]),style:e.normalizeStyle({"--icon-btn-size":i.value}),onMousedown:n[0]||(n[0]=e=>o.preventFocus&&e.preventDefault())},[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(e.unref(t),{size:o.size},null,8,["size"])])],38))}});module.exports=n;