yc-design-vue 2.0.1 → 2.0.3

package/lib/Image/ImagePreview.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const o=require("../_shared/utils/global-config.js");require("../_shared/utils/locale.js");const t=require("../_shared/utils/control.js");,/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const a=require("../_shared/icons/IconClose.vue.js"),r=require("../node_modules/@vueuse/core/index.js"),l=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=u,f=c,{visible:m,defaultVisible:v,maskClosable:p,escToClose:w,defaultScale:y,zoomRate:h,wheelZoom:k,keyboard:g}=e.toRefs(d),{zIndex:b,popupContainer:C,isAbsolute:z}=o.getGlobalConfig(d),B=e.ref(),_=t(e.ref(),y.value),S=e.ref(0),{outerVisible:q,innerVisible:V,handleClose:j,handleAfterLeave:I}=l({visible:m,defaultVisible:v,escToClose:w,maskClosable:p,onBeforeOk:()=>!0,onBeforeCancel:()=>!0,emits:f}),x=e=>{switch(e){case"rotateRight":S.value+=90;break;case"rotateLeft":S.value-=90;break;case"zoomIn":_.value*=h.value;break;case"zoomOut":_.value/=h.value;break;case"originalSize":_.value=y.value,S.value=0;break;case"fullScreen":{const{offsetWidth:e,offsetHeight:o}=B.value;_.value=e>o?window.innerHeight/o:window.innerHeight/e}}};return(()=>{if(k.value&&r.useEventListener("wheel",e=>{e.preventDefault(),e.stopPropagation();const o=e.deltaY<0?1:-1;_.value*=Math.pow(h.value,o)}),g.value){const e={ArrowUp:"zoomIn",ArrowDown:"zoomOut"," ":"originalSize"};r.onKeyStroke(["ArrowUp","ArrowDown"," "],o=>{x(e[o.key])})}})(),(o,t)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(C)},[e.unref(q)?(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(b),...o.$attrs.style??{}})},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",i,null,512),[[e.vShow,e.unref(V)]])]),_: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(j)("mask",o,!1),["self"]))},[e.createElementVNode("div",{style:e.normalizeStyle({transform:`scale(${e.unref(_)}, ${e.unref(_)})`}),class:"yc-image-preview-img-container",onClick:t[0]||(t[0]=e.withModifiers(o=>e.unref(j)("mask",o,!1),["self"]))},[e.createElementVNode("img",{src:o.src,style:e.normalizeStyle({transform:`translate(-50%, -50%) rotate(${S.value}deg)`}),class:"yc-image-preview-img",ref_key:"imageRef",ref:B},null,12,n)],4),e.createVNode(s,{actionsLayout:o.actionsLayout,onClick:x},e.createSlots({_:2},[o.$slots.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(j)("closeBtn",o))},[e.createVNode(e.unref(a))])):e.createCommentVNode("",!0)],512),[[e.vShow,e.unref(V)]])]),_:3},8,["onAfterLeave"])],6)):e.createCommentVNode("",!0)],8,["to"]))}});module.exports=u;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const o=require("../_shared/utils/global-config.js");require("../_shared/utils/locale.js");const t=require("../_shared/utils/control.js");,/* empty css                                          */,/* empty css                                                */;/* empty css                                    */const a=require("../_shared/icons/IconClose.vue.js"),r=require("../node_modules/@vueuse/core/index.js"),l=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=u,f=c,{visible:m,defaultVisible:v,maskClosable:p,escToClose:w,defaultScale:y,zoomRate:h,wheelZoom:k,keyboard:g}=e.toRefs(d),{zIndex:b,popupContainer:C,isAbsolute:z}=o.getGlobalConfig(d),B=e.ref(),_=t(e.ref(),y.value),S=e.ref(0),{outerVisible:q,innerVisible:V,handleClose:j,handleAfterLeave:I}=l({visible:m,defaultVisible:v,escToClose:w,maskClosable:p,onBeforeOk:()=>!0,onBeforeCancel:()=>!0,emits:f}),x=e=>{switch(e){case"rotateRight":S.value+=90;break;case"rotateLeft":S.value-=90;break;case"zoomIn":_.value*=h.value;break;case"zoomOut":_.value/=h.value;break;case"originalSize":_.value=y.value,S.value=0;break;case"fullScreen":{const{offsetWidth:e,offsetHeight:o}=B.value;_.value=e>o?window.innerHeight/o:window.innerHeight/e}}};return(()=>{if(k.value&&r.useEventListener("wheel",e=>{e.preventDefault(),e.stopPropagation();const o=e.deltaY<0?1:-1;_.value*=Math.pow(h.value,o)}),g.value){const e={ArrowUp:"zoomIn",ArrowDown:"zoomOut"," ":"originalSize"};r.onKeyStroke(["ArrowUp","ArrowDown"," "],o=>{x(e[o.key])})}})(),(o,t)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(C)},[e.unref(q)?(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(b),...o.$attrs.style??{}})},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",i,null,512),[[e.vShow,e.unref(V)]])]),_: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(j)("mask",o,!1),["self"]))},[e.createElementVNode("div",{style:e.normalizeStyle({transform:`scale(${e.unref(_)}, ${e.unref(_)})`}),class:"yc-image-preview-img-container",onClick:t[0]||(t[0]=e.withModifiers(o=>e.unref(j)("mask",o,!1),["self"]))},[e.createElementVNode("img",{src:o.src,style:e.normalizeStyle({transform:`translate(-50%, -50%) rotate(${S.value}deg)`}),class:"yc-image-preview-img",ref_key:"imageRef",ref:B},null,12,n)],4),e.createVNode(s,{actionsLayout:o.actionsLayout,onClick:x},e.createSlots({_:2},[o.$slots.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(j)("closeBtn",o))},[e.createVNode(e.unref(a))])):e.createCommentVNode("",!0)],512),[[e.vShow,e.unref(V)]])]),_:3},8,["onAfterLeave"])],6)):e.createCommentVNode("",!0)],8,["to"]))}});module.exports=u;

package/lib/Image/ImagePreviewArrow.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../_shared/utils/locale.js"),/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const r=require("../_shared/icons/IconArrowRight.vue.js"),o=e.defineComponent({__name:"ImagePreviewArrow",props:{type:{}},setup:o=>(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`yc-image-preview-arrow-${o.type}`])},[e.createVNode(e.unref(r),{rotate:"left"==o.type?180:0},null,8,["rotate"])],2))});module.exports=o;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../_shared/utils/locale.js"),/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const r=require("../_shared/icons/IconArrowRight.vue.js"),o=e.defineComponent({__name:"ImagePreviewArrow",props:{type:{}},setup:o=>(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`yc-image-preview-arrow-${o.type}`])},[e.createVNode(e.unref(r),{rotate:"left"==o.type?180:0},null,8,["rotate"])],2))});module.exports=o;

package/lib/Image/ImagePreviewToolbar.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const o=require("../_shared/utils/locale.js");,/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const r=require("../_shared/icons/IconFullScreen.vue2.js"),n=require("../_shared/icons/IconOriginSize.vue2.js"),t=require("../_shared/icons/IconRotateLeft.vue2.js"),i=require("../_shared/icons/IconRotateRight.vue2.js"),s=require("../_shared/icons/IconZoomIn.vue2.js"),c=require("../_shared/icons/IconZoomOut.vue2.js"),a=require("./ImagePreviewAction.vue.js");;/* empty css                         */const u={key:0,class:"yc-image-preview-toolbar"},l=e.defineComponent({__name:"ImagePreviewToolbar",props:{actionsLayout:{default:()=>[]}},emits:["click"],setup(l){const{t:m}=o.useI18n(),d={fullScreen:r,rotateRight:i,rotateLeft:t,zoomIn:s,zoomOut:c,originalSize:n};return(o,r)=>o.actionsLayout.length?(e.openBlock(),e.createElementBlock("div",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.actionsLayout,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r},[d[r]?(e.openBlock(),e.createBlock(a,{key:0,name:e.unref(m)(`imagePreview.${r}`),onClick:e=>o.$emit("click",r,e)},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d[r])))]),_:2},1032,["name","onClick"])):e.createCommentVNode("",!0)],64))),128)),e.renderSlot(o.$slots,"actions")])):e.createCommentVNode("",!0)}});module.exports=l;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const o=require("../_shared/utils/locale.js");,/* empty css                                          */,/* empty css                                                */;/* empty css                                    */const r=require("../_shared/icons/IconFullScreen.vue2.js"),n=require("../_shared/icons/IconOriginSize.vue2.js"),t=require("../_shared/icons/IconRotateLeft.vue2.js"),i=require("../_shared/icons/IconRotateRight.vue2.js"),s=require("../_shared/icons/IconZoomIn.vue2.js"),c=require("../_shared/icons/IconZoomOut.vue2.js"),a=require("./ImagePreviewAction.vue.js");;/* empty css                         */const u={key:0,class:"yc-image-preview-toolbar"},l=e.defineComponent({__name:"ImagePreviewToolbar",props:{actionsLayout:{default:()=>[]}},emits:["click"],setup(l){const{t:m}=o.useI18n(),d={fullScreen:r,rotateRight:i,rotateLeft:t,zoomIn:s,zoomOut:c,originalSize:n};return(o,r)=>o.actionsLayout.length?(e.openBlock(),e.createElementBlock("div",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.actionsLayout,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r},[d[r]?(e.openBlock(),e.createBlock(a,{key:0,name:e.unref(m)(`imagePreview.${r}`),onClick:e=>o.$emit("click",r,e)},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d[r])))]),_:2},1032,["name","onClick"])):e.createCommentVNode("",!0)],64))),128)),e.renderSlot(o.$slots,"actions")])):e.createCommentVNode("",!0)}});module.exports=l;

package/lib/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/lib/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/lib/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/lib/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/lib/Input/Input.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const t=require("../_shared/utils/global-config.js");require("../_shared/utils/locale.js");const o=require("../_shared/utils/control.js"),n=require("./hooks/useLimitedInput.js"),l=;/* empty css                                          */;/* empty css                                           */const s=;/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const i=require("./InputSuffix.vue.js");;/* empty css                  */const r=["value","type","disabled","readonly","placeholder"],u=e.defineComponent({name:"Input",__name:"Input",props:{modelValue:{default:void 0},defaultValue:{default:""},size:{default:void 0},allowClear:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},error:{type:Boolean,default:void 0},placeholder:{default:""},maxLength:{default:void 0},wordLength:{type:Function,default:e=>e.length},wordSlice:{type:Function,default:(e,t)=>e.slice(0,t)},showWordLimit:{type:Boolean,default:!1},inputAttrs:{default:()=>({})},isPassword:{type:Boolean,default:!1},visibility:{type:Boolean,default:void 0},defaultVisibility:{type:Boolean,default:!1},invisibleButton:{type:Boolean,default:!0},showInput:{type:Boolean,default:!1}},emits:["update:modelValue","update:visibility","input","change","visibility-change","pressEnter","keydown","clear","focus","blur"],setup(u,{expose:a,emit:d}){const c=u,p=d,{visibility:f,defaultVisibility:y}=e.toRefs(c),{size:m}=t.getGlobalConfig(c),h=e.ref(),v=o(f,y.value,e=>{p("update:visibility",e),p("visibility-change",e)}),b=e.computed(()=>v.value?"password":"text"),{computedValue:w,showWordLimit:k,showClearBtn:B,curLength:x,maxLength:C,error:g,handleInput:_,handleComposition:$}=n({props:c,emits:p,inputRef:h}),q=async(e,t)=>{switch(e){case"input":_(t);break;case"change":p("change",w.value,t);break;case"focus":case"blur":p(e,t);break;case"clear":w.value="",p("clear",t);break;case"keydown":{const e=t;p("keydown",e),"Enter"==e.key&&p("pressEnter",e)}}};return a({focus(){var e;null==(e=h.value)||e.focus()},blur(){var e;null==(e=h.value)||e.blur()},getInputRef:()=>h.value}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-input-outer",`yc-input-size-${e.unref(m)}`,{"yc-input-disabled":t.disabled,"yc-input-error":e.unref(g),"yc-input-has-prepend":t.$slots.prepend,"yc-input-has-append":t.$slots.append}])},[t.$slots.prepend?(e.openBlock(),e.createBlock(e.unref(s),{key:0,class:"yc-input-prepend"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),_:3})):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["yc-input-wrapper",{"yc-input-wrapper-disabled":t.disabled}])},[t.$slots.prefix?(e.openBlock(),e.createBlock(e.unref(s),{key:0,class:"yc-input-prefix"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),_:3})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({value:e.unref(w),type:b.value,disabled:t.disabled,readonly:t.readonly,placeholder:t.placeholder},t.inputAttrs,{class:"yc-input",ref_key:"inputRef",ref:h,onInput:o[0]||(o[0]=e=>q("input",e)),onChange:o[1]||(o[1]=e=>q("change",e)),onCompositionstart:o[2]||(o[2]=(...t)=>e.unref($)&&e.unref($)(...t)),onCompositionupdate:o[3]||(o[3]=(...t)=>e.unref($)&&e.unref($)(...t)),onCompositionend:o[4]||(o[4]=(...t)=>e.unref($)&&e.unref($)(...t)),onFocus:o[5]||(o[5]=e=>q("focus",e)),onBlur:o[6]||(o[6]=e=>q("blur",e)),onKeydown:o[7]||(o[7]=e.withKeys(e=>q("keydown",e),["enter"]))}),null,16,r),[[e.vShow,!t.$slots.label||t.$slots.label&&t.showInput]]),t.$slots.label?e.withDirectives((e.openBlock(),e.createBlock(e.unref(s),{key:1,class:"yc-input text-ellipsis"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label")]),_:3},512)),[[e.vShow,!t.showInput]]):e.createCommentVNode("",!0),e.unref(B)?(e.openBlock(),e.createBlock(e.unref(l),{key:2,class:"yc-input-clear-button",onClick:o[8]||(o[8]=e=>q("clear",e))})):e.createCommentVNode("",!0),t.$slots.suffix||e.unref(k)||t.isPassword&&t.invisibleButton?(e.openBlock(),e.createBlock(i,{key:3,"cur-length":e.unref(x),"max-length":e.unref(C),"computed-value":e.unref(w),"show-word-limit":e.unref(k),"computed-visibility":e.unref(v),"invisible-button":t.invisibleButton,"is-password":t.isPassword,onVisibilityChange:o[9]||(o[9]=e=>v.value=e)},e.createSlots({_:2},[t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"0"}:void 0]),1032,["cur-length","max-length","computed-value","show-word-limit","computed-visibility","invisible-button","is-password"])):e.createCommentVNode("",!0)],2),t.$slots.append?(e.openBlock(),e.createBlock(e.unref(s),{key:1,class:"yc-input-append"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),_:3})):e.createCommentVNode("",!0)],2))}});module.exports=u;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const t=require("../_shared/utils/global-config.js");require("../_shared/utils/locale.js");const o=require("../_shared/utils/control.js"),n=require("./hooks/useLimitedInput.js"),l=;/* empty css                                           */;/* empty css                                          */const s=;/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const i=require("./InputSuffix.vue.js");;/* empty css                  */const r=["value","type","disabled","readonly","placeholder"],u=e.defineComponent({name:"Input",__name:"Input",props:{modelValue:{default:void 0},defaultValue:{default:""},size:{default:void 0},allowClear:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},error:{type:Boolean,default:void 0},placeholder:{default:""},maxLength:{default:void 0},wordLength:{type:Function,default:e=>e.length},wordSlice:{type:Function,default:(e,t)=>e.slice(0,t)},showWordLimit:{type:Boolean,default:!1},inputAttrs:{default:()=>({})},isPassword:{type:Boolean,default:!1},visibility:{type:Boolean,default:void 0},defaultVisibility:{type:Boolean,default:!1},invisibleButton:{type:Boolean,default:!0},showInput:{type:Boolean,default:!1}},emits:["update:modelValue","update:visibility","input","change","visibility-change","pressEnter","keydown","clear","focus","blur"],setup(u,{expose:a,emit:d}){const c=u,p=d,{visibility:f,defaultVisibility:y}=e.toRefs(c),{size:m}=t.getGlobalConfig(c),h=e.ref(),v=o(f,y.value,e=>{p("update:visibility",e),p("visibility-change",e)}),b=e.computed(()=>v.value?"password":"text"),{computedValue:w,showWordLimit:k,showClearBtn:B,curLength:x,maxLength:C,error:g,handleInput:_,handleComposition:$}=n({props:c,emits:p,inputRef:h}),q=async(e,t)=>{switch(e){case"input":_(t);break;case"change":p("change",w.value,t);break;case"focus":case"blur":p(e,t);break;case"clear":w.value="",p("clear",t);break;case"keydown":{const e=t;p("keydown",e),"Enter"==e.key&&p("pressEnter",e)}}};return a({focus(){var e;null==(e=h.value)||e.focus()},blur(){var e;null==(e=h.value)||e.blur()},getInputRef:()=>h.value}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-input-outer",`yc-input-size-${e.unref(m)}`,{"yc-input-disabled":t.disabled,"yc-input-error":e.unref(g),"yc-input-has-prepend":t.$slots.prepend,"yc-input-has-append":t.$slots.append}])},[t.$slots.prepend?(e.openBlock(),e.createBlock(e.unref(s),{key:0,class:"yc-input-prepend"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),_:3})):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["yc-input-wrapper",{"yc-input-wrapper-disabled":t.disabled}])},[t.$slots.prefix?(e.openBlock(),e.createBlock(e.unref(s),{key:0,class:"yc-input-prefix"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),_:3})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({value:e.unref(w),type:b.value,disabled:t.disabled,readonly:t.readonly,placeholder:t.placeholder},t.inputAttrs,{class:"yc-input",ref_key:"inputRef",ref:h,onInput:o[0]||(o[0]=e=>q("input",e)),onChange:o[1]||(o[1]=e=>q("change",e)),onCompositionstart:o[2]||(o[2]=(...t)=>e.unref($)&&e.unref($)(...t)),onCompositionupdate:o[3]||(o[3]=(...t)=>e.unref($)&&e.unref($)(...t)),onCompositionend:o[4]||(o[4]=(...t)=>e.unref($)&&e.unref($)(...t)),onFocus:o[5]||(o[5]=e=>q("focus",e)),onBlur:o[6]||(o[6]=e=>q("blur",e)),onKeydown:o[7]||(o[7]=e.withKeys(e=>q("keydown",e),["enter"]))}),null,16,r),[[e.vShow,!t.$slots.label||t.$slots.label&&t.showInput]]),t.$slots.label?e.withDirectives((e.openBlock(),e.createBlock(e.unref(s),{key:1,class:"yc-input text-ellipsis"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label")]),_:3},512)),[[e.vShow,!t.showInput]]):e.createCommentVNode("",!0),e.unref(B)?(e.openBlock(),e.createBlock(e.unref(l),{key:2,class:"yc-input-clear-button",onClick:o[8]||(o[8]=e=>q("clear",e))})):e.createCommentVNode("",!0),t.$slots.suffix||e.unref(k)||t.isPassword&&t.invisibleButton?(e.openBlock(),e.createBlock(i,{key:3,"cur-length":e.unref(x),"max-length":e.unref(C),"computed-value":e.unref(w),"show-word-limit":e.unref(k),"computed-visibility":e.unref(v),"invisible-button":t.invisibleButton,"is-password":t.isPassword,onVisibilityChange:o[9]||(o[9]=e=>v.value=e)},e.createSlots({_:2},[t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"0"}:void 0]),1032,["cur-length","max-length","computed-value","show-word-limit","computed-visibility","invisible-button","is-password"])):e.createCommentVNode("",!0)],2),t.$slots.append?(e.openBlock(),e.createBlock(e.unref(s),{key:1,class:"yc-input-append"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),_:3})):e.createCommentVNode("",!0)],2))}});module.exports=u;

package/lib/Input/InputSuffix.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),o=;/* empty css                                          */;/* empty css                                           */const i=;/* empty css                                            */require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../_shared/utils/locale.js"),/* empty css                                                 */;/* empty css                                    */const t=require("../_shared/icons/IconEyeClose.vue2.js"),s=require("../_shared/icons/IconEyeOpen.vue2.js"),n={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(i),{class:"yc-input-suffix"},{default:e.withCtx(()=>[r.showWordLimit?(e.openBlock(),e.createElementBlock("div",n,e.toDisplayString(r.curLength)+"/"+e.toDisplayString(r.maxLength),1)):e.createCommentVNode("",!0),r.isPassword&&r.invisibleButton?(e.openBlock(),e.createBlock(e.unref(o),{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(s),{key:0})):(e.openBlock(),e.createBlock(e.unref(t),{key:1}))]),_:1})):e.createCommentVNode("",!0),r.$slots.suffix?e.renderSlot(r.$slots,"suffix",{key:2}):e.createCommentVNode("",!0)]),_:3}))});module.exports=r;
+"use strict";const e=require("vue"),o=;/* empty css                                           */;/* empty css                                          */const i=;/* empty css                                            */require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../_shared/utils/locale.js"),/* empty css                                                 */;/* empty css                                    */const t=require("../_shared/icons/IconEyeClose.vue2.js"),s=require("../_shared/icons/IconEyeOpen.vue2.js"),n={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(i),{class:"yc-input-suffix"},{default:e.withCtx(()=>[r.showWordLimit?(e.openBlock(),e.createElementBlock("div",n,e.toDisplayString(r.curLength)+"/"+e.toDisplayString(r.maxLength),1)):e.createCommentVNode("",!0),r.isPassword&&r.invisibleButton?(e.openBlock(),e.createBlock(e.unref(o),{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(s),{key:0})):(e.openBlock(),e.createBlock(e.unref(t),{key:1}))]),_:1})):e.createCommentVNode("",!0),r.$slots.suffix?e.renderSlot(r.$slots,"suffix",{key:2}):e.createCommentVNode("",!0)]),_:3}))});module.exports=r;

package/lib/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/lib/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;

package/lib/Input/type.d.ts

@@ -1,4 +1,4 @@
-import { Size, ObjectData } from '../_shared/type';
+import { Size, RecordType } from '../_shared/type';
 import { VNode } from 'vue';
 export interface InputProps {
     modelValue?: string;
@@ -13,7 +13,7 @@ export interface InputProps {
     wordLength?: WordLength;
     wordSlice?: WordSlice;
     showWordLimit?: boolean;
-    inputAttrs?: ObjectData;
+    inputAttrs?: RecordType;
     isPassword?: boolean;
     visibility?: boolean;
     defaultVisibility?: boolean;

package/lib/InputNumber/InputNumber.vue.d.ts

@@ -19,7 +19,7 @@ declare function __VLS_template(): {
                 readonly wordLength?: import('../Input').WordLength | undefined;
                 readonly wordSlice?: import('../Input').WordSlice | undefined;
                 readonly showWordLimit?: boolean | undefined;
-                readonly inputAttrs?: import('../_shared/type').ObjectData | undefined;
+                readonly inputAttrs?: import('..').RecordType | undefined;
                 readonly isPassword?: boolean | undefined;
                 readonly visibility?: boolean | undefined;
                 readonly defaultVisibility?: boolean | undefined;
@@ -91,7 +91,7 @@ declare function __VLS_template(): {
                 readonly: boolean;
                 wordLength: import('../Input').WordLength;
                 wordSlice: import('../Input').WordSlice;
-                inputAttrs: import('../_shared/type').ObjectData;
+                inputAttrs: import('..').RecordType;
                 isPassword: boolean;
                 visibility: boolean;
                 defaultVisibility: boolean;
@@ -130,7 +130,7 @@ declare function __VLS_template(): {
             readonly: boolean;
             wordLength: import('../Input').WordLength;
             wordSlice: import('../Input').WordSlice;
-            inputAttrs: import('../_shared/type').ObjectData;
+            inputAttrs: import('..').RecordType;
             isPassword: boolean;
             visibility: boolean;
             defaultVisibility: boolean;
@@ -189,7 +189,7 @@ declare const __VLS_component: import('vue').DefineComponent<InputNumberProps, {
     defaultValue: InputNumberValue;
     allowClear: boolean;
     readonly: boolean;
-    inputAttrs: import('../_shared/type').ObjectData;
+    inputAttrs: import('..').RecordType;
     max: number;
     min: number;
     precision: number;
@@ -212,7 +212,7 @@ declare const __VLS_component: import('vue').DefineComponent<InputNumberProps, {
             readonly wordLength?: import('../Input').WordLength | undefined;
             readonly wordSlice?: import('../Input').WordSlice | undefined;
             readonly showWordLimit?: boolean | undefined;
-            readonly inputAttrs?: import('../_shared/type').ObjectData | undefined;
+            readonly inputAttrs?: import('..').RecordType | undefined;
             readonly isPassword?: boolean | undefined;
             readonly visibility?: boolean | undefined;
             readonly defaultVisibility?: boolean | undefined;
@@ -284,7 +284,7 @@ declare const __VLS_component: import('vue').DefineComponent<InputNumberProps, {
             readonly: boolean;
             wordLength: import('../Input').WordLength;
             wordSlice: import('../Input').WordSlice;
-            inputAttrs: import('../_shared/type').ObjectData;
+            inputAttrs: import('..').RecordType;
             isPassword: boolean;
             visibility: boolean;
             defaultVisibility: boolean;
@@ -323,7 +323,7 @@ declare const __VLS_component: import('vue').DefineComponent<InputNumberProps, {
         readonly: boolean;
         wordLength: import('../Input').WordLength;
         wordSlice: import('../Input').WordSlice;
-        inputAttrs: import('../_shared/type').ObjectData;
+        inputAttrs: import('..').RecordType;
         isPassword: boolean;
         visibility: boolean;
         defaultVisibility: boolean;

package/lib/InputNumber/InputOperaBtn.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),o=require("../_shared/icons/IconArrowDown.vue.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../_shared/utils/locale.js"),/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const n=require("../_shared/icons/IconMinus.vue2.js"),s=require("../_shared/icons/IconPlus.vue.js"),r=require("../Button/index.js"),u=e.defineComponent({__name:"InputOperaBtn",props:{mode:{},type:{},disabled:{type:Boolean},computedValue:{},min:{},max:{},size:{}},emits:["click"],setup(u){const i=u,{disabled:t,computedValue:l,min:c,max:a,type:d}=e.toRefs(i),m=e.computed(()=>t.value?t.value:"minus"==d.value?+l.value<=c.value:+l.value>=a.value);return(u,i)=>(e.openBlock(),e.createBlock(e.unref(r.default),{size:u.size,disabled:m.value,class:e.normalizeClass([{"yc-input-number-plus-embed":"embed"==u.mode}]),onClick:i[0]||(i[0]=o=>u.$emit("click",e.unref(d)))},{icon:e.withCtx(()=>[e.renderSlot(u.$slots,"icon",{},()=>["embed"==u.mode?(e.openBlock(),e.createBlock(e.unref(o),{key:0,rotate:"plus"==e.unref(d)?180:0},null,8,["rotate"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},["minus"==e.unref(d)?(e.openBlock(),e.createBlock(e.unref(n),{key:0})):(e.openBlock(),e.createBlock(e.unref(s),{key:1}))],64))])]),_:3},8,["size","disabled","class"]))}});module.exports=u;
+"use strict";const e=require("vue"),o=require("../_shared/icons/IconArrowDown.vue.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../_shared/utils/locale.js"),/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const n=require("../_shared/icons/IconMinus.vue2.js"),s=require("../_shared/icons/IconPlus.vue.js"),r=require("../Button/index.js"),u=e.defineComponent({__name:"InputOperaBtn",props:{mode:{},type:{},disabled:{type:Boolean},computedValue:{},min:{},max:{},size:{}},emits:["click"],setup(u){const i=u,{disabled:t,computedValue:l,min:c,max:a,type:d}=e.toRefs(i),m=e.computed(()=>t.value?t.value:"minus"==d.value?+l.value<=c.value:+l.value>=a.value);return(u,i)=>(e.openBlock(),e.createBlock(e.unref(r.default),{size:u.size,disabled:m.value,class:e.normalizeClass([{"yc-input-number-plus-embed":"embed"==u.mode}]),onClick:i[0]||(i[0]=o=>u.$emit("click",e.unref(d)))},{icon:e.withCtx(()=>[e.renderSlot(u.$slots,"icon",{},()=>["embed"==u.mode?(e.openBlock(),e.createBlock(e.unref(o),{key:0,rotate:"plus"==e.unref(d)?180:0},null,8,["rotate"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},["minus"==e.unref(d)?(e.openBlock(),e.createBlock(e.unref(n),{key:0})):(e.openBlock(),e.createBlock(e.unref(s),{key:1}))],64))])]),_:3},8,["size","disabled","class"]))}});module.exports=u;

package/lib/InputNumber/index.d.ts

@@ -34,7 +34,7 @@ declare const InputNumber: {
         defaultValue: import('./type').InputNumberValue;
         allowClear: boolean;
         readonly: boolean;
-        inputAttrs: import('../_shared/type').ObjectData;
+        inputAttrs: import('..').RecordType;
         max: number;
         min: number;
         precision: number;
@@ -57,7 +57,7 @@ declare const InputNumber: {
                 readonly wordLength?: import('..').WordLength | undefined;
                 readonly wordSlice?: import('..').WordSlice | undefined;
                 readonly showWordLimit?: boolean | undefined;
-                readonly inputAttrs?: import('../_shared/type').ObjectData | undefined;
+                readonly inputAttrs?: import('..').RecordType | undefined;
                 readonly isPassword?: boolean | undefined;
                 readonly visibility?: boolean | undefined;
                 readonly defaultVisibility?: boolean | undefined;
@@ -129,7 +129,7 @@ declare const InputNumber: {
                 readonly: boolean;
                 wordLength: import('..').WordLength;
                 wordSlice: import('..').WordSlice;
-                inputAttrs: import('../_shared/type').ObjectData;
+                inputAttrs: import('..').RecordType;
                 isPassword: boolean;
                 visibility: boolean;
                 defaultVisibility: boolean;
@@ -168,7 +168,7 @@ declare const InputNumber: {
             readonly: boolean;
             wordLength: import('..').WordLength;
             wordSlice: import('..').WordSlice;
-            inputAttrs: import('../_shared/type').ObjectData;
+            inputAttrs: import('..').RecordType;
             isPassword: boolean;
             visibility: boolean;
             defaultVisibility: boolean;
@@ -221,7 +221,7 @@ declare const InputNumber: {
         defaultValue: import('./type').InputNumberValue;
         allowClear: boolean;
         readonly: boolean;
-        inputAttrs: import('../_shared/type').ObjectData;
+        inputAttrs: import('..').RecordType;
         max: number;
         min: number;
         precision: number;
@@ -262,7 +262,7 @@ declare const InputNumber: {
     defaultValue: import('./type').InputNumberValue;
     allowClear: boolean;
     readonly: boolean;
-    inputAttrs: import('../_shared/type').ObjectData;
+    inputAttrs: import('..').RecordType;
     max: number;
     min: number;
     precision: number;

package/lib/InputNumber/type.d.ts

@@ -1,4 +1,4 @@
-import { Size, ObjectData } from '../_shared/type';
+import { Size, RecordType, Format } from '../_shared/type';
 import { VNode } from 'vue';
 export interface InputNumberProps {
     modelValue?: InputNumberValue;
@@ -14,10 +14,10 @@ export interface InputNumberProps {
     hideButton?: boolean;
     size?: Size;
     allowClear?: boolean;
-    formatter?: InputNumberFormatter;
+    formatter?: Format<string>;
     parser?: InputNumberParser;
     readonly?: boolean;
-    inputAttrs?: ObjectData;
+    inputAttrs?: RecordType;
 }
 export interface InputNumberEmits {
     (e: 'update:modelValue', value: InputNumberValue): void;
@@ -44,5 +44,4 @@ export interface InputNumberExpose {
 }
 export type InputNumberValue = number | string;
 export type InputNumberMode = 'embed' | 'button';
-export type InputNumberFormatter = (value: string) => string;
 export type InputNumberParser = (value: string) => string;

package/lib/InputTag/index.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),l=require("../node_modules/nanoid/index.browser.js"),a=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js");const t=require("../_shared/utils/dom.js"),u=require("../_shared/utils/is.js");require("../_shared/utils/time.js");const o=require("../_shared/utils/global-config.js");require("../_shared/utils/locale.js");const r=require("../_shared/utils/control.js"),n=require("../Tag/index.js"),s=;/* empty css                                          */;/* empty css                                           */const i=;/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const d=["disabled","readonly","placeholder"],c=e.defineComponent({name:"InputTag",__name:"index",props:{modelValue:{default:void 0},defaultValue:{default:()=>[]},inputValue:{default:void 0},defaultInputValue:{default:""},placeholder:{default:""},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},size:{default:void 0},maxTagCount:{default:0},retainInputValue:{type:[Boolean,Object],default:!1},formatTag:{},uniqueValue:{type:Boolean,default:!1},tagNowrap:{type:Boolean,default:!1},fieldNames:{default:()=>({id:"id",label:"label",value:"value",closeable:"closeable",tagProps:"tagProps"})},allowCreate:{type:Boolean,default:!0}},emits:["update:modelValue","update:inputValue","input","input-value-change","focus","blur","press-enter","remove","clear"],setup(c,{expose:v,emit:p}){const f=c,m=p,{modelValue:g,defaultValue:b,inputValue:h,defaultInputValue:y,allowClear:x,disabled:k,readonly:w,uniqueValue:V,retainInputValue:B,allowCreate:C,maxTagCount:_,fieldNames:j,tagNowrap:q}=e.toRefs(f),{size:N}=o.getGlobalConfig(f),T=e.ref(),E=e.ref(),I=e.computed(()=>Object.fromEntries(["id","label","value","closable","tagProps"].map(e=>[e,j.value[e]??e]))),{width:P}=a.useElementSize(E,void 0,{box:"border-box"}),S=r(g,b.value,e=>m("update:modelValue",e),e=>{const{id:a,label:t,value:o,closable:r,tagProps:n}=I.value;return e.map(e=>{if(u.isObject(e)){const t=e;return t[a]=t[a]??l.nanoid(),t[r]=t[r]??!0,t[n]=t[n]??{bordered:!0,nowrap:q.value},e}const s={};return s[a]=l.nanoid(),s[t]=e,s[o]=e,s[r]=!0,s[n]={bordered:!0,nowrap:q.value},s})}),z=r(h,y.value,e=>{m("update:inputValue",e)}),$=e.computed(()=>({visibleList:_.value>0?S.value.slice(0,_.value):S.value,hideList:S.value.slice(_.value)})),D=e.computed(()=>x.value&&!k.value&&!w.value&&S.value.length),L=()=>{u.isBoolean(B.value)&&B.value||u.isObject(B.value)&&B.value.create||(z.value="")},O=(e,a,t)=>{var u,o;const r=null==(u=z.value)?void 0:u.trim();switch(e){case"input":case"input-value-change":{const{value:l}=a.target;m(e,l,a)}break;case"focus":case"blur":m(e,a),"blur"==e&&L();break;case"pressEnter":{const{label:e,value:t,id:u}=I.value,o=!V.value||V.value&&!S.value.find(e=>((null==e?void 0:e[t])??e)==r);if(!r||!C.value||!o)return;const n={};n[u]=l.nanoid(),n[e]=z.value,n[t]=z.value,S.value=[...S.value,n],m("press-enter",a),L()}break;case"close":{const e=S.value,l=e.find(e=>e.id==t);S.value=e.filter(e=>e.id!=t),m("remove",null==l?void 0:l.value,a)}break;case"remove":{if(r||!(null==(o=S.value)?void 0:o.length))return;const e=S.value[S.value.length-1];S.value=S.value.slice(0,S.value.length-1),m("remove",e.value,a)}break;case"clear":S.value=[],m("clear",a)}};return v({focus(){var e;null==(e=T.value)||e.focus()},blur(){var e;null==(e=T.value)||e.blur()}}),(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-input-tag",`yc-input-tag-size-${e.unref(N)}`,{"yc-input-tag-no-value":!e.unref(S).length,"yc-input-tag-disabled":e.unref(k),"yc-input-tag-error":l.error,"yc-input-tag-has-suffix":l.$slots.suffix||D.value}]),onMousedown:a[8]||(a[8]=e=>e.preventDefault()),onClick:a[9]||(a[9]=e=>{var l;return null==(l=T.value)?void 0:l.focus()})},[l.$slots.prefix?(e.openBlock(),e.createBlock(e.unref(i),{key:0,class:"yc-input-tag-prefix"},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"prefix")]),_:3})):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"yc-input-tag-mirror",ref_key:"mirrorRef",ref:E},e.toDisplayString(e.unref(z)||(e.unref(S).length?"":l.placeholder)),513),e.createVNode(e.TransitionGroup,{name:"input-tag-zoom",tag:"div",class:"yc-input-tag-inner"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList($.value.visibleList,a=>e.renderSlot(l.$slots,"tag",{key:null==a?void 0:a[I.value.id],tag:a},()=>[e.createVNode(e.unref(n),{closable:a[I.value.closable],bordered:a[I.value.tagProps].bordered,nowrap:a[I.value.tagProps].nowrap,checked:!1,onClose:e=>O("close",e,null==a?void 0:a[I.value.id])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.formatTag?l.formatTag(a):a[I.value.label]),1)]),_:2},1032,["closable","bordered","nowrap","onClose"])])),128)),e.unref(_)>0&&e.unref(S).length>e.unref(_)?(e.openBlock(),e.createBlock(e.unref(n),{nowrap:e.unref(q),checked:!1,bordered:"",key:"yc-select-value-tag"},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString($.value.hideList.length)+"... ",1)]),_:1},8,["nowrap"])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":a[0]||(a[0]=l=>e.isRef(z)?z.value=l:null),key:"yc-input-tag-input",disabled:e.unref(k),readonly:e.unref(w),placeholder:e.unref(S).length?"":l.placeholder,style:e.normalizeStyle({width:e.unref(t.valueToPx)(e.unref(P))}),class:"yc-input-tag-input",ref_key:"inputRef",ref:T,onInput:a[1]||(a[1]=e=>O("input",e)),onChange:a[2]||(a[2]=e=>O("input-value-change",e)),onFocus:a[3]||(a[3]=e=>O("focus",e)),onBlur:a[4]||(a[4]=e=>O("blur",e)),onKeydown:[a[5]||(a[5]=e.withKeys(e=>O("pressEnter",e),["enter"])),a[6]||(a[6]=e.withKeys(e=>O("remove",e),["delete"]))]},null,44,d),[[e.vModelText,e.unref(z)]])]),_:3}),l.$slots.suffix||D.value?(e.openBlock(),e.createBlock(e.unref(i),{key:1,class:"yc-input-tag-suffix"},{default:e.withCtx(()=>[D.value?(e.openBlock(),e.createBlock(e.unref(s),{key:0,class:"yc-input-tag-clear-button",onClick:a[7]||(a[7]=e=>O("clear",e))})):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"suffix")]),_:3})):e.createCommentVNode("",!0)],34))}});module.exports=c;
+"use strict";const e=require("vue"),l=require("../node_modules/nanoid/index.browser.js"),a=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js");const t=require("../_shared/utils/dom.js"),u=require("../_shared/utils/is.js");require("../_shared/utils/time.js");const o=require("../_shared/utils/global-config.js");require("../_shared/utils/locale.js");const r=require("../_shared/utils/control.js"),n=require("../Tag/index.js"),s=;/* empty css                                           */;/* empty css                                          */const i=;/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const d=["disabled","readonly","placeholder"],c=e.defineComponent({name:"InputTag",__name:"index",props:{modelValue:{default:void 0},defaultValue:{default:()=>[]},inputValue:{default:void 0},defaultInputValue:{default:""},placeholder:{default:""},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},size:{default:void 0},maxTagCount:{default:0},retainInputValue:{type:[Boolean,Object],default:!1},formatTag:{},uniqueValue:{type:Boolean,default:!1},tagNowrap:{type:Boolean,default:!1},fieldNames:{default:()=>({id:"id",label:"label",value:"value",closeable:"closeable",tagProps:"tagProps"})},allowCreate:{type:Boolean,default:!0}},emits:["update:modelValue","update:inputValue","input","input-value-change","focus","blur","press-enter","remove","clear"],setup(c,{expose:v,emit:p}){const f=c,m=p,{modelValue:g,defaultValue:b,inputValue:h,defaultInputValue:y,allowClear:x,disabled:k,readonly:w,uniqueValue:V,retainInputValue:B,allowCreate:C,maxTagCount:_,fieldNames:j,tagNowrap:q}=e.toRefs(f),{size:N}=o.getGlobalConfig(f),T=e.ref(),E=e.ref(),I=e.computed(()=>Object.fromEntries(["id","label","value","closable","tagProps"].map(e=>[e,j.value[e]??e]))),{width:P}=a.useElementSize(E,void 0,{box:"border-box"}),S=r(g,b.value,e=>m("update:modelValue",e),e=>{const{id:a,label:t,value:o,closable:r,tagProps:n}=I.value;return e.map(e=>{if(u.isObject(e)){const t=e;return t[a]=t[a]??l.nanoid(),t[r]=t[r]??!0,t[n]=t[n]??{bordered:!0,nowrap:q.value},e}const s={};return s[a]=l.nanoid(),s[t]=e,s[o]=e,s[r]=!0,s[n]={bordered:!0,nowrap:q.value},s})}),z=r(h,y.value,e=>{m("update:inputValue",e)}),$=e.computed(()=>({visibleList:_.value>0?S.value.slice(0,_.value):S.value,hideList:S.value.slice(_.value)})),D=e.computed(()=>x.value&&!k.value&&!w.value&&S.value.length),L=()=>{u.isBoolean(B.value)&&B.value||u.isObject(B.value)&&B.value.create||(z.value="")},O=(e,a,t)=>{var u,o;const r=null==(u=z.value)?void 0:u.trim();switch(e){case"input":case"input-value-change":{const{value:l}=a.target;m(e,l,a)}break;case"focus":case"blur":m(e,a),"blur"==e&&L();break;case"pressEnter":{const{label:e,value:t,id:u}=I.value,o=!V.value||V.value&&!S.value.find(e=>((null==e?void 0:e[t])??e)==r);if(!r||!C.value||!o)return;const n={};n[u]=l.nanoid(),n[e]=z.value,n[t]=z.value,S.value=[...S.value,n],m("press-enter",a),L()}break;case"close":{const e=S.value,l=e.find(e=>e.id==t);S.value=e.filter(e=>e.id!=t),m("remove",null==l?void 0:l.value,a)}break;case"remove":{if(r||!(null==(o=S.value)?void 0:o.length))return;const e=S.value[S.value.length-1];S.value=S.value.slice(0,S.value.length-1),m("remove",e.value,a)}break;case"clear":S.value=[],m("clear",a)}};return v({focus(){var e;null==(e=T.value)||e.focus()},blur(){var e;null==(e=T.value)||e.blur()}}),(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-input-tag",`yc-input-tag-size-${e.unref(N)}`,{"yc-input-tag-no-value":!e.unref(S).length,"yc-input-tag-disabled":e.unref(k),"yc-input-tag-error":l.error,"yc-input-tag-has-suffix":l.$slots.suffix||D.value}]),onMousedown:a[8]||(a[8]=e=>e.preventDefault()),onClick:a[9]||(a[9]=e=>{var l;return null==(l=T.value)?void 0:l.focus()})},[l.$slots.prefix?(e.openBlock(),e.createBlock(e.unref(i),{key:0,class:"yc-input-tag-prefix"},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"prefix")]),_:3})):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"yc-input-tag-mirror",ref_key:"mirrorRef",ref:E},e.toDisplayString(e.unref(z)||(e.unref(S).length?"":l.placeholder)),513),e.createVNode(e.TransitionGroup,{name:"input-tag-zoom",tag:"div",class:"yc-input-tag-inner"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList($.value.visibleList,a=>e.renderSlot(l.$slots,"tag",{key:null==a?void 0:a[I.value.id],tag:a},()=>[e.createVNode(e.unref(n),{closable:a[I.value.closable],bordered:a[I.value.tagProps].bordered,nowrap:a[I.value.tagProps].nowrap,checked:!1,onClose:e=>O("close",e,null==a?void 0:a[I.value.id])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.formatTag?l.formatTag(a):a[I.value.label]),1)]),_:2},1032,["closable","bordered","nowrap","onClose"])])),128)),e.unref(_)>0&&e.unref(S).length>e.unref(_)?(e.openBlock(),e.createBlock(e.unref(n),{nowrap:e.unref(q),checked:!1,bordered:"",key:"yc-select-value-tag"},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString($.value.hideList.length)+"... ",1)]),_:1},8,["nowrap"])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":a[0]||(a[0]=l=>e.isRef(z)?z.value=l:null),key:"yc-input-tag-input",disabled:e.unref(k),readonly:e.unref(w),placeholder:e.unref(S).length?"":l.placeholder,style:e.normalizeStyle({width:e.unref(t.valueToPx)(e.unref(P))}),class:"yc-input-tag-input",ref_key:"inputRef",ref:T,onInput:a[1]||(a[1]=e=>O("input",e)),onChange:a[2]||(a[2]=e=>O("input-value-change",e)),onFocus:a[3]||(a[3]=e=>O("focus",e)),onBlur:a[4]||(a[4]=e=>O("blur",e)),onKeydown:[a[5]||(a[5]=e.withKeys(e=>O("pressEnter",e),["enter"])),a[6]||(a[6]=e.withKeys(e=>O("remove",e),["delete"]))]},null,44,d),[[e.vModelText,e.unref(z)]])]),_:3}),l.$slots.suffix||D.value?(e.openBlock(),e.createBlock(e.unref(i),{key:1,class:"yc-input-tag-suffix"},{default:e.withCtx(()=>[D.value?(e.openBlock(),e.createBlock(e.unref(s),{key:0,class:"yc-input-tag-clear-button",onClick:a[7]||(a[7]=e=>O("clear",e))})):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"suffix")]),_:3})):e.createCommentVNode("",!0)],34))}});module.exports=c;

package/lib/InputTag/type.d.ts

@@ -1,4 +1,4 @@
-import { Size, ObjectData } from '../_shared/type';
+import { Size, RecordType, Format } from '../_shared/type';
 import { TagProps } from '../Tag';
 import { VNode } from 'vue';
 export interface InputTagProps {
@@ -14,7 +14,7 @@ export interface InputTagProps {
     size?: Size;
     maxTagCount?: number;
     retainInputValue?: InputRetainValue;
-    formatTag?: FormatTag;
+    formatTag?: Format<TagData>;
     uniqueValue?: boolean;
     tagNowrap?: boolean;
     fieldNames?: Record<string, string>;
@@ -33,7 +33,7 @@ export interface InputTagEmits {
 }
 export interface InputTagSlots {
     tag?: (scope: {
-        tag: ObjectData;
+        tag: RecordType;
     }) => VNode[];
     prefix?: () => VNode[];
     suffix?: () => VNode[];
@@ -42,16 +42,15 @@ export interface InputTagExpose {
     focus(): void;
     blur(): void;
 }
+export type InputTagValue = (string | number | TagData)[];
 export type TagData = {
     id?: string;
     label: string;
     value: string | number;
     closeable?: boolean;
     tagProps?: TagProps;
-} | ObjectData;
-export type InputTagValue = (string | number | TagData)[];
+} | RecordType;
 export type InputRetainValue = boolean | {
     create?: boolean;
     blur?: boolean;
 };
-export type FormatTag = (data: TagData) => string;

package/lib/Layout/LayoutSider.vue.d.ts

@@ -7,24 +7,24 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<LayoutSiderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    collapse: (collapsed: boolean, type: "clickTrigger" | "responsive") => any;
-    breakpoint: (collapsed: boolean) => any;
+    collapse: (collapsed: boolean, type: import('..').collapseType) => any;
     "update:collapsed": (collapsed: boolean) => any;
+    breakpoint: (collapsed: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<LayoutSiderProps> & Readonly<{
-    onCollapse?: ((collapsed: boolean, type: "clickTrigger" | "responsive") => any) | undefined;
-    onBreakpoint?: ((collapsed: boolean) => any) | undefined;
+    onCollapse?: ((collapsed: boolean, type: import('..').collapseType) => any) | undefined;
     "onUpdate:collapsed"?: ((collapsed: boolean) => any) | undefined;
+    onBreakpoint?: ((collapsed: boolean) => any) | undefined;
 }>, {
     width: number;
-    collapsed: boolean;
-    breakpoint: import('..').BreakpointName;
     theme: import('..').Theme;
+    collapsed: boolean;
     defaultCollapsed: boolean;
     collapsedWidth: number;
+    breakpoint: import('..').BreakpointName;
     collapsible: boolean;
     reverseArrow: boolean;
     hideTrigger: boolean;
-    resizeDirections: import('./type').ResizeDirections;
+    resizeDirections: import('../ResizeBox').ResizeBoxDirection[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/lib/Layout/LayoutSider.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const r=require("../_shared/utils/dom.js");require("../_shared/utils/time.js"),require("../_shared/utils/locale.js"),/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const t=require("../_shared/icons/IconArrowRight.vue.js"),l=require("./hooks/useSiderContext.js"),o=require("../ResizeBox/index.js"),a={class:"yc-layout-sider-children"},s={class:"yc-layout-sider-children"},i=e.defineComponent({name:"LayoutSider",inheritAttrs:!1,__name:"LayoutSider",props:{theme:{default:void 0},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean,default:!1},collapsible:{type:Boolean,default:!1},width:{default:200},collapsedWidth:{default:48},reverseArrow:{type:Boolean,default:!1},breakpoint:{default:void 0},hideTrigger:{type:Boolean,default:!1},resizeDirections:{default:()=>[]}},emits:["update:collapsed","collapse","breakpoint"],setup(i,{emit:u}){const n=i,d=u,{collapsible:c,breakpoint:v,hideTrigger:p,collapsedWidth:y,width:f}=e.toRefs(n),{theme:m,computedCollapsed:h}=l.default().provide(n,d),g=e.ref(f.value),k=e.computed(()=>!p.value&&c.value),B=()=>{if(!c.value)return;const e=!h.value;h.value=e,g.value=e?y.value:f.value,d("collapse",e,"clickTrigger")};return r.mediaQueryHandler((e,r,t)=>{if(!c.value||!v.value)return;const l=t<=r[v.value];h.value=l,g.value=l?y.value:f.value,d("collapse",l,"responsive"),d("breakpoint",l)}),(l,i)=>{var u;return l.resizeDirections.length?(e.openBlock(),e.createBlock(e.unref(o),{key:0,width:g.value,"onUpdate:width":i[0]||(i[0]=e=>g.value=e),directions:l.resizeDirections,class:e.normalizeClass(["yc-layout-sider",`yc-layout-sider-${e.unref(m)}`,l.$attrs.class,{"yc-layout-sider-has-trigger":k.value}])},{default:e.withCtx(()=>[e.createElementVNode("div",a,[e.renderSlot(l.$slots,"default")]),k.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-layout-sider-trigger",onClick:B},[e.renderSlot(l.$slots,"trigger",{collapsed:e.unref(h)},()=>[e.createVNode(e.unref(t),{rotate:e.unref(h)&&!l.reverseArrow?0:180},null,8,["rotate"])])])):e.createCommentVNode("",!0)]),_:3},8,["width","directions","class"])):(e.openBlock(),e.createElementBlock("aside",{key:1,class:e.normalizeClass(["yc-layout-sider","yc-layout-sider-translation",`yc-layout-sider-${e.unref(m)}`,l.$attrs.class,{"yc-layout-sider-has-trigger":k.value}]),style:e.normalizeStyle({...l.$attrs.style||{},width:e.unref(h)?e.unref(r.valueToPx)(e.unref(y)):(null==(u=l.$attrs.style)?void 0:u.width)||e.unref(r.valueToPx)(g.value)})},[e.createElementVNode("div",s,[e.renderSlot(l.$slots,"default")]),k.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-layout-sider-trigger",onClick:B},[e.renderSlot(l.$slots,"trigger",{collapsed:e.unref(h)},()=>[e.createVNode(e.unref(t),{rotate:e.unref(h)&&!l.reverseArrow?0:180},null,8,["rotate"])])])):e.createCommentVNode("",!0)],6))}}});module.exports=i;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const r=require("../_shared/utils/dom.js");require("../_shared/utils/time.js"),require("../_shared/utils/locale.js"),/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const t=require("../_shared/icons/IconArrowRight.vue.js"),l=require("./hooks/useSiderContext.js"),o=require("../ResizeBox/index.js"),a={class:"yc-layout-sider-children"},s={class:"yc-layout-sider-children"},i=e.defineComponent({name:"LayoutSider",inheritAttrs:!1,__name:"LayoutSider",props:{theme:{default:void 0},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean,default:!1},collapsible:{type:Boolean,default:!1},width:{default:200},collapsedWidth:{default:48},reverseArrow:{type:Boolean,default:!1},breakpoint:{default:void 0},hideTrigger:{type:Boolean,default:!1},resizeDirections:{default:()=>[]}},emits:["update:collapsed","collapse","breakpoint"],setup(i,{emit:u}){const n=i,d=u,{collapsible:c,breakpoint:v,hideTrigger:p,collapsedWidth:y,width:f}=e.toRefs(n),{theme:m,computedCollapsed:h}=l.default().provide(n,d),g=e.ref(f.value),k=e.computed(()=>!p.value&&c.value),B=()=>{if(!c.value)return;const e=!h.value;h.value=e,g.value=e?y.value:f.value,d("collapse",e,"clickTrigger")};return r.mediaQueryHandler((e,r,t)=>{if(!c.value||!v.value)return;const l=t<=r[v.value];h.value=l,g.value=l?y.value:f.value,d("collapse",l,"responsive"),d("breakpoint",l)}),(l,i)=>{var u;return l.resizeDirections.length?(e.openBlock(),e.createBlock(e.unref(o),{key:0,width:g.value,"onUpdate:width":i[0]||(i[0]=e=>g.value=e),directions:l.resizeDirections,class:e.normalizeClass(["yc-layout-sider",`yc-layout-sider-${e.unref(m)}`,l.$attrs.class,{"yc-layout-sider-has-trigger":k.value}])},{default:e.withCtx(()=>[e.createElementVNode("div",a,[e.renderSlot(l.$slots,"default")]),k.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-layout-sider-trigger",onClick:B},[e.renderSlot(l.$slots,"trigger",{collapsed:e.unref(h)},()=>[e.createVNode(e.unref(t),{rotate:e.unref(h)&&!l.reverseArrow?0:180},null,8,["rotate"])])])):e.createCommentVNode("",!0)]),_:3},8,["width","directions","class"])):(e.openBlock(),e.createElementBlock("aside",{key:1,class:e.normalizeClass(["yc-layout-sider","yc-layout-sider-translation",`yc-layout-sider-${e.unref(m)}`,l.$attrs.class,{"yc-layout-sider-has-trigger":k.value}]),style:e.normalizeStyle({...l.$attrs.style||{},width:e.unref(h)?e.unref(r.valueToPx)(e.unref(y)):(null==(u=l.$attrs.style)?void 0:u.width)||e.unref(r.valueToPx)(g.value)})},[e.createElementVNode("div",s,[e.renderSlot(l.$slots,"default")]),k.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-layout-sider-trigger",onClick:B},[e.renderSlot(l.$slots,"trigger",{collapsed:e.unref(h)},()=>[e.createVNode(e.unref(t),{rotate:e.unref(h)&&!l.reverseArrow?0:180},null,8,["rotate"])])])):e.createCommentVNode("",!0)],6))}}});module.exports=i;

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

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

package/lib/Layout/index.d.ts

@@ -78,24 +78,24 @@ declare const Layout: {
     });
     sider: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').LayoutSiderProps> & Readonly<{
-            onCollapse?: ((collapsed: boolean, type: "clickTrigger" | "responsive") => any) | undefined;
-            onBreakpoint?: ((collapsed: boolean) => any) | undefined;
+            onCollapse?: ((collapsed: boolean, type: import('..').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('..').collapseType) => any;
             "update:collapsed": (collapsed: boolean) => any;
+            breakpoint: (collapsed: boolean) => any;
         }, import('vue').PublicProps, {
             width: number;
-            collapsed: boolean;
-            breakpoint: import('..').BreakpointName;
             theme: import('..').Theme;
+            collapsed: boolean;
             defaultCollapsed: boolean;
             collapsedWidth: number;
+            breakpoint: import('..').BreakpointName;
             collapsible: boolean;
             reverseArrow: boolean;
             hideTrigger: boolean;
-            resizeDirections: import('./type').ResizeDirections;
+            resizeDirections: import('..').ResizeBoxDirection[];
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -104,43 +104,43 @@ declare const Layout: {
             M: {};
             Defaults: {};
         }, Readonly<import('./type').LayoutSiderProps> & Readonly<{
-            onCollapse?: ((collapsed: boolean, type: "clickTrigger" | "responsive") => any) | undefined;
-            onBreakpoint?: ((collapsed: boolean) => any) | undefined;
+            onCollapse?: ((collapsed: boolean, type: import('..').collapseType) => any) | undefined;
             "onUpdate:collapsed"?: ((collapsed: boolean) => any) | undefined;
+            onBreakpoint?: ((collapsed: boolean) => any) | undefined;
         }>, {}, {}, {}, {}, {
             width: number;
-            collapsed: boolean;
-            breakpoint: import('..').BreakpointName;
             theme: import('..').Theme;
+            collapsed: boolean;
             defaultCollapsed: boolean;
             collapsedWidth: number;
+            breakpoint: import('..').BreakpointName;
             collapsible: boolean;
             reverseArrow: boolean;
             hideTrigger: boolean;
-            resizeDirections: import('./type').ResizeDirections;
+            resizeDirections: import('..').ResizeBoxDirection[];
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').LayoutSiderProps> & Readonly<{
-        onCollapse?: ((collapsed: boolean, type: "clickTrigger" | "responsive") => any) | undefined;
-        onBreakpoint?: ((collapsed: boolean) => any) | undefined;
+        onCollapse?: ((collapsed: boolean, type: import('..').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('..').collapseType) => any;
         "update:collapsed": (collapsed: boolean) => any;
+        breakpoint: (collapsed: boolean) => any;
     }, string, {
         width: number;
-        collapsed: boolean;
-        breakpoint: import('..').BreakpointName;
         theme: import('..').Theme;
+        collapsed: boolean;
         defaultCollapsed: boolean;
         collapsedWidth: number;
+        breakpoint: import('..').BreakpointName;
         collapsible: boolean;
         reverseArrow: boolean;
         hideTrigger: boolean;
-        resizeDirections: import('./type').ResizeDirections;
+        resizeDirections: import('..').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('./type').LayoutSiderSlots> & import('./type').LayoutSiderSlots;
     });