yc-design-vue 2.0.4 → 2.0.6

package/lib/Dropdown/Dropdown.vue.d.ts

@@ -10,20 +10,20 @@ declare const __VLS_component: import('vue').DefineComponent<DropdownProps, {
     show(): void;
     hide(): void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (value: DoptionValue, ev: MouseEvent) => any;
     "update:popupVisible": (value: boolean) => any;
     "popup-visible-change": (value: boolean) => any;
-    select: (value: DoptionValue, ev: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<DropdownProps> & Readonly<{
+    onSelect?: ((value: DoptionValue, ev: MouseEvent) => any) | undefined;
     "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
     "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
-    onSelect?: ((value: DoptionValue, ev: MouseEvent) => any) | undefined;
 }>, {
     popupContainer: import('..').PopupContainer;
     trigger: import('../Trigger').TriggerType;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     alignPoint: boolean;
-    position: import('./type').DropdownPosition;
+    position: Extract<import('..').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
     triggerProps: import('../Trigger').TriggerProps;
     hideOnSelect: boolean;
     popupMaxHeight: import('..').PopupMaxHeight;

package/lib/Dropdown/DropdownButton.vue.d.ts

@@ -8,12 +8,12 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<DropdownButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     click: (ev: MouseEvent) => any;
-    "popup-visible-change": (value: boolean) => any;
     select: (value: DoptionValue) => any;
+    "popup-visible-change": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<DropdownButtonProps> & Readonly<{
     onClick?: ((ev: MouseEvent) => any) | undefined;
-    "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
     onSelect?: ((value: DoptionValue) => any) | undefined;
+    "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
 }>, {
     size: import('..').Size;
     type: import('../Button').ButtonType;
@@ -22,7 +22,7 @@ declare const __VLS_component: import('vue').DefineComponent<DropdownButtonProps
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     disabled: boolean;
-    position: import('./type').DropdownPosition;
+    position: Extract<import('..').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
     hideOnSelect: boolean;
     buttonProps: import('../Button').ButtonProps;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/lib/Dropdown/Dsubmenu.vue.d.ts

@@ -321,7 +321,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     disabled: boolean;
-    position: import('./type').DsubmenuPosition;
+    position: Extract<import('..').PopupPosition, "rt" | "lt">;
     triggerProps: import('../Trigger').TriggerProps;
     popupMaxHeight: import('..').PopupMaxHeight;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/lib/Dropdown/Dsubmenu.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js"),o=require("../_shared/utils/is.js"),i=require("../_shared/utils/dom.js"),r=require("../_shared/utils/control.js");,/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const s=require("../_shared/icons/IconArrowRight.vue.js");require("./index.js");const l=require("../Trigger/index.js"),u=require("../Scrollbar/index.js"),n=require("./Doption.vue.js");;/* empty css              */const a={class:"yc-dropdown"},d={class:"yc-dropdown-list"},p={key:0,class:"yc-dropdown-footer"},c=e.defineComponent({name:"Dsubmenu",__name:"Dsubmenu",props:{disabled:{type:Boolean,default:!1},trigger:{default:"click"},position:{default:"rt"},popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},triggerProps:{default:()=>({})},popupMaxHeight:{type:[Boolean,Number],default:200}},emits:["update:popupVisible","popup-visible-change"],setup(c,{expose:f,emit:v}){const m=e.useSlots(),g=c,b=v,{defaultPopupVisible:h,popupVisible:x,trigger:y,position:_,popupMaxHeight:j}=e.toRefs(g),q=r.useControlValue(x,h.value,e=>{b("update:popupVisible",e),b("popup-visible-change",e)}),V=e.ref(),w=e.ref(),B=e.computed(()=>["rt","lt"].includes(_.value)?_.value:"rt"),k=e.computed(()=>["hover","click"].includes(y.value)?y.value:"hover"),C=e.computed(()=>o.isBoolean(j.value)&&!j.value||o.isUndefined(j)?"":i.valueToPx(o.isBoolean(j.value)?200:j.value)),S=async()=>{var o;await e.nextTick();const i=t.unrefElement(V);if(!i)return;const{left:r,top:s,right:l,width:u}=i.getBoundingClientRect(),n="rt"==B.value?l:r-u,a=s-5;null==(o=w.value)||o.updatePosition(n,a)};return f({show(){q.value=!0},hide(){q.value=!1}}),(t,o)=>(e.openBlock(),e.createBlock(e.unref(l.default),e.mergeProps({"popup-visible":e.unref(q),"onUpdate:popupVisible":o[0]||(o[0]=t=>e.isRef(q)?q.value=t:null),trigger:k.value,position:B.value,"popup-offset":4,disabled:t.disabled,"mouse-enter-delay":150,"mouse-leave-delay":150,"on-trigger-mouseenter":S,"on-trigger-mouseclick":S,"need-transform-origin":"","auto-set-position":"","auto-fit-popup-min-width":"",ref_key:"triggerRef",ref:w},t.triggerProps),{content:e.withCtx(()=>[e.createElementVNode("div",a,[e.createVNode(e.unref(u.default),{style:e.normalizeStyle({maxHeight:C.value})},{default:e.withCtx(()=>[e.createElementVNode("div",d,[e.renderSlot(t.$slots,"content")])]),_:3},8,["style"]),m.footer?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)])]),default:e.withCtx(()=>[e.createVNode(e.unref(n.default),{disabled:t.disabled,class:e.normalizeClass(t.$attrs.class),style:e.normalizeStyle(t.$attrs.style),"is-submenu":"",ref_key:"optionRef",ref:V},{suffix:e.withCtx(()=>[e.createVNode(e.unref(s.default))]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["disabled","class","style"])]),_:3},16,["popup-visible","trigger","position","disabled"]))}});exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../_shared/utils/is.js"),o=require("../_shared/utils/dom.js"),i=require("../_shared/utils/control.js"),r=require("../node_modules/@vueuse/core/index.js");,/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const s=require("../_shared/icons/IconArrowRight.vue.js");require("./index.js");const l=require("../Trigger/index.js"),u=require("../Scrollbar/index.js"),n=require("./Doption.vue.js");;/* empty css              */const a={class:"yc-dropdown"},d={class:"yc-dropdown-list"},p={key:0,class:"yc-dropdown-footer"},c=e.defineComponent({name:"Dsubmenu",__name:"Dsubmenu",props:{disabled:{type:Boolean,default:!1},trigger:{default:"click"},position:{default:"rt"},popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},triggerProps:{default:()=>({})},popupMaxHeight:{type:[Boolean,Number],default:200}},emits:["update:popupVisible","popup-visible-change"],setup(c,{expose:f,emit:v}){const m=e.useSlots(),g=c,b=v,{defaultPopupVisible:h,popupVisible:x,trigger:y,position:_,popupMaxHeight:j}=e.toRefs(g),q=i.useControlValue(x,h.value,e=>{b("update:popupVisible",e),b("popup-visible-change",e)}),V=e.ref(),w=e.ref(),B=e.computed(()=>["rt","lt"].includes(_.value)?_.value:"rt"),k=e.computed(()=>["hover","click"].includes(y.value)?y.value:"hover"),C=e.computed(()=>t.isBoolean(j.value)&&!j.value||t.isUndefined(j)?"":o.valueToPx(t.isBoolean(j.value)?200:j.value)),S=async()=>{var t;await e.nextTick();const o=r.unrefElement(V);if(!o)return;const{left:i,top:s,right:l,width:u}=o.getBoundingClientRect(),n="rt"==B.value?l:i-u,a=s-5;null==(t=w.value)||t.updatePosition(n,a)};return f({show(){q.value=!0},hide(){q.value=!1}}),(t,o)=>(e.openBlock(),e.createBlock(e.unref(l.default),e.mergeProps({"popup-visible":e.unref(q),"onUpdate:popupVisible":o[0]||(o[0]=t=>e.isRef(q)?q.value=t:null),trigger:k.value,position:B.value,"popup-offset":4,disabled:t.disabled,"mouse-enter-delay":150,"mouse-leave-delay":150,"on-trigger-mouseenter":S,"on-trigger-mouseclick":S,"need-transform-origin":"","auto-set-position":"","auto-fit-popup-min-width":"",ref_key:"triggerRef",ref:w},t.triggerProps),{content:e.withCtx(()=>[e.createElementVNode("div",a,[e.createVNode(e.unref(u.default),{style:e.normalizeStyle({maxHeight:C.value})},{default:e.withCtx(()=>[e.createElementVNode("div",d,[e.renderSlot(t.$slots,"content")])]),_:3},8,["style"]),m.footer?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)])]),default:e.withCtx(()=>[e.createVNode(e.unref(n.default),{disabled:t.disabled,class:e.normalizeClass(t.$attrs.class),style:e.normalizeStyle(t.$attrs.style),"is-submenu":"",ref_key:"optionRef",ref:V},{suffix:e.withCtx(()=>[e.createVNode(e.unref(s.default))]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["disabled","class","style"])]),_:3},16,["popup-visible","trigger","position","disabled"]))}});exports.default=c;

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

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

package/lib/Dropdown/hooks/useContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../../_shared/utils/control.js"),o="dropdown-context";exports.default=()=>({provide:(i,l)=>{const{popupVisible:u,defaultPopupVisible:s,hideOnSelect:p,position:r}=e.toRefs(i),c=t.useControlValue(u,s.value,e=>{l("update:popupVisible",e),l("popup-visible-change",e)});return e.provide(o,{select:(e,t)=>{l("select",e,t),p.value&&(c.value=!1)}}),{computedVisible:c}},inject:()=>e.inject(o,{select:()=>{}})});
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../../_shared/utils/control.js"),o="dropdown-context";exports.default=function(){return{provide:(i,u)=>{const{popupVisible:l,defaultPopupVisible:s,hideOnSelect:p,position:r}=e.toRefs(i),n=t.useControlValue(l,s.value,e=>{u("update:popupVisible",e),u("popup-visible-change",e)});return e.provide(o,{select:(e,t)=>{u("select",e,t),p.value&&(n.value=!1)}}),{computedVisible:n}},inject:()=>e.inject(o,{select:()=>{}})}};

package/lib/Dropdown/index.d.ts

@@ -12,23 +12,23 @@ export type DsubmenuInstance = InstanceType<typeof _Dsubmenu>;
 export * from './type';
 declare const Dropdown: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').DropdownProps> & Readonly<{
+        onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
         "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
         "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
-        onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
     }>, {
         show(): void;
         hide(): void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        select: (value: import('./type').DoptionValue, ev: MouseEvent) => any;
         "update:popupVisible": (value: boolean) => any;
         "popup-visible-change": (value: boolean) => any;
-        select: (value: import('./type').DoptionValue, ev: MouseEvent) => any;
     }, import('vue').PublicProps, {
         popupContainer: import('..').PopupContainer;
         trigger: import('..').TriggerType;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         alignPoint: boolean;
-        position: import('./type').DropdownPosition;
+        position: Extract<import('..').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
         triggerProps: import('..').TriggerProps;
         hideOnSelect: boolean;
         popupMaxHeight: import('..').PopupMaxHeight;
@@ -40,9 +40,9 @@ declare const Dropdown: {
         M: {};
         Defaults: {};
     }, Readonly<import('./type').DropdownProps> & Readonly<{
+        onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
         "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
         "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
-        onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
     }>, {
         show(): void;
         hide(): void;
@@ -52,7 +52,7 @@ declare const Dropdown: {
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         alignPoint: boolean;
-        position: import('./type').DropdownPosition;
+        position: Extract<import('..').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
         triggerProps: import('..').TriggerProps;
         hideOnSelect: boolean;
         popupMaxHeight: import('..').PopupMaxHeight;
@@ -61,23 +61,23 @@ declare const Dropdown: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').DropdownProps> & Readonly<{
+    onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
     "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
     "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
-    onSelect?: ((value: import('./type').DoptionValue, ev: MouseEvent) => any) | undefined;
 }>, {
     show(): void;
     hide(): void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (value: import('./type').DoptionValue, ev: MouseEvent) => any;
     "update:popupVisible": (value: boolean) => any;
     "popup-visible-change": (value: boolean) => any;
-    select: (value: import('./type').DoptionValue, ev: MouseEvent) => any;
 }, string, {
     popupContainer: import('..').PopupContainer;
     trigger: import('..').TriggerType;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     alignPoint: boolean;
-    position: import('./type').DropdownPosition;
+    position: Extract<import('..').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
     triggerProps: import('..').TriggerProps;
     hideOnSelect: boolean;
     popupMaxHeight: import('..').PopupMaxHeight;
@@ -139,12 +139,12 @@ declare const Dropdown: {
     button: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').DropdownButtonProps> & Readonly<{
             onClick?: ((ev: MouseEvent) => any) | undefined;
-            "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
             onSelect?: ((value: import('./type').DoptionValue) => any) | undefined;
+            "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             click: (ev: MouseEvent) => any;
-            "popup-visible-change": (value: boolean) => any;
             select: (value: import('./type').DoptionValue) => any;
+            "popup-visible-change": (value: boolean) => any;
         }, import('vue').PublicProps, {
             size: import('..').Size;
             type: import('..').ButtonType;
@@ -153,7 +153,7 @@ declare const Dropdown: {
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
-            position: import('./type').DropdownPosition;
+            position: Extract<import('..').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
             hideOnSelect: boolean;
             buttonProps: import('..').ButtonProps;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -165,8 +165,8 @@ declare const Dropdown: {
             Defaults: {};
         }, Readonly<import('./type').DropdownButtonProps> & Readonly<{
             onClick?: ((ev: MouseEvent) => any) | undefined;
-            "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
             onSelect?: ((value: import('./type').DoptionValue) => any) | undefined;
+            "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
         }>, {}, {}, {}, {}, {
             size: import('..').Size;
             type: import('..').ButtonType;
@@ -175,7 +175,7 @@ declare const Dropdown: {
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
-            position: import('./type').DropdownPosition;
+            position: Extract<import('..').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
             hideOnSelect: boolean;
             buttonProps: import('..').ButtonProps;
         }>;
@@ -184,12 +184,12 @@ declare const Dropdown: {
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').DropdownButtonProps> & Readonly<{
         onClick?: ((ev: MouseEvent) => any) | undefined;
-        "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
         onSelect?: ((value: import('./type').DoptionValue) => any) | undefined;
+        "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         click: (ev: MouseEvent) => any;
-        "popup-visible-change": (value: boolean) => any;
         select: (value: import('./type').DoptionValue) => any;
+        "popup-visible-change": (value: boolean) => any;
     }, string, {
         size: import('..').Size;
         type: import('..').ButtonType;
@@ -198,7 +198,7 @@ declare const Dropdown: {
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
-        position: import('./type').DropdownPosition;
+        position: Extract<import('..').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
         hideOnSelect: boolean;
         buttonProps: import('..').ButtonProps;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -219,7 +219,7 @@ declare const Dropdown: {
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
-            position: import('./type').DsubmenuPosition;
+            position: Extract<import('..').PopupPosition, "rt" | "lt">;
             triggerProps: import('..').TriggerProps;
             popupMaxHeight: import('..').PopupMaxHeight;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -540,7 +540,7 @@ declare const Dropdown: {
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
-            position: import('./type').DsubmenuPosition;
+            position: Extract<import('..').PopupPosition, "rt" | "lt">;
             triggerProps: import('..').TriggerProps;
             popupMaxHeight: import('..').PopupMaxHeight;
         }>;
@@ -561,7 +561,7 @@ declare const Dropdown: {
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
-        position: import('./type').DsubmenuPosition;
+        position: Extract<import('..').PopupPosition, "rt" | "lt">;
         triggerProps: import('..').TriggerProps;
         popupMaxHeight: import('..').PopupMaxHeight;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {

package/lib/Dropdown/type.d.ts

@@ -1,4 +1,4 @@
-import { EventTrigger, RecordType, PopupContainer, PopupMaxHeight, Size } from '../_shared/type';
+import { EventTrigger, RecordType, PopupContainer, PopupMaxHeight, PopupPosition, Size } from '../_shared/type';
 import { TriggerProps, TriggerType } from '../Trigger';
 import { ButtonProps, ButtonType } from '../Button';
 import { VNode } from 'vue';
@@ -6,7 +6,7 @@ export interface DropdownProps {
     popupVisible?: boolean;
     defaultPopupVisible?: boolean;
     trigger?: TriggerType;
-    position?: DropdownPosition;
+    position?: Extract<PopupPosition, 'top' | 'tr' | 'tl' | 'bottom' | 'br' | 'bl'>;
     popupContainer?: PopupContainer;
     hideOnSelect?: boolean;
     alignPoint?: boolean;
@@ -41,7 +41,7 @@ export interface DoptionSlots {
 export interface DsubmenuProps {
     disabled?: boolean;
     trigger?: EventTrigger;
-    position?: DsubmenuPosition;
+    position?: Extract<PopupPosition, 'rt' | 'lt'>;
     popupVisible?: boolean;
     defaultPopupVisible?: boolean;
     triggerProps?: TriggerProps;
@@ -67,7 +67,7 @@ export interface DropdownButtonProps {
     popupVisible?: boolean;
     defaultPopupVisible?: boolean;
     trigger?: TriggerType;
-    position?: DropdownPosition;
+    position?: Extract<PopupPosition, 'top' | 'tr' | 'tl' | 'bottom' | 'br' | 'bl'>;
     popupContainer?: PopupContainer;
     disabled?: boolean;
     type?: ButtonType;
@@ -81,5 +81,3 @@ export interface DropdownButtonSlots {
     icon?: () => VNode[];
 }
 export type DoptionValue = string | number | boolean | RecordType;
-export type DropdownPosition = 'top' | 'tr' | 'tl' | 'bottom' | 'br' | 'bl';
-export type DsubmenuPosition = 'rt' | 'lt';

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

@@ -1,24 +1,13 @@
 import { Ref, Reactive } from 'vue';
 import { GridRowGutter } from '../type';
 import { RecordType, BreakpointName } from '../../_shared/type';
-export declare const GRID_CONTEXT_KEY = "grid-context";
-export type GridContext = {
-    breakpoint: Ref<BreakpointName>;
-    div: Ref<boolean>;
-    gutter: Ref<number[]>;
-    cols: Ref<number>;
-    colGap: Ref<number>;
-    spanMap: Reactive<SpanMap>;
-    collapsed: Ref<boolean>;
-    collapsedRows: Ref<number>;
-};
 export type SpanMap = Map<string, {
     id: string;
     span: number;
     suffix: boolean;
 }>;
 export type GutterValue = GridRowGutter | [GridRowGutter, GridRowGutter];
-declare const _default: () => {
+export default function useGridContext(): {
     provide: (props: RecordType) => {
         breakpoint: Ref<BreakpointName, BreakpointName>;
         cols: import('vue').ComputedRef<number>;
@@ -40,4 +29,3 @@ declare const _default: () => {
         collapsedRows: Ref<number>;
     };
 };
-export default _default;

package/lib/Grid/hooks/useContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../../node_modules/nanoid/index.browser.js"),a=require("../../_shared/utils/is.js"),o=require("../../_shared/utils/dom.js"),t="grid-context";exports.GRID_CONTEXT_KEY=t,exports.default=()=>({provide:r=>{const{gutter:l=e.ref(0),cols:u=e.ref(24),rowGap:s=e.ref(0),colGap:p=e.ref(0),collapsed:n=e.ref(!1),collapsedRows:i=e.ref(1),div:c=e.ref(!1)}=e.toRefs(r),d=e.reactive(new Map),f=e.ref("xxl"),v=e.computed(()=>o.getBreakpointValue(f.value,u.value,24)),g=e.computed(()=>o.getBreakpointValue(f.value,s.value)),m=e.computed(()=>o.getBreakpointValue(f.value,p.value,0)),w=e.computed(()=>a.isArray(l.value)?l.value.map(e=>o.getBreakpointValue(f.value,e,0)):[o.getBreakpointValue(f.value,l.value,0),0]);return e.provide(t,{breakpoint:f,gutter:w,div:c,spanMap:d,cols:v,colGap:m,collapsed:n,collapsedRows:i}),{breakpoint:f,cols:v,colGap:m,rowGap:g,gutter:w}},inject:()=>{const a=e.inject(t,{gutter:e.ref([0,0]),breakpoint:e.ref("xs"),div:e.ref(!1),colGap:e.ref(0),cols:e.ref(24),collapsed:e.ref(!1),collapsedRows:e.ref(1),spanMap:new Map}),{spanMap:o}=a;return{...a,collectSpan:(a,t)=>{const l=r.nanoid();return e.watchEffect(()=>{o.set(l,{id:l,suffix:t.value,span:a.value})}),e.onBeforeUnmount(()=>{o.delete(l)}),{id:l}}}}});
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../../node_modules/nanoid/index.browser.js"),a=require("../../_shared/utils/is.js"),o=require("../../_shared/utils/dom.js"),t="grid-context";exports.default=function(){return{provide:r=>{const{gutter:l=e.ref(0),cols:u=e.ref(24),rowGap:s=e.ref(0),colGap:p=e.ref(0),collapsed:n=e.ref(!1),collapsedRows:i=e.ref(1),div:c=e.ref(!1)}=e.toRefs(r),d=e.reactive(new Map),f=e.ref("xxl"),v=e.computed(()=>o.getBreakpointValue(f.value,u.value,24)),g=e.computed(()=>o.getBreakpointValue(f.value,s.value)),m=e.computed(()=>o.getBreakpointValue(f.value,p.value,0)),w=e.computed(()=>a.isArray(l.value)?l.value.map(e=>o.getBreakpointValue(f.value,e,0)):[o.getBreakpointValue(f.value,l.value,0),0]);return e.provide(t,{breakpoint:f,gutter:w,div:c,spanMap:d,cols:v,colGap:m,collapsed:n,collapsedRows:i}),{breakpoint:f,cols:v,colGap:m,rowGap:g,gutter:w}},inject:()=>{const a=e.inject(t,{gutter:e.ref([0,0]),breakpoint:e.ref("xs"),div:e.ref(!1),colGap:e.ref(0),cols:e.ref(24),collapsed:e.ref(!1),collapsedRows:e.ref(1),spanMap:new Map}),{spanMap:o}=a;return{...a,collectSpan:(a,t)=>{const l=r.nanoid();return e.watchEffect(()=>{o.set(l,{id:l,suffix:t.value,span:a.value})}),e.onBeforeUnmount(()=>{o.delete(l)}),{id:l}}}}}};

package/lib/Image/Image.vue.d.ts

@@ -16,8 +16,8 @@ declare const __VLS_component: import('vue').DefineComponent<ImageProps, {}, {},
     title: string;
     description: string;
     src: string;
-    hideFooter: import('./type').HideFooter;
-    footerPosition: import('./type').FooterPostion;
+    hideFooter: boolean | "never";
+    footerPosition: "outer" | "inner";
     showLoader: boolean;
     preview: boolean;
     previewVisible: boolean;

package/lib/Image/ImagePreview.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../node_modules/@vueuse/core/index.js");require("../_shared/utils/dom.js"),/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const a=require("../_shared/icons/IconClose.vue.js"),t=require("../_shared/utils/control.js"),l=require("../_shared/utils/global-config.js"),r=require("../Modal/hooks/useModalClose.js"),s=require("./ImagePreviewToolbar.vue.js");;/* empty css                          */const i={class:"yc-image-preview-mask"},n=["src"],u=e.defineComponent({name:"ImagePreview",inheritAttrs:!1,__name:"ImagePreview",props:{src:{default:""},visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},actionsLayout:{default:()=>["fullScreen","rotateRight","rotateLeft","zoomIn","zoomOut","originalSize"]},popupContainer:{default:void 0},escToClose:{type:Boolean,default:!0},wheelZoom:{type:Boolean,default:!0},keyboard:{type:Boolean,default:!0},defaultScale:{default:1},zoomRate:{default:1.1}},emits:["update:visible","close"],setup(u,{emit:c}){const d=e.useSlots(),f=u,m=c,{visible:v,defaultVisible:p,maskClosable:w,escToClose:y,defaultScale:g,zoomRate:h,wheelZoom:k,keyboard:b}=e.toRefs(f),{zIndex:C,popupContainer:S,isAbsolute:z}=l.getGlobalConfig(f),B=e.ref(),V=t.useControlValue(e.ref(),g.value),_=e.ref(0),{outerVisible:j,innerVisible:q,handleClose:x,handleAfterLeave:I}=r.default({visible:v,defaultVisible:p,escToClose:y,maskClosable:w,onBeforeOk:()=>!0,onBeforeCancel:()=>!0,emits:m}),L=e=>{switch(e){case"rotateRight":_.value+=90;break;case"rotateLeft":_.value-=90;break;case"zoomIn":V.value*=h.value;break;case"zoomOut":V.value/=h.value;break;case"originalSize":V.value=g.value,_.value=0;break;case"fullScreen":{const{offsetWidth:e,offsetHeight:o}=B.value;V.value=e>o?window.innerHeight/o:window.innerHeight/e}}};return(()=>{if(k.value&&o.useEventListener("wheel",e=>{e.preventDefault(),e.stopPropagation();const o=e.deltaY<0?1:-1;V.value*=Math.pow(h.value,o)}),b.value){const e={ArrowUp:"zoomIn",ArrowDown:"zoomOut"," ":"originalSize"};o.onKeyStroke(["ArrowUp","ArrowDown"," "],o=>{L(e[o.key])})}})(),(o,t)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(S)},[e.unref(j)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-image-preview",o.$attrs.class,{"yc-image-preview-absolute":e.unref(z)}]),style:e.normalizeStyle({zIndex:e.unref(C),...o.$attrs.style??{}})},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",i,null,512),[[e.vShow,e.unref(q)]])]),_:1}),e.createVNode(e.Transition,{name:"fade",onAfterLeave:e.unref(I)},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:"yc-image-preview-wrapper",onClick:t[2]||(t[2]=e.withModifiers(o=>e.unref(x)("mask",o,!1),["self"]))},[e.createElementVNode("div",{style:e.normalizeStyle({transform:`scale(${e.unref(V)}, ${e.unref(V)})`}),class:"yc-image-preview-img-container",onClick:t[0]||(t[0]=e.withModifiers(o=>e.unref(x)("mask",o,!1),["self"]))},[e.createElementVNode("img",{src:o.src,style:e.normalizeStyle({transform:`translate(-50%, -50%) rotate(${_.value}deg)`}),class:"yc-image-preview-img",ref_key:"imageRef",ref:B},null,12,n)],4),e.createVNode(s.default,{actionsLayout:o.actionsLayout,onClick:L},e.createSlots({_:2},[d.actions?{name:"actions",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"actions")]),key:"0"}:void 0]),1032,["actionsLayout"]),e.renderSlot(o.$slots,"arrow"),o.closable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-image-preview-close-btn",onClick:t[1]||(t[1]=o=>e.unref(x)("closeBtn",o))},[e.createVNode(e.unref(a.default))])):e.createCommentVNode("",!0)],512),[[e.vShow,e.unref(q)]])]),_:3},8,["onAfterLeave"])],6)):e.createCommentVNode("",!0)],8,["to"]))}});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../_shared/utils/dom.js"),/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const o=require("../_shared/icons/IconClose.vue.js"),a=require("../_shared/utils/control.js"),t=require("../_shared/utils/global-config.js"),l=require("../node_modules/@vueuse/core/index.js"),r=require("../Modal/hooks/useModalClose.js"),s=require("./ImagePreviewToolbar.vue.js");;/* empty css                          */const i={class:"yc-image-preview-mask"},n=["src"],u=e.defineComponent({name:"ImagePreview",inheritAttrs:!1,__name:"ImagePreview",props:{src:{default:""},visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},actionsLayout:{default:()=>["fullScreen","rotateRight","rotateLeft","zoomIn","zoomOut","originalSize"]},popupContainer:{default:void 0},escToClose:{type:Boolean,default:!0},wheelZoom:{type:Boolean,default:!0},keyboard:{type:Boolean,default:!0},defaultScale:{default:1},zoomRate:{default:1.1}},emits:["update:visible","close"],setup(u,{emit:c}){const d=e.useSlots(),f=u,m=c,{visible:v,defaultVisible:p,maskClosable:w,escToClose:y,defaultScale:g,zoomRate:h,wheelZoom:k,keyboard:b}=e.toRefs(f),{zIndex:C,popupContainer:S,isAbsolute:z}=t.getGlobalConfig(f),B=e.ref(),V=a.useControlValue(e.ref(),g.value),_=e.ref(0),{outerVisible:j,innerVisible:q,handleClose:x,handleAfterLeave:I}=r.default({visible:v,defaultVisible:p,escToClose:y,maskClosable:w,onBeforeOk:()=>!0,onBeforeCancel:()=>!0,emits:m}),L=e=>{switch(e){case"rotateRight":_.value+=90;break;case"rotateLeft":_.value-=90;break;case"zoomIn":V.value*=h.value;break;case"zoomOut":V.value/=h.value;break;case"originalSize":V.value=g.value,_.value=0;break;case"fullScreen":{const{offsetWidth:e,offsetHeight:o}=B.value;V.value=e>o?window.innerHeight/o:window.innerHeight/e}}};return(()=>{if(k.value&&l.useEventListener("wheel",e=>{e.preventDefault(),e.stopPropagation();const o=e.deltaY<0?1:-1;V.value*=Math.pow(h.value,o)}),b.value){const e={ArrowUp:"zoomIn",ArrowDown:"zoomOut"," ":"originalSize"};l.onKeyStroke(["ArrowUp","ArrowDown"," "],o=>{L(e[o.key])})}})(),(a,t)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(S)},[e.unref(j)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-image-preview",a.$attrs.class,{"yc-image-preview-absolute":e.unref(z)}]),style:e.normalizeStyle({zIndex:e.unref(C),...a.$attrs.style??{}})},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",i,null,512),[[e.vShow,e.unref(q)]])]),_:1}),e.createVNode(e.Transition,{name:"fade",onAfterLeave:e.unref(I)},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:"yc-image-preview-wrapper",onClick:t[2]||(t[2]=e.withModifiers(o=>e.unref(x)("mask",o,!1),["self"]))},[e.createElementVNode("div",{style:e.normalizeStyle({transform:`scale(${e.unref(V)}, ${e.unref(V)})`}),class:"yc-image-preview-img-container",onClick:t[0]||(t[0]=e.withModifiers(o=>e.unref(x)("mask",o,!1),["self"]))},[e.createElementVNode("img",{src:a.src,style:e.normalizeStyle({transform:`translate(-50%, -50%) rotate(${_.value}deg)`}),class:"yc-image-preview-img",ref_key:"imageRef",ref:B},null,12,n)],4),e.createVNode(s.default,{actionsLayout:a.actionsLayout,onClick:L},e.createSlots({_:2},[d.actions?{name:"actions",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"actions")]),key:"0"}:void 0]),1032,["actionsLayout"]),e.renderSlot(a.$slots,"arrow"),a.closable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-image-preview-close-btn",onClick:t[1]||(t[1]=o=>e.unref(x)("closeBtn",o,!1))},[e.createVNode(e.unref(o.default))])):e.createCommentVNode("",!0)],512),[[e.vShow,e.unref(q)]])]),_:3},8,["onAfterLeave"])],6)):e.createCommentVNode("",!0)],8,["to"]))}});exports.default=u;

package/lib/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/lib/Image/hooks/useContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../../_shared/utils/control.js"),r=require("../../_shared/utils/vue-utils.js"),t=require("../Image.vue.js");;/* empty css             */const l="image-context";exports.default=()=>({provide:(a,s)=>{const{srcList:i,current:n,defaultCurrent:o,visible:d,defaultVisible:c}=e.toRefs(a),v=e.useSlots(),p=e.computed(()=>{var e;if(i.value.length)return i.value;if(!v.default)return[];return r.findComponentsFromVnodes((null==(e=v.default)?void 0:e.call(v))||[],t.default.name).map(e=>{var u;return null==(u=null==e?void 0:e.props)?void 0:u.src})}),f=u.useControlValue(n,o.value,e=>{s("update:current",e),s("change",e)}),m=u.useControlValue(d,c.value,e=>{s("update:visible",e),s("visible-change",e)}),h=e.computed(()=>p.value[f.value]);return e.provide(l,{hasGroupFather:e.ref(!0),handleClick:e=>{const u=p.value.findIndex(u=>u==e);f.value=u,m.value=!0}}),{src:h,srcList:p,computedCurrent:f,computedVisible:m}},inject:()=>e.inject(l,{hasGroupFather:e.ref(!1),handleClick:()=>{}})});
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../../_shared/utils/control.js"),r=require("../../_shared/utils/vue-utils.js"),t=require("../Image.vue.js");;/* empty css             */const l="image-context";exports.default=function(){return{provide:(a,s)=>{const{srcList:i,current:n,defaultCurrent:o,visible:d,defaultVisible:c}=e.toRefs(a),v=e.useSlots(),p=e.computed(()=>{var e;if(i.value.length)return i.value;if(!v.default)return[];return r.findComponentsFromVnodes((null==(e=v.default)?void 0:e.call(v))||[],t.default.name).map(e=>{var u;return null==(u=null==e?void 0:e.props)?void 0:u.src})}),f=u.useControlValue(n,o.value,e=>{s("update:current",e),s("change",e)}),m=u.useControlValue(d,c.value,e=>{s("update:visible",e),s("visible-change",e)}),h=e.computed(()=>p.value[f.value]);return e.provide(l,{hasGroupFather:e.ref(!0),handleClick:e=>{const u=p.value.findIndex(u=>u==e);f.value=u,m.value=!0}}),{src:h,srcList:p,computedCurrent:f,computedVisible:m}},inject:()=>e.inject(l,{hasGroupFather:e.ref(!1),handleClick:()=>{}})}};

package/lib/Image/index.d.ts

@@ -19,8 +19,8 @@ declare const Image: {
         title: string;
         description: string;
         src: string;
-        hideFooter: import('./type').HideFooter;
-        footerPosition: import('./type').FooterPostion;
+        hideFooter: boolean | "never";
+        footerPosition: "outer" | "inner";
         showLoader: boolean;
         preview: boolean;
         previewVisible: boolean;
@@ -41,8 +41,8 @@ declare const Image: {
         title: string;
         description: string;
         src: string;
-        hideFooter: import('./type').HideFooter;
-        footerPosition: import('./type').FooterPostion;
+        hideFooter: boolean | "never";
+        footerPosition: "outer" | "inner";
         showLoader: boolean;
         preview: boolean;
         previewVisible: boolean;
@@ -63,8 +63,8 @@ declare const Image: {
     title: string;
     description: string;
     src: string;
-    hideFooter: import('./type').HideFooter;
-    footerPosition: import('./type').FooterPostion;
+    hideFooter: boolean | "never";
+    footerPosition: "outer" | "inner";
     showLoader: boolean;
     preview: boolean;
     previewVisible: boolean;

package/lib/Image/type.d.ts

@@ -78,5 +78,6 @@ export interface ImagePreviewActionEmits {
 export interface ImagePreviewActionSlots {
     default?: () => VNode[];
 }
-export type HideFooter = boolean | 'never';
-export type FooterPostion = 'inner' | 'outer';
+type HideFooter = boolean | 'never';
+type FooterPostion = 'inner' | 'outer';
+export {};

package/lib/Input/Input.vue.d.ts

@@ -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;
     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,18 +25,18 @@ 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;
     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;
     "onVisibility-change"?: ((value: boolean) => any) | undefined;
     onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
 }>, {
-    size: import('..').Size;
     error: boolean;
+    size: import('..').Size;
     disabled: boolean;
     placeholder: string;
     modelValue: string;

package/lib/Input/InputSuffix.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=;/* empty css                                          */;/* empty css                                           */const t=;/* empty css                                            */require("../_shared/utils/dom.js"),/* empty css                                                 */;/* empty css                                    */const i=require("../_shared/icons/IconEyeClose.vue.js"),n=require("../_shared/icons/IconEyeOpen.vue.js"),s={key:0,class:"yc-input-word-limit"},r=e.defineComponent({__name:"InputSuffix",props:{curLength:{},maxLength:{},showWordLimit:{type:Boolean},computedVisibility:{type:Boolean},isPassword:{type:Boolean},invisibleButton:{type:Boolean}},emits:["clear","visibilityChange"],setup:r=>(r,u)=>(e.openBlock(),e.createBlock(e.unref(t.default),{class:"yc-input-suffix"},{default:e.withCtx(()=>[r.showWordLimit?(e.openBlock(),e.createElementBlock("div",s,e.toDisplayString(r.curLength)+"/"+e.toDisplayString(r.maxLength),1)):e.createCommentVNode("",!0),r.isPassword&&r.invisibleButton?(e.openBlock(),e.createBlock(e.unref(o.default),{key:1,size:14,onClick:u[0]||(u[0]=e=>r.$emit("visibilityChange",!r.computedVisibility))},{default:e.withCtx(()=>[r.computedVisibility?(e.openBlock(),e.createBlock(e.unref(n.default),{key:0})):(e.openBlock(),e.createBlock(e.unref(i.default),{key:1}))]),_:1})):e.createCommentVNode("",!0),r.$slots.suffix?e.renderSlot(r.$slots,"suffix",{key:2}):e.createCommentVNode("",!0)]),_:3}))});exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=;/* empty css                                          */;/* empty css                                           */const t=;/* empty css                                            */require("../_shared/utils/dom.js"),/* empty css                                                 */;/* empty css                                    */const i=require("../_shared/icons/IconEyeClose.vue.js"),n=require("../_shared/icons/IconEyeOpen.vue2.js"),s={key:0,class:"yc-input-word-limit"},r=e.defineComponent({__name:"InputSuffix",props:{curLength:{},maxLength:{},showWordLimit:{type:Boolean},computedVisibility:{type:Boolean},isPassword:{type:Boolean},invisibleButton:{type:Boolean}},emits:["clear","visibilityChange"],setup:r=>(r,u)=>(e.openBlock(),e.createBlock(e.unref(t.default),{class:"yc-input-suffix"},{default:e.withCtx(()=>[r.showWordLimit?(e.openBlock(),e.createElementBlock("div",s,e.toDisplayString(r.curLength)+"/"+e.toDisplayString(r.maxLength),1)):e.createCommentVNode("",!0),r.isPassword&&r.invisibleButton?(e.openBlock(),e.createBlock(e.unref(o.default),{key:1,size:14,onClick:u[0]||(u[0]=e=>r.$emit("visibilityChange",!r.computedVisibility))},{default:e.withCtx(()=>[r.computedVisibility?(e.openBlock(),e.createBlock(e.unref(n.default),{key:0})):(e.openBlock(),e.createBlock(e.unref(i.default),{key:1}))]),_:1})):e.createCommentVNode("",!0),r.$slots.suffix?e.renderSlot(r.$slots,"suffix",{key:2}):e.createCommentVNode("",!0)]),_:3}))});exports.default=r;

package/lib/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;
         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,18 +20,18 @@ 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;
         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;
         "visibility-change": (value: boolean) => any;
         pressEnter: (ev: KeyboardEvent) => any;
     }, import('vue').PublicProps, {
-        size: import('..').Size;
         error: boolean;
+        size: import('..').Size;
         disabled: boolean;
         placeholder: string;
         modelValue: 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;
         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;
@@ -73,8 +73,8 @@ declare const Input: {
         blur(): void;
         getInputRef(): HTMLInputElement;
     }, {}, {}, {}, {
-        size: import('..').Size;
         error: boolean;
+        size: import('..').Size;
         disabled: boolean;
         placeholder: string;
         modelValue: 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;
     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,18 +112,18 @@ 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;
     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;
     "visibility-change": (value: boolean) => any;
     pressEnter: (ev: KeyboardEvent) => any;
 }, string, {
-    size: import('..').Size;
     error: boolean;
+    size: import('..').Size;
     disabled: boolean;
     placeholder: string;
     modelValue: string;