yc-design-vue 1.0.2 → 1.0.4

package/lib/Tag/index.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),o=require("../_shared/constants/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const l=require("../_shared/utils/global-config.js"),a=require("../_shared/utils/control.js"),t=require("../Spin/index.js"),c=require("../_shared/components/IconButton.vue.js");;/* empty css                                          */const n={key:0,class:"yc-tag-icon"},s={class:"yc-tag-label"},r=e.defineComponent({name:"Tag",__name:"index",props:{color:{default:"default"},size:{default:void 0},bordered:{type:Boolean,default:!1},visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},closable:{type:Boolean,default:!1},checkable:{type:Boolean,default:!1},checked:{type:Boolean,default:void 0},defaultChecked:{type:Boolean,default:!0},nowrap:{type:Boolean,default:!1}},emits:["update:visible","update:checked","close","check"],setup(r,{emit:d}){const i=r,u=d,{visible:m,defaultVisible:p,checked:y,defaultChecked:f,checkable:k,color:g}=e.toRefs(i),{size:v}=l.getGlobalConfig(i),h=a(m,p.value,e=>u("update:visible",e)),b=a(y,f.value,e=>u("update:checked",e)),B=e.computed(()=>o.TAG_PRESET_COLORS.includes(g.value)?"":g.value),C=(e,o)=>{"close"==e?(h.value=!1,u("close",o)):"check"==e&&k.value&&(b.value=!b.value,u("check",b.value,o))};return(l,a)=>e.unref(h)?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(["yc-tag",`yc-tag-color-${e.unref(g)}`,`yc-tag-size-${["small","medium","large"].includes(e.unref(v))?e.unref(v):"medium"}`,e.unref(o.TAG_PRESET_COLORS).includes(e.unref(g))?"yc-tag-preset-color":"yc-tag-custom-color",l.nowrap?"yc-tag-no-wrap":"yc-tag-wrap",{"yc-tag-loading":l.loading,"yc-tag-bordered":l.bordered,"yc-tag-checked":e.unref(b),"yc-tag-checkable":e.unref(k)}]),style:e.normalizeStyle({background:B.value}),onClick:a[1]||(a[1]=e=>C("check",e))},[l.$slots.icon?(e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(l.$slots,"icon",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",s,[e.renderSlot(l.$slots,"default",{},void 0,!0)]),l.closable?(e.openBlock(),e.createBlock(e.unref(c),{key:1,"hover-size":16,"hover-color":"rgba(255, 255, 255, 0.2)",class:"yc-tag-close-button",onClick:a[0]||(a[0]=e=>C("close",e))},{default:e.withCtx(()=>[l.$slots["close-icon"]?e.renderSlot(l.$slots,"close-icon",{key:0},void 0,!0):e.createCommentVNode("",!0)]),_:3})):e.createCommentVNode("",!0),l.loading?(e.openBlock(),e.createBlock(e.unref(t),{key:2,size:12,class:"yc-tag-loading-icon"})):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0)}});module.exports=r;
+"use strict";const e=require("vue"),o=require("../_shared/constants/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const l=require("../_shared/utils/global-config.js"),a=require("../_shared/utils/control.js"),t=require("../Spin/index.js"),c=require("../_shared/components/IconButton.vue.js");,/* empty css                                          */;/* empty css                              */const n={key:0,class:"yc-tag-icon"},s={class:"yc-tag-label"},r=e.defineComponent({name:"Tag",__name:"index",props:{color:{default:"default"},size:{default:void 0},bordered:{type:Boolean,default:!1},visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},closable:{type:Boolean,default:!1},checkable:{type:Boolean,default:!1},checked:{type:Boolean,default:void 0},defaultChecked:{type:Boolean,default:!0},nowrap:{type:Boolean,default:!1}},emits:["update:visible","update:checked","close","check"],setup(r,{emit:d}){const u=r,i=d,{visible:m,defaultVisible:p,checked:y,defaultChecked:f,checkable:k,color:g}=e.toRefs(u),{size:v}=l.getGlobalConfig(u),h=a(m,p.value,e=>i("update:visible",e)),b=a(y,f.value,e=>i("update:checked",e)),B=e.computed(()=>o.TAG_PRESET_COLORS.includes(g.value)?"":g.value),_=(e,o)=>{"close"==e?(h.value=!1,i("close",o)):"check"==e&&k.value&&(b.value=!b.value,i("check",b.value,o))};return(l,a)=>e.unref(h)?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(["yc-tag",`yc-tag-color-${e.unref(g)}`,`yc-tag-size-${["small","medium","large"].includes(e.unref(v))?e.unref(v):"medium"}`,e.unref(o.TAG_PRESET_COLORS).includes(e.unref(g))?"yc-tag-preset-color":"yc-tag-custom-color",l.nowrap?"yc-tag-no-wrap":"yc-tag-wrap",{"yc-tag-loading":l.loading,"yc-tag-bordered":l.bordered,"yc-tag-checked":e.unref(b),"yc-tag-checkable":e.unref(k)}]),style:e.normalizeStyle({background:B.value}),onClick:a[1]||(a[1]=e=>_("check",e))},[l.$slots.icon?(e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(l.$slots,"icon",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",s,[e.renderSlot(l.$slots,"default",{},void 0,!0)]),l.closable?(e.openBlock(),e.createBlock(e.unref(c),{key:1,"hover-size":16,"hover-color":"rgba(255, 255, 255, 0.2)",class:"yc-tag-close-button",onClick:a[0]||(a[0]=e=>_("close",e))},{default:e.withCtx(()=>[l.$slots["close-icon"]?e.renderSlot(l.$slots,"close-icon",{key:0},void 0,!0):e.createCommentVNode("",!0)]),_:3})):e.createCommentVNode("",!0),l.loading?(e.openBlock(),e.createBlock(e.unref(t),{key:2,size:12,class:"yc-tag-loading-icon"})):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0)}});module.exports=r;

package/lib/Tag/type.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 export interface TagProps {
     color?: string;
     size?: TagSize;
@@ -18,8 +19,8 @@ export interface TagEmits {
     (e: 'check', value: boolean, ev: MouseEvent): void;
 }
 export interface TagSlots {
-    default(): void;
-    icon(): void;
-    ['close-icon'](): void;
+    default?: () => VNode[];
+    icon?: () => VNode[];
+    'close-icon'?: () => VNode[];
 }
 export type TagSize = 'small' | 'medium' | 'large';

package/lib/Textarea/hooks/useTextareaHeight.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const s=require("../../_shared/utils/fn.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                              */module.exports=(o,u)=>{if(!u)return{};const{height:i}=r.useElementSize(o,void 0,{box:"border-box"}),t=e=>14*e*1.5715+8;return{style:e.computed(()=>{const{minRows:e=1,maxRows:r=1e4}=u,o=e<=1?1:e,n=t(e),d=t(r<=o?o:r);let l=i.value;return l=l<n?n:l,l=l>d?d:l,{minHeight:s.valueToPx(n),height:s.valueToPx(l)}})}};
+"use strict";const e=require("vue"),r=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const s=require("../../_shared/utils/fn.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                                  */module.exports=(o,u)=>{if(!u)return{};const{height:i}=r.useElementSize(o,void 0,{box:"border-box"}),t=e=>14*e*1.5715+8;return{style:e.computed(()=>{const{minRows:e=1,maxRows:r=1e4}=u,o=e<=1?1:e,n=t(e),d=t(r<=o?o:r);let l=i.value;return l=l<n?n:l,l=l>d?d:l,{minHeight:s.valueToPx(n),height:s.valueToPx(l)}})}};

package/lib/Textarea/index.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("./hooks/useTextareaHeight.js"),t=require("../Input/hooks/useLimitedInput.js"),o=require("../_shared/components/IconButton.vue.js"),a=require("../_shared/components/PreventFocus.vue.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js"),/* empty css                           */;/* empty css                                          */const n=["value","disabled","readonly","placeholder"],l=e.defineComponent({name:"Textarea",__name:"index",props:{modelValue:{default:void 0},defaultValue:{default:""},placeholder:{default:""},disabled:{type:Boolean,default:!1},error:{type:[Boolean,Object],default:void 0},maxLength:{default:void 0},showWordLimit:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},autoSize:{type:[Boolean,Object],default:!1},wordLength:{type:Function,default:e=>e.length},wordSlice:{type:Function,default:(e,r)=>e.slice(0,r)},enterPrevent:{type:Boolean,default:!1},showMirror:{type:Boolean,default:!1}},emits:["update:modelValue","input","change","clear","focus","blur","keydown"],setup(l,{expose:u,emit:s}){const i=l,c=s,{autoSize:d}=e.toRefs(i),p=e.ref(),f=e.ref(),{error:m,computedValue:y,showWordLimit:h,showClearBtn:v,curLength:k,maxLength:x,handleInput:B,handleComposition:b}=t({props:i,emits:c,inputRef:p}),{style:g}=r(f,d.value),w=async(e,r)=>{switch(e){case"input":B(r);break;case"change":c("change",y.value,r);break;case"focus":case"blur":c(e,r);break;case"clear":y.value="",c("clear",r)}};return u({getInputRef:()=>p.value,getMirrorRef:()=>f.value,focus(){var e;null==(e=p.value)||e.focus()},blur(){var e;null==(e=p.value)||e.blur()}}),(r,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-textarea-wrapper",{"yc-textarea-disabled":r.disabled,"yc-textarea-error":e.unref(m),"yc-textarea-auto-size":e.unref(d)}])},[e.unref(d)||r.showMirror?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-textarea-mirror",ref_key:"mirrorRef",ref:f},e.toDisplayString(e.unref(y)),513)):e.createCommentVNode("",!0),e.createElementVNode("textarea",{value:e.unref(y),disabled:r.disabled,readonly:r.readonly,placeholder:r.placeholder,style:e.normalizeStyle(e.unref(g)),class:"yc-textarea",ref_key:"inputRef",ref:p,onCompositionstart:t[0]||(t[0]=(...r)=>e.unref(b)&&e.unref(b)(...r)),onCompositionupdate:t[1]||(t[1]=(...r)=>e.unref(b)&&e.unref(b)(...r)),onCompositionend:t[2]||(t[2]=(...r)=>e.unref(b)&&e.unref(b)(...r)),onKeydown:t[3]||(t[3]=e=>{"Enter"==e.key&&r.enterPrevent&&e.preventDefault(),r.$emit("keydown",e)}),onInput:t[4]||(t[4]=e=>w("input",e)),onChange:t[5]||(t[5]=e=>w("change",e)),onFocus:t[6]||(t[6]=e=>w("focus",e)),onBlur:t[7]||(t[7]=e=>w("blur",e))},null,44,n),e.unref(h)?(e.openBlock(),e.createBlock(e.unref(a),{key:1,tag:"span",class:"yc-textarea-word-limit"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(k))+" / "+e.toDisplayString(e.unref(x)),1)]),_:1})):e.createCommentVNode("",!0),e.unref(v)?(e.openBlock(),e.createBlock(e.unref(o),{key:2,class:"yc-textarea-clear-button",onClick:t[8]||(t[8]=e=>w("clear",e))})):e.createCommentVNode("",!0)],2))}});module.exports=l;
+"use strict";const e=require("vue"),r=require("./hooks/useTextareaHeight.js"),t=require("../Input/hooks/useLimitedInput.js"),o=require("../_shared/components/IconButton.vue.js"),a=require("../_shared/components/PreventFocus.vue.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js"),/* empty css                               */;/* empty css                                          */const n=["value","disabled","readonly","placeholder"],l=e.defineComponent({name:"Textarea",__name:"index",props:{modelValue:{default:void 0},defaultValue:{default:""},placeholder:{default:""},disabled:{type:Boolean,default:!1},error:{type:[Boolean,Object],default:void 0},maxLength:{default:void 0},showWordLimit:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},autoSize:{type:[Boolean,Object],default:!1},wordLength:{type:Function,default:e=>e.length},wordSlice:{type:Function,default:(e,r)=>e.slice(0,r)},enterPrevent:{type:Boolean,default:!1},showMirror:{type:Boolean,default:!1}},emits:["update:modelValue","input","change","clear","focus","blur","keydown"],setup(l,{expose:u,emit:s}){const i=l,c=s,{autoSize:d}=e.toRefs(i),p=e.ref(),f=e.ref(),{error:m,computedValue:y,showWordLimit:h,showClearBtn:v,curLength:k,maxLength:x,handleInput:B,handleComposition:b}=t({props:i,emits:c,inputRef:p}),{style:g}=r(f,d.value),w=async(e,r)=>{switch(e){case"input":B(r);break;case"change":c("change",y.value,r);break;case"focus":case"blur":c(e,r);break;case"clear":y.value="",c("clear",r)}};return u({getInputRef:()=>p.value,getMirrorRef:()=>f.value,focus(){var e;null==(e=p.value)||e.focus()},blur(){var e;null==(e=p.value)||e.blur()}}),(r,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-textarea-wrapper",{"yc-textarea-disabled":r.disabled,"yc-textarea-error":e.unref(m),"yc-textarea-auto-size":e.unref(d)}])},[e.unref(d)||r.showMirror?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-textarea-mirror",ref_key:"mirrorRef",ref:f},e.toDisplayString(e.unref(y)),513)):e.createCommentVNode("",!0),e.createElementVNode("textarea",{value:e.unref(y),disabled:r.disabled,readonly:r.readonly,placeholder:r.placeholder,style:e.normalizeStyle(e.unref(g)),class:"yc-textarea",ref_key:"inputRef",ref:p,onCompositionstart:t[0]||(t[0]=(...r)=>e.unref(b)&&e.unref(b)(...r)),onCompositionupdate:t[1]||(t[1]=(...r)=>e.unref(b)&&e.unref(b)(...r)),onCompositionend:t[2]||(t[2]=(...r)=>e.unref(b)&&e.unref(b)(...r)),onKeydown:t[3]||(t[3]=e=>{"Enter"==e.key&&r.enterPrevent&&e.preventDefault(),r.$emit("keydown",e)}),onInput:t[4]||(t[4]=e=>w("input",e)),onChange:t[5]||(t[5]=e=>w("change",e)),onFocus:t[6]||(t[6]=e=>w("focus",e)),onBlur:t[7]||(t[7]=e=>w("blur",e))},null,44,n),e.unref(h)?(e.openBlock(),e.createBlock(e.unref(a),{key:1,tag:"span",class:"yc-textarea-word-limit"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(k))+" / "+e.toDisplayString(e.unref(x)),1)]),_:1})):e.createCommentVNode("",!0),e.unref(v)?(e.openBlock(),e.createBlock(e.unref(o),{key:2,class:"yc-textarea-clear-button",onClick:t[8]||(t[8]=e=>w("clear",e))})):e.createCommentVNode("",!0)],2))}});module.exports=l;

package/lib/TimePicker/TimePicker.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const r=require("../_shared/utils/is.js"),l=require("../_shared/utils/time.js"),o=require("../_shared/utils/global-config.js"),t=require("./hooks/useContext.js"),i=require("../_shared/components/IconButton.vue.js");,/* empty css                                          */;/* empty css                          */const a=require("../_shared/icons/IconTime.vue.js"),n=require("../Trigger/index.js"),s=require("./TimePickerPanel.vue.js"),u={key:0,class:"yc-picker-prefix"},c=["value","placeholder","disabled","readonly"],p=["value","placeholder","disabled","readonly"],d={class:"yc-picker-suffix"},f={class:"yc-picker-suffix-icon"},m=e.defineComponent({name:"TimePicker",inheritAttrs:!1,__name:"TimePicker",props:{type:{default:"time"},modelValue:{default:void 0},defaultValue:{default:e=>"time-range"==e.type?[]:""},disabled:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!0},readonly:{type:Boolean,default:!1},error:{type:Boolean,default:!1},format:{default:"HH:mm:ss"},placeholder:{default:e=>"time-range"==e.type?["开始时间","结束时间"]:"请选择时间"},size:{default:void 0},popupContainer:{default:void 0},step:{},disabledHours:{type:Function,default:()=>[]},disabledMinutes:{type:Function,default:()=>[]},disabledSeconds:{type:Function,default:()=>[]},hideDisabledOptions:{type:Boolean,default:!1},disableConfirm:{type:Boolean},position:{default:"bl"},popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},triggerProps:{default:()=>({})},unmountOnClose:{type:Boolean,default:!1}},emits:["update:modelValue","update:popupVisible","change","select","clear","popup-visible-change"],setup(m,{emit:y}){const v=m,k=y,{popupContainer:h,size:b}=o.getGlobalConfig(v),{type:g,computedValue:C,computedVisible:V,showClearBtn:x,readonly:B,disabled:_,curIndex:q,inputRefs:N,format:j}=t().provide(v,k),E=e.ref(),w=()=>{C.value="time-range"==g.value?[]:"",k("clear")},$=e=>{var l;q.value=e,V.value=!0,null==(l=E.value)||l.scroll(r.isArray(C.value)?C.value[e]:C.value)},z=()=>{if(V.value=!1,!r.isArray(C.value))return;const e=C.value[0],o=C.value[1];e&&o?l.isValidTimeRange(e,o,j.value)||(C.value=C.value.reverse()):C.value=[]};return(l,o)=>(e.openBlock(),e.createBlock(e.unref(n),e.mergeProps({"popup-visible":e.unref(V),position:l.position,"popup-container":e.unref(h),"popup-offset":4,"unmount-on-close":l.unmountOnClose,disabled:e.unref(_)||e.unref(B),"on-click-out-side":z,"auto-fit-popup-min-width":!1,"auto-fit-popup-width":!1,trigger:"click","animation-name":"slide-dynamic-origin","prevent-focus":""},l.triggerProps),{content:e.withCtx(()=>[e.createVNode(s,{ref_key:"panelRef",ref:E},e.createSlots({_:2},[l.$slots.extra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"extra",{},void 0,!0)]),key:"0"}:void 0]),1536)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-picker",`yc-picker-size-${e.unref(b)}`,l.$attrs.class,{"yc-picker-disabled":e.unref(_),"yc-picker-error":l.error,"yc-picker-focus":e.unref(V),"yc-picker-has-prefix":l.$slots.prefix,"yc-picker-allow-clear":e.unref(x)}]),style:e.normalizeStyle({...l.$attrs.style||{}})},[l.$slots.prefix?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(l.$slots,"prefix",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["yc-picker-input",{"yc-picker-input-active":!e.unref(q)&&e.unref(V)}]),onClick:o[0]||(o[0]=e.withModifiers(e=>$(0),["stop"]))},[e.createElementVNode("input",{value:e.unref(r.isArray)(e.unref(C))?e.unref(C)[0]:e.unref(C),placeholder:e.unref(r.isArray)(l.placeholder)?l.placeholder[0]:l.placeholder,disabled:e.unref(_),readonly:e.unref(B),ref:r=>e.unref(N)[0]=r,class:"yc-picker-start-time"},null,8,c)],2),"time-range"==e.unref(g)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o[2]||(o[2]=e.createElementVNode("span",{class:"yc-picker-separator"}," - ",-1)),e.createElementVNode("div",{class:e.normalizeClass(["yc-picker-input",{"yc-picker-input-active":e.unref(q)&&e.unref(V)}]),onClick:o[1]||(o[1]=e.withModifiers(e=>$(1),["stop"]))},[e.createElementVNode("input",{value:e.unref(r.isArray)(e.unref(C))?e.unref(C)[1]:e.unref(C),placeholder:e.unref(r.isArray)(l.placeholder)?l.placeholder[1]:l.placeholder,disabled:e.unref(_),readonly:e.unref(B),ref:r=>e.unref(N)[1]=r,class:"yc-picker-start-time"},null,8,p)],2)],64)):e.createCommentVNode("",!0),e.createElementVNode("div",d,[e.unref(x)?(e.openBlock(),e.createBlock(e.unref(i),{key:0,size:14,class:"yc-picker-clear-icon",onClick:w})):e.createCommentVNode("",!0),e.createElementVNode("span",f,[e.renderSlot(l.$slots,"suffix-icon",{},()=>[e.createVNode(e.unref(a))],!0)])])],6)]),_:3},16,["popup-visible","position","popup-container","unmount-on-close","disabled"]))}});module.exports=m;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const r=require("../_shared/utils/is.js"),l=require("../_shared/utils/time.js"),o=require("../_shared/utils/global-config.js"),t=require("./hooks/useContext.js"),i=require("../_shared/components/IconButton.vue.js");,/* empty css                                          */;/* empty css                              */const a=require("../_shared/icons/IconTime.vue.js"),n=require("../Trigger/index.js"),s=require("./TimePickerPanel.vue.js"),u={key:0,class:"yc-picker-prefix"},c=["value","placeholder","disabled","readonly"],p=["value","placeholder","disabled","readonly"],d={class:"yc-picker-suffix"},f={class:"yc-picker-suffix-icon"},m=e.defineComponent({name:"TimePicker",inheritAttrs:!1,__name:"TimePicker",props:{type:{default:"time"},modelValue:{default:void 0},defaultValue:{default:e=>"time-range"==e.type?[]:""},disabled:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!0},readonly:{type:Boolean,default:!1},error:{type:Boolean,default:!1},format:{default:"HH:mm:ss"},placeholder:{default:e=>"time-range"==e.type?["开始时间","结束时间"]:"请选择时间"},size:{default:void 0},popupContainer:{default:void 0},step:{},disabledHours:{type:Function,default:()=>[]},disabledMinutes:{type:Function,default:()=>[]},disabledSeconds:{type:Function,default:()=>[]},hideDisabledOptions:{type:Boolean,default:!1},disableConfirm:{type:Boolean},position:{default:"bl"},popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},triggerProps:{default:()=>({})},unmountOnClose:{type:Boolean,default:!1}},emits:["update:modelValue","update:popupVisible","change","select","clear","popup-visible-change"],setup(m,{emit:y}){const v=m,k=y,{popupContainer:h,size:b}=o.getGlobalConfig(v),{type:g,computedValue:C,computedVisible:V,showClearBtn:x,readonly:B,disabled:_,curIndex:q,inputRefs:N,format:j}=t().provide(v,k),E=e.ref(),w=()=>{C.value="time-range"==g.value?[]:"",k("clear")},$=e=>{var l;q.value=e,V.value=!0,null==(l=E.value)||l.scroll(r.isArray(C.value)?C.value[e]:C.value)},z=()=>{if(V.value=!1,!r.isArray(C.value))return;const e=C.value[0],o=C.value[1];e&&o?l.isValidTimeRange(e,o,j.value)||(C.value=C.value.reverse()):C.value=[]};return(l,o)=>(e.openBlock(),e.createBlock(e.unref(n),e.mergeProps({"popup-visible":e.unref(V),position:l.position,"popup-container":e.unref(h),"popup-offset":4,"unmount-on-close":l.unmountOnClose,disabled:e.unref(_)||e.unref(B),"on-click-out-side":z,"auto-fit-popup-min-width":!1,"auto-fit-popup-width":!1,trigger:"click","animation-name":"slide-dynamic-origin","prevent-focus":""},l.triggerProps),{content:e.withCtx(()=>[e.createVNode(s,{ref_key:"panelRef",ref:E},e.createSlots({_:2},[l.$slots.extra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"extra",{},void 0,!0)]),key:"0"}:void 0]),1536)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-picker",`yc-picker-size-${e.unref(b)}`,l.$attrs.class,{"yc-picker-disabled":e.unref(_),"yc-picker-error":l.error,"yc-picker-focus":e.unref(V),"yc-picker-has-prefix":l.$slots.prefix,"yc-picker-allow-clear":e.unref(x)}]),style:e.normalizeStyle({...l.$attrs.style||{}})},[l.$slots.prefix?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(l.$slots,"prefix",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["yc-picker-input",{"yc-picker-input-active":!e.unref(q)&&e.unref(V)}]),onClick:o[0]||(o[0]=e.withModifiers(e=>$(0),["stop"]))},[e.createElementVNode("input",{value:e.unref(r.isArray)(e.unref(C))?e.unref(C)[0]:e.unref(C),placeholder:e.unref(r.isArray)(l.placeholder)?l.placeholder[0]:l.placeholder,disabled:e.unref(_),readonly:e.unref(B),ref:r=>e.unref(N)[0]=r,class:"yc-picker-start-time"},null,8,c)],2),"time-range"==e.unref(g)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o[2]||(o[2]=e.createElementVNode("span",{class:"yc-picker-separator"}," - ",-1)),e.createElementVNode("div",{class:e.normalizeClass(["yc-picker-input",{"yc-picker-input-active":e.unref(q)&&e.unref(V)}]),onClick:o[1]||(o[1]=e.withModifiers(e=>$(1),["stop"]))},[e.createElementVNode("input",{value:e.unref(r.isArray)(e.unref(C))?e.unref(C)[1]:e.unref(C),placeholder:e.unref(r.isArray)(l.placeholder)?l.placeholder[1]:l.placeholder,disabled:e.unref(_),readonly:e.unref(B),ref:r=>e.unref(N)[1]=r,class:"yc-picker-start-time"},null,8,p)],2)],64)):e.createCommentVNode("",!0),e.createElementVNode("div",d,[e.unref(x)?(e.openBlock(),e.createBlock(e.unref(i),{key:0,size:14,class:"yc-picker-clear-icon",onClick:w})):e.createCommentVNode("",!0),e.createElementVNode("span",f,[e.renderSlot(l.$slots,"suffix-icon",{},()=>[e.createVNode(e.unref(a))],!0)])])],6)]),_:3},16,["popup-visible","position","popup-container","unmount-on-close","disabled"]))}});module.exports=m;

package/lib/TimePicker/TimePickerPanel.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),l=require("../node_modules/b-tween/dist/b-tween.es.js"),t=require("../node_modules/dayjs/dayjs.min.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const r=require("../_shared/utils/fn.js"),o=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const u=require("./hooks/useContext.js"),i=require("../Button/index.js"),a=require("../Scrollbar/index.js"),n={class:"yc-timepicker-container"},s={class:"yc-timepicker"},c=["onClick"],d={class:"yc-timepicker-cell-inner"},m={key:0,class:"yc-timepicker-footer-extra-wrapper"},v={key:1,class:"yc-timepicker-footer-btn-wrapper"},p=e.defineComponent({__name:"TimePickerPanel",setup(p,{expose:f}){const{timeColumn:k,timeColumnCells:y,curValue:h,format:_,computedValue:C,computedVisible:b,disableConfirm:j,hideDisabledOptions:q,curIndex:x,inputRefs:B,disabledHours:g,disabledMinutes:w,disabledSeconds:E}=u().inject(),V=e.ref([]),N=e.computed(()=>!h.value.length||h.value.some(e=>!`${e}`)),S=(e,l)=>{var t,r,o;return"hour"==l?null==(t=null==g?void 0:g())?void 0:t.includes(e):"minute"==l?null==(r=null==w?void 0:w(...h.value))?void 0:r.includes(e):null==(o=null==E?void 0:E(...h.value))?void 0:o.includes(e)},T=(e,t,r)=>{h.value[t]=e,k.value.forEach((e,l)=>{h.value[l]=o.isUndefined(h.value[l])?0:h.value[l]});const u=V.value[t].getScrollRef();new l({from:{scroll:u.scrollTop},to:{scroll:r.offsetTop},duration:300,easing:"quadOut",onUpdate:e=>{u.scrollTo({top:e.scroll,behavior:"instant"})}}).start(),j.value&&z()},D=e=>{const l=V.value.map(e=>e.getScrollRef().querySelectorAll(".yc-timepicker-cell"));k.value.map((t,r)=>{const o=e[t];T(o,r,Array.from(l[r])[o])})},z=()=>{var e;let l=t();k.value.forEach((e,t)=>{l=l.set(e,h.value[t])});const r=l.format(_.value);if(o.isArray(C.value)){if(C.value[x.value]=r,j.value)return;if(x.value||C.value[x.value+1])return b.value=!1;x.value++,null==(e=B.value[x.value])||e.focus(),h.value=[]}else b.value=!1,C.value=r};return f({async scroll(e){if(!b.value||!e)return;await r.sleep(0);const l=t(e,_.value),o={hour:l.hour(),minute:l.minute(),second:l.second()};h.value=k.value.map(e=>o[e]),D(o)}}),(l,t)=>(e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("div",s,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),(l,t)=>(e.openBlock(),e.createElementBlock("div",{key:t,class:"yc-timepicker-column"},[e.createVNode(e.unref(a),{"outer-style":{height:"100%"},style:{height:"100%",overflow:"auto"},ref_for:!0,ref:e=>V.value[t]=e},{default:e.withCtx(()=>[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.cells,r=>e.withDirectives((e.openBlock(),e.createElementBlock("li",{key:r.value,class:e.normalizeClass(["yc-timepicker-cell",{"yc-timepicker-cell-selected":r.value==e.unref(h)[t],"yc-timepicker-cell-disabled":S(r.value,l.unit)}]),onClick:e=>!S(r.value,l.unit)&&T(r.value,t,e.target)},[e.createElementVNode("div",d,e.toDisplayString(r.label),1)],10,c)),[[e.vShow,!e.unref(q)||!S(r.value,l.unit)]])),128))])]),_:2},1536)]))),128))]),l.$slots.extra?(e.openBlock(),e.createElementBlock("div",m,[e.renderSlot(l.$slots,"extra",{},void 0,!0)])):e.createCommentVNode("",!0),e.unref(j)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",v,[e.createVNode(e.unref(i.default),{size:"mini",onClick:t[0]||(t[0]=()=>{const e=new Date;D({hour:e.getHours(),minute:e.getMinutes(),second:e.getSeconds()})})},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("此刻",-1)])),_:1,__:[1]}),e.createVNode(e.unref(i.default),{type:"primary",size:"mini",disabled:N.value,onClick:z},{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode(" 确定 ",-1)])),_:1,__:[2]},8,["disabled"])]))]))}});module.exports=p;
+"use strict";const e=require("vue"),l=require("../node_modules/b-tween/dist/b-tween.es.js"),t=require("../node_modules/dayjs/dayjs.min.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const r=require("../_shared/utils/fn.js"),o=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const u=require("./hooks/useContext.js"),i=require("../Button/index.js"),a=require("../Scrollbar/index.js"),n={class:"yc-timepicker-container"},s={class:"yc-timepicker"},c=["onClick"],d={class:"yc-timepicker-cell-inner"},m={key:0,class:"yc-timepicker-footer-extra-wrapper"},v={key:1,class:"yc-timepicker-footer-btn-wrapper"},p=e.defineComponent({__name:"TimePickerPanel",setup(p,{expose:f}){const{timeColumn:k,timeColumnCells:y,curValue:h,format:_,computedValue:C,computedVisible:b,disableConfirm:j,hideDisabledOptions:q,curIndex:x,inputRefs:B,disabledHours:g,disabledMinutes:w,disabledSeconds:E}=u().inject(),V=e.ref([]),N=e.computed(()=>!h.value.length||h.value.some(e=>!`${e}`)),S=(e,l)=>{var t,r,o;return"hour"==l?null==(t=null==g?void 0:g())?void 0:t.includes(e):"minute"==l?null==(r=null==w?void 0:w(...h.value))?void 0:r.includes(e):null==(o=null==E?void 0:E(...h.value))?void 0:o.includes(e)},T=(e,t,r)=>{h.value[t]=e,k.value.forEach((e,l)=>{h.value[l]=o.isUndefined(h.value[l])?0:h.value[l]});const u=V.value[t].getScrollRef();new l({from:{scroll:u.scrollTop},to:{scroll:r.offsetTop},duration:300,easing:"quadOut",onUpdate:e=>{u.scrollTo({top:e.scroll,behavior:"instant"})}}).start(),j.value&&z()},D=e=>{const l=V.value.map(e=>e.getScrollRef().querySelectorAll(".yc-timepicker-cell"));k.value.map((t,r)=>{const o=e[t];T(o,r,Array.from(l[r])[o])})},z=()=>{var e;let l=t();k.value.forEach((e,t)=>{l=l.set(e,h.value[t])});const r=l.format(_.value);if(o.isArray(C.value)){if(C.value[x.value]=r,j.value)return;if(x.value||C.value[x.value+1])return b.value=!1;x.value++,null==(e=B.value[x.value])||e.focus(),h.value=[]}else b.value=!1,C.value=r};return f({async scroll(e){if(!b.value||!e)return;await r.sleep(0);const l=t(e,_.value),o={hour:l.hour(),minute:l.minute(),second:l.second()};h.value=k.value.map(e=>o[e]),D(o)}}),(l,t)=>(e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("div",s,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),(l,t)=>(e.openBlock(),e.createElementBlock("div",{key:t,class:"yc-timepicker-column"},[e.createVNode(e.unref(a),{"outer-style":{height:"100%"},style:{height:"100%",overflow:"auto"},ref_for:!0,ref:e=>V.value[t]=e},{default:e.withCtx(()=>[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.cells,r=>e.withDirectives((e.openBlock(),e.createElementBlock("li",{key:r.value,class:e.normalizeClass(["yc-timepicker-cell",{"yc-timepicker-cell-selected":r.value==e.unref(h)[t],"yc-timepicker-cell-disabled":S(r.value,l.unit)}]),onClick:e=>!S(r.value,l.unit)&&T(r.value,t,e.target)},[e.createElementVNode("div",d,e.toDisplayString(r.label),1)],10,c)),[[e.vShow,!e.unref(q)||!S(r.value,l.unit)]])),128))])]),_:2},1536)]))),128))]),l.$slots.extra?(e.openBlock(),e.createElementBlock("div",m,[e.renderSlot(l.$slots,"extra",{},void 0,!0)])):e.createCommentVNode("",!0),e.unref(j)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",v,[e.createVNode(e.unref(i.default),{size:"mini",onClick:t[0]||(t[0]=()=>{const e=new Date;D({hour:e.getHours(),minute:e.getMinutes(),second:e.getSeconds()})})},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("此刻",-1)])),_:1,__:[1]}),e.createVNode(e.unref(i.default),{type:"primary",size:"mini",disabled:N.value,onClick:z},{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode(" 确定 ",-1)])),_:1,__:[2]},8,["disabled"])]))]))}});module.exports=p;

package/lib/TimePicker/hooks/useContext.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const u=require("../../_shared/utils/is.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                              */const s=require("../../_shared/utils/control.js"),l="time-picker-context";module.exports=()=>({provide:(i,r)=>{const{modelValue:t,defaultValue:o,popupVisible:d,defaultPopupVisible:a,disabled:n,readonly:c,allowClear:p,format:m,type:f,disableConfirm:b,hideDisabledOptions:h,step:v}=e.toRefs(i),{disabledHours:V,disabledMinutes:C,disabledSeconds:y}=i,j=s(t,o.value,e=>{r("update:modelValue",e)}),q=e.ref(0),_=e.ref([]),x=s(d,a.value,e=>{r("update:popupVisible",e),r("popup-visible-change",e)}),H=e.computed(()=>{const e=!n.value&&!c.value&&p.value;return u.isArray(j.value)?j.value[0]&&j.value[1]&&e:j.value&&e}),g=e.computed(()=>{const e=m.value.toLowerCase().replace(/[^a-z]/g,""),u=[];return e.includes("h")&&u.push("hour"),e.includes("m")&&u.push("minute"),e.includes("s")&&u.push("second"),u.length>0?u:["hour","minute","second"]}),I=e.computed(()=>g.value.map(e=>{var u;const s=(null==(u=v.value)?void 0:u[e])||1,l=Math.ceil(("hour"===e?24:60)/s);return{unit:e,cells:Array.from({length:l},(e,u)=>{const l=u*s;return{label:`${l<=9?"0":""}${l}`,value:l}})}})),M=e.ref([]);return e.provide(l,{computedValue:j,computedVisible:x,timeColumn:g,timeColumnCells:I,curValue:_,format:m,type:f,curIndex:q,inputRefs:M,disableConfirm:b,hideDisabledOptions:h,disabledHours:V,disabledMinutes:C,disabledSeconds:y}),{computedValue:j,computedVisible:x,showClearBtn:H,curValue:_,readonly:c,disabled:n,type:f,curIndex:q,inputRefs:M,format:m}},inject:()=>e.inject(l,{type:e.ref("time"),format:e.ref("HH:mm:ss"),curValue:e.ref([]),computedValue:e.ref(""),computedVisible:e.ref(!1),curIndex:e.ref(0),timeColumn:e.ref([]),timeColumnCells:e.ref([]),inputRefs:e.ref([]),disableConfirm:e.ref(!1),hideDisabledOptions:e.ref(!1),disabledHours:()=>[],disabledMinutes:()=>[],disabledSeconds:()=>[]})});
+"use strict";const e=require("vue");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const u=require("../../_shared/utils/is.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                                  */const s=require("../../_shared/utils/control.js"),l="time-picker-context";module.exports=()=>({provide:(i,r)=>{const{modelValue:t,defaultValue:o,popupVisible:d,defaultPopupVisible:a,disabled:n,readonly:c,allowClear:p,format:m,type:f,disableConfirm:b,hideDisabledOptions:h,step:v}=e.toRefs(i),{disabledHours:V,disabledMinutes:C,disabledSeconds:y}=i,j=s(t,o.value,e=>{r("update:modelValue",e)}),q=e.ref(0),x=e.ref([]),_=s(d,a.value,e=>{r("update:popupVisible",e),r("popup-visible-change",e)}),H=e.computed(()=>{const e=!n.value&&!c.value&&p.value;return u.isArray(j.value)?j.value[0]&&j.value[1]&&e:j.value&&e}),g=e.computed(()=>{const e=m.value.toLowerCase().replace(/[^a-z]/g,""),u=[];return e.includes("h")&&u.push("hour"),e.includes("m")&&u.push("minute"),e.includes("s")&&u.push("second"),u.length>0?u:["hour","minute","second"]}),I=e.computed(()=>g.value.map(e=>{var u;const s=(null==(u=v.value)?void 0:u[e])||1,l=Math.ceil(("hour"===e?24:60)/s);return{unit:e,cells:Array.from({length:l},(e,u)=>{const l=u*s;return{label:`${l<=9?"0":""}${l}`,value:l}})}})),M=e.ref([]);return e.provide(l,{computedValue:j,computedVisible:_,timeColumn:g,timeColumnCells:I,curValue:x,format:m,type:f,curIndex:q,inputRefs:M,disableConfirm:b,hideDisabledOptions:h,disabledHours:V,disabledMinutes:C,disabledSeconds:y}),{computedValue:j,computedVisible:_,showClearBtn:H,curValue:x,readonly:c,disabled:n,type:f,curIndex:q,inputRefs:M,format:m}},inject:()=>e.inject(l,{type:e.ref("time"),format:e.ref("HH:mm:ss"),curValue:e.ref([]),computedValue:e.ref(""),computedVisible:e.ref(!1),curIndex:e.ref(0),timeColumn:e.ref([]),timeColumnCells:e.ref([]),inputRefs:e.ref([]),disableConfirm:e.ref(!1),hideDisabledOptions:e.ref(!1),disabledHours:()=>[],disabledMinutes:()=>[],disabledSeconds:()=>[]})});

package/lib/TimePicker/type.d.ts

@@ -1,5 +1,6 @@
 import { PopupContainer, Size } from '../_shared/type';
 import { TriggerProps } from '../Trigger';
+import { VNode } from 'vue';
 export interface TimePickerProps {
     type?: TimePickerType;
     modelValue?: TimePickerValue;
@@ -37,9 +38,9 @@ export interface TimePickerEmits {
     (e: 'popup-visible-change', value: boolean): void;
 }
 export interface TimePickerSlots {
-    prefix(): void;
-    ['suffix-icon'](): void;
-    extra(): void;
+    prefix?: () => VNode[];
+    'suffix-icon'?: () => VNode[];
+    extra?: () => VNode[];
 }
 export type TimeUnit = 'hour' | 'minute' | 'second';
 export type TimePickerValue = string | number | Date | (string | number | Date)[];

package/lib/Timeline/Timeline.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const t=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const o=require("./hooks/useContext.js"),n=require("./TimelineItem.vue.js"),i=require("../Spin/index.js"),r={key:0},l=e.defineComponent({name:"Timeline",__name:"Timeline",props:{reverse:{type:Boolean,default:!1},direction:{default:"vertical"},mode:{default:e=>"horizontal"==e.direction?"top":"left"},pending:{type:[Boolean,String],default:!1},labelPosition:{default:"same"}},setup(l){const s=l,{direction:a,mode:c,timelineItems:d}=o().provide(s),u=e=>"alternate"!=c.value?c.value:"horizontal"==a.value?e%2==0?"top":"bottom":e%2==0?"left":"right";return(o,l)=>(e.openBlock(),e.createElementBlock("div",{role:"list",class:e.normalizeClass(["yc-timeline",`yc-timeline-direction-${e.unref(a)}`,`yc-timeline-${e.unref(c)}`,{"yc-timeline-reverse":o.reverse}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(d),(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t),{key:o,mode:u(o)},null,8,["mode"]))),128)),o.pending?(e.openBlock(),e.createBlock(n,{key:0,"is-ghost":""},{dot:e.withCtx(()=>[e.renderSlot(o.$slots,"dot",{},()=>[e.createVNode(e.unref(i),{size:12})],!0)]),default:e.withCtx(()=>[e.unref(t.isString)(o.pending)?(e.openBlock(),e.createElementBlock("span",r,e.toDisplayString(o.pending),1)):e.createCommentVNode("",!0)]),_:3})):e.createCommentVNode("",!0)],2))}});module.exports=l;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const t=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const o=require("./hooks/useContext.js"),n=require("./TimelineItem.vue.js"),i=require("../Spin/index.js"),r={key:0},l=e.defineComponent({name:"Timeline",__name:"Timeline",props:{reverse:{type:Boolean,default:!1},direction:{default:"vertical"},mode:{default:e=>"horizontal"==e.direction?"top":"left"},pending:{type:[Boolean,String],default:!1},labelPosition:{default:"same"}},setup(l){const s=l,{direction:a,mode:c,timelineItems:d}=o().provide(s),u=e=>"alternate"!=c.value?c.value:"horizontal"==a.value?e%2==0?"top":"bottom":e%2==0?"left":"right";return(o,l)=>(e.openBlock(),e.createElementBlock("div",{role:"list",class:e.normalizeClass(["yc-timeline",`yc-timeline-direction-${e.unref(a)}`,`yc-timeline-${e.unref(c)}`,{"yc-timeline-reverse":o.reverse}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(d),(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t),{key:o,mode:u(o)},null,8,["mode"]))),128)),o.pending?(e.openBlock(),e.createBlock(n,{key:0,"is-ghost":""},{dot:e.withCtx(()=>[e.renderSlot(o.$slots,"dot",{},()=>[e.createVNode(e.unref(i),{size:12})],!0)]),default:e.withCtx(()=>[e.unref(t.isString)(o.pending)?(e.openBlock(),e.createElementBlock("span",r,e.toDisplayString(o.pending),1)):e.createCommentVNode("",!0)]),_:3})):e.createCommentVNode("",!0)],2))}});module.exports=l;

package/lib/Timeline/hooks/useContext.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/vue-utils.js");require("../../Empty/index.js");/* empty css                              */const r=require("../TimelineItem.vue.js"),i="timeline-context";module.exports=()=>({provide:o=>{const{direction:s,labelPosition:l,reverse:n,mode:u}=e.toRefs(o),d=e.useSlots(),a=e.computed(()=>"vertical"==s.value?["left","right","alternate"].includes(u.value)?u.value:"left":["top","bottom","alternate"].includes(u.value)?u.value:"bottom"),c=e.computed(()=>{var e;return t.findComponentsFromVnodes((null==(e=d.default)?void 0:e.call(d))||[],r.name)});return e.provide(i,{direction:s,mode:a,labelPosition:l,reverse:n}),{direction:s,mode:a,timelineItems:c}},inject:()=>e.inject(i,{direction:e.ref("vertical"),mode:e.ref("left"),labelPosition:e.ref("same"),reverse:e.ref(!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/vue-utils.js");require("../../Empty/index.js");/* empty css                                  */const r=require("../TimelineItem.vue.js"),i="timeline-context";module.exports=()=>({provide:o=>{const{direction:s,labelPosition:l,reverse:n,mode:u}=e.toRefs(o),d=e.useSlots(),m=e.computed(()=>"vertical"==s.value?["left","right","alternate"].includes(u.value)?u.value:"left":["top","bottom","alternate"].includes(u.value)?u.value:"bottom"),a=e.computed(()=>{var e;return t.findComponentsFromVnodes((null==(e=d.default)?void 0:e.call(d))||[],r.name)});return e.provide(i,{direction:s,mode:m,labelPosition:l,reverse:n}),{direction:s,mode:m,timelineItems:a}},inject:()=>e.inject(i,{direction:e.ref("vertical"),mode:e.ref("left"),labelPosition:e.ref("same"),reverse:e.ref(!1)})});

package/lib/Timeline/type.d.ts

@@ -1,4 +1,5 @@
 import { Direction } from '../_shared/type';
+import { VNode } from 'vue';
 export interface TimelineProps {
     reverse?: boolean;
     direction?: Direction;
@@ -7,8 +8,8 @@ export interface TimelineProps {
     labelPosition?: TimelineLabelPosition;
 }
 export interface TimelineSlots {
-    dot(): void;
-    default(): void;
+    dot?: () => VNode[];
+    default?: () => VNode[];
 }
 export interface TimelineItemProps {
     dotColor?: string;
@@ -20,9 +21,9 @@ export interface TimelineItemProps {
     isGhost?: boolean;
 }
 export interface TimelineItemSlots {
-    dot(): void;
-    label(): void;
-    default(): void;
+    dot?: () => VNode[];
+    label?: () => VNode[];
+    default?: () => VNode[];
 }
 export type TimelineMode = 'left' | 'right' | 'top' | 'bottom' | 'alternate';
 export type TimelineLabelPosition = 'relative' | 'same';

package/lib/Tooltip/index.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("../Empty/index.js");/* empty css                           */const o=require("../_shared/utils/control.js"),t=require("../Trigger/index.js"),l=e.defineComponent({name:"Tooltip",__name:"index",props:{popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},content:{default:""},position:{default:"bottom"},mini:{type:Boolean,default:!1},backgroundColor:{default:"rgb(29,33,41)"},contentClass:{default:""},contentStyle:{default:()=>({})},arrowClass:{default:""},arrowStyle:{default:()=>({})},popupContainer:{default:void 0},triggerProps:{default:()=>({})}},emits:["update:popupVisible","popup-visible-change"],setup(l,{expose:s,emit:r}){const i=l,n=r,{arrowStyle:p,contentStyle:a,backgroundColor:u}=e.toRefs(i),{popupVisible:c,defaultPopupVisible:d}=e.toRefs(i),f=o(c,d.value,e=>{n("update:popupVisible",e),n("popup-visible-change",e)}),m=e.computed(()=>({backgroundColor:u.value,...a.value})),y=e.computed(()=>({backgroundColor:u.value,...p.value}));return s({show(){f.value=!0},hide(){f.value=!1}}),(o,l)=>(e.openBlock(),e.createBlock(e.unref(t),e.mergeProps({"popup-visible":e.unref(f),"onUpdate:popupVisible":l[0]||(l[0]=o=>e.isRef(f)?f.value=o:null),"popup-container":o.popupContainer,position:o.position,"arrow-class":["yc-tooltip-popup-arrow",o.arrowClass],"arrow-style":m.value,"content-class":["yc-tooltip-popup-content",o.contentClass,{"yc-tooltip-mini":o.mini}],"content-style":y.value,"popup-offset":10,class:["yc-tooltip",o.$attrs.class],style:o.$attrs.style,"animation-name":"zoom-in-fade-out","need-transform-origin":"","show-arrow":""},o.triggerProps),{content:e.withCtx(()=>[e.renderSlot(o.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(o.content),1)])]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16,["popup-visible","popup-container","position","arrow-class","arrow-style","content-class","content-style","class","style"]))}});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"),require("../Empty/index.js");/* empty css                               */const o=require("../_shared/utils/control.js"),t=require("../Trigger/index.js"),l=e.defineComponent({name:"Tooltip",__name:"index",props:{popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},content:{default:""},position:{default:"bottom"},mini:{type:Boolean,default:!1},backgroundColor:{default:"rgb(29,33,41)"},contentClass:{default:""},contentStyle:{default:()=>({})},arrowClass:{default:""},arrowStyle:{default:()=>({})},popupContainer:{default:void 0},triggerProps:{default:()=>({})}},emits:["update:popupVisible","popup-visible-change"],setup(l,{expose:s,emit:r}){const n=l,i=r,{arrowStyle:p,contentStyle:a,backgroundColor:u}=e.toRefs(n),{popupVisible:c,defaultPopupVisible:d}=e.toRefs(n),f=o(c,d.value,e=>{i("update:popupVisible",e),i("popup-visible-change",e)}),m=e.computed(()=>({backgroundColor:u.value,...a.value})),y=e.computed(()=>({backgroundColor:u.value,...p.value}));return s({show(){f.value=!0},hide(){f.value=!1}}),(o,l)=>(e.openBlock(),e.createBlock(e.unref(t),e.mergeProps({"popup-visible":e.unref(f),"onUpdate:popupVisible":l[0]||(l[0]=o=>e.isRef(f)?f.value=o:null),"popup-container":o.popupContainer,position:o.position,"arrow-class":["yc-tooltip-popup-arrow",o.arrowClass],"arrow-style":m.value,"content-class":["yc-tooltip-popup-content",o.contentClass,{"yc-tooltip-mini":o.mini}],"content-style":y.value,"popup-offset":10,class:["yc-tooltip",o.$attrs.class],style:o.$attrs.style,"animation-name":"zoom-in-fade-out","need-transform-origin":"","show-arrow":""},o.triggerProps),{content:e.withCtx(()=>[e.renderSlot(o.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(o.content),1)])]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16,["popup-visible","popup-container","position","arrow-class","arrow-style","content-class","content-style","class","style"]))}});module.exports=l;

package/lib/Tooltip/type.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 import { ClassName, PopupContainer } from '../_shared/type';
 import { TriggerPostion, TriggerProps } from '../Trigger/type';
 export interface TooltipProps {
@@ -20,8 +20,8 @@ export interface TooltipEmits {
     (e: 'popup-visible-change', value: boolean): void;
 }
 export interface TooltipSlots {
-    default(): void;
-    content(): void;
+    default?: () => VNode[];
+    content?: () => VNode[];
 }
 export interface TooltipExpose {
     hide(): void;

package/lib/Transfer/Transfer.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("./hooks/useContext.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const a=require("../_shared/icons/IconArrowRight.vue.js"),l=require("./TransferPanel.vue.js"),r=require("../Button/index.js"),o={key:0,class:"yc-transfer-operations"},s=e.defineComponent({name:"Transfer",__name:"Transfer",props:{data:{default:()=>[]},modelValue:{default:void 0},defaultValue:{default:()=>[]},selected:{default:void 0},defaultSelected:{default:()=>[]},disabled:{type:Boolean,default:!1},simple:{type:Boolean,default:!1},oneWay:{type:Boolean,default:!1},showSearch:{type:Boolean,default:!1},showSelectAll:{type:Boolean,default:!0},title:{default:()=>["Source","Target"]},sourceInputSearchProps:{default:()=>({})},targetInputSearchProps:{default:()=>({})}},emits:["update:selected","update:modelValue","change","select","search"],setup(s,{emit:u}){const d=s,c=u,{computedValue:n,targetChecked:i,computedSelected:f,sourceChecked:p}=t().provide(d,c),m=()=>{const e=[...p.value];n.value=[...n.value,...p.value],f.value=f.value.filter(t=>!e.includes(t))},h=()=>{const e=[...i.value];n.value=n.value.filter(t=>!e.includes(t)),f.value=f.value.filter(t=>!e.includes(t))};return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-transfer",{"yc-transfer-simple":t.simple,"yc-transfer-has-search":t.showSearch}])},[e.createVNode(l,{type:"source"}),t.simple?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",o,[e.createVNode(e.unref(r.default),{disabled:!e.unref(p).length||t.disabled,shape:"circle",onClick:m},{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"to-target-icon",{},()=>[e.createVNode(e.unref(a))],!0)]),_:3},8,["disabled"]),t.oneWay?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(r.default),{key:0,disabled:!e.unref(i).length||t.disabled,shape:"circle",onClick:h},{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"to-source-icon",{},()=>[e.createVNode(e.unref(a),{rotate:180})],!0)]),_:3},8,["disabled"]))])),e.createVNode(l,{type:"target"})],2))}});module.exports=s;
+"use strict";const e=require("vue"),t=require("./hooks/useContext.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const a=require("../_shared/icons/IconArrowRight.vue.js"),l=require("./TransferPanel.vue.js"),r=require("../Button/index.js"),o={key:0,class:"yc-transfer-operations"},s=e.defineComponent({name:"Transfer",__name:"Transfer",props:{data:{default:()=>[]},modelValue:{default:void 0},defaultValue:{default:()=>[]},selected:{default:void 0},defaultSelected:{default:()=>[]},disabled:{type:Boolean,default:!1},simple:{type:Boolean,default:!1},oneWay:{type:Boolean,default:!1},showSearch:{type:Boolean,default:!1},showSelectAll:{type:Boolean,default:!0},title:{default:()=>["Source","Target"]},sourceInputSearchProps:{default:()=>({})},targetInputSearchProps:{default:()=>({})}},emits:["update:selected","update:modelValue","change","select","search"],setup(s,{emit:u}){const d=s,c=u,{computedValue:n,targetChecked:i,computedSelected:f,sourceChecked:p}=t().provide(d,c),m=()=>{const e=[...p.value];n.value=[...n.value,...p.value],f.value=f.value.filter(t=>!e.includes(t))},h=()=>{const e=[...i.value];n.value=n.value.filter(t=>!e.includes(t)),f.value=f.value.filter(t=>!e.includes(t))};return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-transfer",{"yc-transfer-simple":t.simple,"yc-transfer-has-search":t.showSearch}])},[e.createVNode(l,{type:"source"}),t.simple?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",o,[e.createVNode(e.unref(r.default),{disabled:!e.unref(p).length||t.disabled,shape:"circle",onClick:m},{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"to-target-icon",{},()=>[e.createVNode(e.unref(a))],!0)]),_:3},8,["disabled"]),t.oneWay?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(r.default),{key:0,disabled:!e.unref(i).length||t.disabled,shape:"circle",onClick:h},{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"to-source-icon",{},()=>[e.createVNode(e.unref(a),{rotate:180})],!0)]),_:3},8,["disabled"]))])),e.createVNode(l,{type:"target"})],2))}});module.exports=s;

package/lib/Transfer/TransferPanel.vue2.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 l=require("../_shared/utils/global-config.js");;/* empty css                          */const t=require("../_shared/icons/IconClose.vue.js"),a=require("../_shared/icons/IconDelete.vue.js"),r=require("../_shared/icons/IconSearch.vue.js"),n=require("./hooks/useContext.js"),o=require("../Checkbox/index.js"),u=require("../Scrollbar/index.js"),c=require("../Input/index.js"),s=require("../_shared/components/IconButton.vue.js");;/* empty css                                          */const i={class:"yc-transfer-view"},v={class:"yc-transfer-view-header"},d={class:"yc-transfer-view-header-title"},m={class:"yc-transfer-view-header-count"},f={key:0,class:"yc-transfer-view-search"},p={class:"yc-transfer-view-body"},k={key:1,role:"list",class:"yc-transfer-list"},h=["onClick"],y={class:"yc-transfer-list-item-content text-ellipsis"},g=e.defineComponent({__name:"TransferPanel",props:{type:{}},setup(g){const B=g,{type:C}=e.toRefs(B),{renderEmpty:V}=l.getGlobalConfig(),{computedValue:x,computedSelected:N,targetChecked:_,sourceChecked:b,sourceOptions:w,targetOptions:E,disabled:S,oneWay:j,showSearch:q,showSelectAll:D,simple:I,sourceInputSearchProps:T,targetInputSearchProps:F,slots:P,title:z,emits:L}=n().inject(),O=e.ref(""),A=e.computed(()=>("source"==C.value?w.value:E.value).filter(e=>{var l;return null==(l=e.label)?void 0:l.toLowerCase().includes(O.value.toLowerCase())})),U=e.computed(()=>"source"==C.value?b.value:_.value),G=e.computed(()=>"source"==C.value?T.value:F.value),K=e.computed(()=>"source"==C.value?z.value[0]:z.value[1]),R=e.computed({get:()=>!!U.value.length&&U.value.length==A.value.length,set(e){if(e)N.value=[...new Set([...N.value,...A.value.map(e=>e.value)])];else{const e=Object.fromEntries(A.value.map(e=>[e.value,e]));N.value=N.value.filter(l=>!e[l])}}}),W=e.computed(()=>!!U.value.length&&U.value.length<=A.value.length),$=()=>{!S.value&&x.value.length&&(x.value=[])},H=()=>{var e;return null==(e=P["source"==C.value?"source-title":"target-title"])?void 0:e.call(P,{countTotal:"source"==C.value?w.value.length:E.value.length,countSelected:"source"==C.value?b.value.length:_.value.length,searchValue:O.value,checked:R.value,indeterminate:W.value,onSelectAllChange:e=>{R.value=e},onClear:$})},J=()=>{var e;return null==(e=P[C.value])?void 0:e.call(P,{selectedKeys:U.value,data:A.value,onSelect:e=>{N.value=e}})},M=e=>()=>{var l;return null==(l=P.item)?void 0:l.call(P,e)};return(l,n)=>(e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("div",v,[e.unref(P)[`${e.unref(C)}-title`]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(H),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("span",d,[!e.unref(D)||e.unref(I)||e.unref(j)&&"target"==e.unref(C)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(K.value),1)],64)):(e.openBlock(),e.createBlock(e.unref(o.default),{key:0,modelValue:R.value,"onUpdate:modelValue":n[0]||(n[0]=e=>R.value=e),indeterminate:W.value,disabled:!A.value.length||e.unref(S)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(K.value),1)]),_:1},8,["modelValue","indeterminate","disabled"]))]),e.createElementVNode("span",m,[e.unref(I)||e.unref(j)&&"target"==e.unref(C)?"target"!=e.unref(C)||e.unref(I)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(s),{key:1,size:14,onClick:$},{default:e.withCtx(()=>[e.createVNode(e.unref(a))]),_:1})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(U.value.length)+" / "+e.toDisplayString(A.value.length),1)],64))])],64))]),e.unref(q)?(e.openBlock(),e.createElementBlock("div",f,[e.createVNode(e.unref(c),e.mergeProps({modelValue:O.value,"onUpdate:modelValue":n[1]||(n[1]=e=>O.value=e)},G.value,{onInput:n[2]||(n[2]=l=>e.unref(L)("search",l,e.unref(C)))}),{suffix:e.withCtx(()=>[e.createVNode(e.unref(r))]),_:1},16,["modelValue"])])):e.createCommentVNode("",!0),e.createElementVNode("div",p,[A.value.length?(e.openBlock(),e.createBlock(e.unref(u),{key:0},{default:e.withCtx(()=>[e.unref(P)[e.unref(C)]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(J),{key:0})):(e.openBlock(),e.createElementBlock("div",k,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(A.value,l=>(e.openBlock(),e.createElementBlock("div",{key:l.value,role:"listitem",class:e.normalizeClass(["yc-transfer-list-item",{"yc-transfer-list-item-disabled":l.disabled||e.unref(S)}]),onClick:e=>(e=>{const{value:l}=e;S.value||e.disabled||(j.value&&"source"!=C.value||I.value)&&(x.value="source"==C.value?[...x.value,l]:x.value.filter(e=>e!=l))})(l)},[e.unref(j)&&(!e.unref(j)||"source"!=e.unref(C))||e.unref(I)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("span",y,[e.unref(P).item?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(M(l)),{key:0})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(e.unref(P).item?"":l.label),1)]),"target"!=e.unref(C)||e.unref(I)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(s),{key:0,"hover-size":20},{default:e.withCtx(()=>[e.createVNode(e.unref(t))]),_:1}))],64)):(e.openBlock(),e.createBlock(e.unref(o.default),{key:0,"model-value":U.value.includes(l.value),disabled:l.disabled||e.unref(S),onChange:e=>((e,l)=>{N.value=e?[...N.value,l]:N.value.filter(e=>e!=l),L("select",N.value)})(e,l.value)},{default:e.withCtx(()=>[e.unref(P).item?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(M(l)),{key:0})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(e.unref(P).item?"":l.label),1)]),_:2},1032,["model-value","disabled","onChange"]))],10,h))),128))]))]),_:1})):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(V)("Transfer"))))])]))}});module.exports=g;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const l=require("../_shared/utils/global-config.js");;/* empty css                              */const t=require("../_shared/icons/IconClose.vue.js"),a=require("../_shared/icons/IconDelete.vue2.js"),r=require("../_shared/icons/IconSearch.vue2.js"),n=require("./hooks/useContext.js"),o=require("../Checkbox/index.js"),u=require("../Scrollbar/index.js"),c=require("../Input/index.js"),s=require("../_shared/components/IconButton.vue.js");;/* empty css                                          */const i={class:"yc-transfer-view"},v={class:"yc-transfer-view-header"},d={class:"yc-transfer-view-header-title"},m={class:"yc-transfer-view-header-count"},f={key:0,class:"yc-transfer-view-search"},p={class:"yc-transfer-view-body"},k={key:1,role:"list",class:"yc-transfer-list"},h=["onClick"],y={class:"yc-transfer-list-item-content text-ellipsis"},g=e.defineComponent({__name:"TransferPanel",props:{type:{}},setup(g){const B=g,{type:C}=e.toRefs(B),{renderEmpty:V}=l.getGlobalConfig(),{computedValue:x,computedSelected:N,targetChecked:b,sourceChecked:_,sourceOptions:w,targetOptions:E,disabled:S,oneWay:j,showSearch:q,showSelectAll:D,simple:I,sourceInputSearchProps:T,targetInputSearchProps:F,slots:P,title:z,emits:L}=n().inject(),O=e.ref(""),A=e.computed(()=>("source"==C.value?w.value:E.value).filter(e=>{var l;return null==(l=e.label)?void 0:l.toLowerCase().includes(O.value.toLowerCase())})),U=e.computed(()=>"source"==C.value?_.value:b.value),G=e.computed(()=>"source"==C.value?T.value:F.value),K=e.computed(()=>"source"==C.value?z.value[0]:z.value[1]),R=e.computed({get:()=>!!U.value.length&&U.value.length==A.value.length,set(e){if(e)N.value=[...new Set([...N.value,...A.value.map(e=>e.value)])];else{const e=Object.fromEntries(A.value.map(e=>[e.value,e]));N.value=N.value.filter(l=>!e[l])}}}),W=e.computed(()=>!!U.value.length&&U.value.length<=A.value.length),$=()=>{!S.value&&x.value.length&&(x.value=[])},H=()=>{var e;return null==(e=P["source"==C.value?"source-title":"target-title"])?void 0:e.call(P,{countTotal:"source"==C.value?w.value.length:E.value.length,countSelected:"source"==C.value?_.value.length:b.value.length,searchValue:O.value,checked:R.value,indeterminate:W.value,onSelectAllChange:e=>{R.value=e},onClear:$})},J=()=>{var e;return null==(e=P[C.value])?void 0:e.call(P,{selectedKeys:U.value,data:A.value,onSelect:e=>{N.value=e}})},M=e=>()=>{var l;return null==(l=P.item)?void 0:l.call(P,e)};return(l,n)=>(e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("div",v,[e.unref(P)[`${e.unref(C)}-title`]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(H),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("span",d,[!e.unref(D)||e.unref(I)||e.unref(j)&&"target"==e.unref(C)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(K.value),1)],64)):(e.openBlock(),e.createBlock(e.unref(o.default),{key:0,modelValue:R.value,"onUpdate:modelValue":n[0]||(n[0]=e=>R.value=e),indeterminate:W.value,disabled:!A.value.length||e.unref(S)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(K.value),1)]),_:1},8,["modelValue","indeterminate","disabled"]))]),e.createElementVNode("span",m,[e.unref(I)||e.unref(j)&&"target"==e.unref(C)?"target"!=e.unref(C)||e.unref(I)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(s),{key:1,size:14,onClick:$},{default:e.withCtx(()=>[e.createVNode(e.unref(a))]),_:1})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(U.value.length)+" / "+e.toDisplayString(A.value.length),1)],64))])],64))]),e.unref(q)?(e.openBlock(),e.createElementBlock("div",f,[e.createVNode(e.unref(c),e.mergeProps({modelValue:O.value,"onUpdate:modelValue":n[1]||(n[1]=e=>O.value=e)},G.value,{onInput:n[2]||(n[2]=l=>e.unref(L)("search",l,e.unref(C)))}),{suffix:e.withCtx(()=>[e.createVNode(e.unref(r))]),_:1},16,["modelValue"])])):e.createCommentVNode("",!0),e.createElementVNode("div",p,[A.value.length?(e.openBlock(),e.createBlock(e.unref(u),{key:0},{default:e.withCtx(()=>[e.unref(P)[e.unref(C)]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(J),{key:0})):(e.openBlock(),e.createElementBlock("div",k,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(A.value,l=>(e.openBlock(),e.createElementBlock("div",{key:l.value,role:"listitem",class:e.normalizeClass(["yc-transfer-list-item",{"yc-transfer-list-item-disabled":l.disabled||e.unref(S)}]),onClick:e=>(e=>{const{value:l}=e;S.value||e.disabled||(j.value&&"source"!=C.value||I.value)&&(x.value="source"==C.value?[...x.value,l]:x.value.filter(e=>e!=l))})(l)},[e.unref(j)&&(!e.unref(j)||"source"!=e.unref(C))||e.unref(I)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("span",y,[e.unref(P).item?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(M(l)),{key:0})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(e.unref(P).item?"":l.label),1)]),"target"!=e.unref(C)||e.unref(I)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(s),{key:0,"hover-size":20},{default:e.withCtx(()=>[e.createVNode(e.unref(t))]),_:1}))],64)):(e.openBlock(),e.createBlock(e.unref(o.default),{key:0,"model-value":U.value.includes(l.value),disabled:l.disabled||e.unref(S),onChange:e=>((e,l)=>{N.value=e?[...N.value,l]:N.value.filter(e=>e!=l),L("select",N.value)})(e,l.value)},{default:e.withCtx(()=>[e.unref(P).item?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(M(l)),{key:0})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(e.unref(P).item?"":l.label),1)]),_:2},1032,["model-value","disabled","onChange"]))],10,h))),128))]))]),_:1})):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(V)("Transfer"))))])]))}});module.exports=g;

package/lib/Transfer/hooks/useContext.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("../../Empty/index.js");/* empty css                              */const t=require("../../_shared/utils/control.js"),r="transfer-context";module.exports=()=>({provide:(s,u)=>{const{modelValue:o,defaultValue:a,selected:l,defaultSelected:c,data:d,oneWay:p,simple:i,sourceInputSearchProps:n,targetInputSearchProps:h,showSearch:m,showSelectAll:f,disabled:v,title:S}=e.toRefs(s),g=e.useSlots(),j=e.computed(()=>Object.fromEntries(d.value.map(e=>[e.value,e]))),q=t(o,a.value,e=>{u("update:modelValue",e),u("change",e)}),w=e.computed(()=>new Map(q.value.map(e=>[e,e]))),I=t(l,c.value,e=>{u("update:selected",e)}),k=e.computed(()=>d.value.filter(e=>!w.value.has(e.value))),y=e.computed(()=>q.value.map(e=>j.value[e])),C=e.computed(()=>I.value.filter(e=>!w.value.has(e))),P=e.computed(()=>I.value.filter(e=>w.value.has(e)));return e.provide(r,{computedValue:q,computedSelected:I,targetChecked:P,sourceChecked:C,sourceOptions:k,targetOptions:y,oneWay:p,simple:i,sourceInputSearchProps:n,targetInputSearchProps:h,showSearch:m,showSelectAll:f,disabled:v,title:S,slots:g,emits:u}),{computedValue:q,targetChecked:P,computedSelected:I,sourceChecked:C}},inject:()=>e.inject(r,{computedValue:e.ref([]),computedSelected:e.ref([]),targetChecked:e.ref([]),sourceChecked:e.ref([]),sourceOptions:e.ref([]),targetOptions:e.ref([]),disabled:e.ref(!1),oneWay:e.ref(!1),simple:e.ref(!1),title:e.ref([]),showSearch:e.ref(!1),showSelectAll:e.ref(!1),sourceInputSearchProps:e.ref({}),targetInputSearchProps:e.ref({}),slots:{},emits:()=>{}})});
+"use strict";const e=require("vue");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js"),require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                                  */const t=require("../../_shared/utils/control.js"),r="transfer-context";module.exports=()=>({provide:(s,u)=>{const{modelValue:o,defaultValue:a,selected:l,defaultSelected:c,data:d,oneWay:p,simple:i,sourceInputSearchProps:n,targetInputSearchProps:m,showSearch:h,showSelectAll:f,disabled:v,title:S}=e.toRefs(s),g=e.useSlots(),j=e.computed(()=>Object.fromEntries(d.value.map(e=>[e.value,e]))),q=t(o,a.value,e=>{u("update:modelValue",e),u("change",e)}),w=e.computed(()=>new Map(q.value.map(e=>[e,e]))),I=t(l,c.value,e=>{u("update:selected",e)}),k=e.computed(()=>d.value.filter(e=>!w.value.has(e.value))),y=e.computed(()=>q.value.map(e=>j.value[e])),C=e.computed(()=>I.value.filter(e=>!w.value.has(e))),P=e.computed(()=>I.value.filter(e=>w.value.has(e)));return e.provide(r,{computedValue:q,computedSelected:I,targetChecked:P,sourceChecked:C,sourceOptions:k,targetOptions:y,oneWay:p,simple:i,sourceInputSearchProps:n,targetInputSearchProps:m,showSearch:h,showSelectAll:f,disabled:v,title:S,slots:g,emits:u}),{computedValue:q,targetChecked:P,computedSelected:I,sourceChecked:C}},inject:()=>e.inject(r,{computedValue:e.ref([]),computedSelected:e.ref([]),targetChecked:e.ref([]),sourceChecked:e.ref([]),sourceOptions:e.ref([]),targetOptions:e.ref([]),disabled:e.ref(!1),oneWay:e.ref(!1),simple:e.ref(!1),title:e.ref([]),showSearch:e.ref(!1),showSelectAll:e.ref(!1),sourceInputSearchProps:e.ref({}),targetInputSearchProps:e.ref({}),slots:{},emits:()=>{}})});

package/lib/Transfer/type.d.ts

@@ -1,4 +1,5 @@
 import { InputProps } from '../Input';
+import { VNode } from 'vue';
 export interface TransferProps {
     data?: TransferItem[];
     modelValue?: string[];
@@ -22,24 +23,24 @@ export interface TransferEmits {
     (e: 'search', value: string, type: 'target' | 'source'): void;
 }
 export interface TransferSlots {
-    source(scope: DefaultSlots): void;
-    target(scope: DefaultSlots): void;
-    ['source-title'](scope: TitleSlots): void;
-    ['target-title'](scope: TitleSlots): void;
-    ['to-source-icon'](): void;
-    ['to-target-icon'](): void;
-    item(scope: {
+    source?: (scope: DefaultSlots) => VNode[];
+    target?: (scope: DefaultSlots) => VNode[];
+    'source-title'?: (scope: TitleSlots) => VNode[];
+    'target-title'?: (scope: TitleSlots) => VNode[];
+    'to-source-icon'?: () => VNode[];
+    'to-target-icon'?: () => VNode[];
+    item?: (scope: {
         value: string;
         label: string;
-    }): void;
+    }) => VNode[];
 }
 export interface TransferPanelSlots {
-    default(scope: DefaultSlots): void;
-    ['title'](scope: TitleSlots): void;
-    item(scope: {
+    default: (scope: DefaultSlots) => VNode[];
+    title: (scope: TitleSlots) => VNode[];
+    item: (scope: {
         value: string;
         label: string;
-    }): void;
+    }) => VNode[];
 }
 export interface TransferItem {
     label?: string;

package/lib/Trigger/hooks/useContext.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../node_modules/nanoid/index.browser.js"),r=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const u=require("../../_shared/utils/fn.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                              */const o="trigger-context";module.exports=i=>{const{trigger:s,popupRef:a,computedVisible:n,mouseEnterDelay:d}=i,{depth:l,curDepth:p,groupIds:c,timeout:m,hoverTimeout:v}=e.inject(o,{depth:-1,curDepth:e.ref(0),groupIds:e.ref([]),timeout:e.ref(),hoverTimeout:e.ref()}),h=l+1,g=t.nanoid(32);c.value[h]=g,e.provide(o,{depth:h,curDepth:p,groupIds:c,hoverTimeout:v,timeout:m});const f=e=>{const t=e.getAttribute("data-group-id"),r=e.getAttribute("data-group-depth"),u=!!t&&c.value.includes(g);return u||"BODY"==e.tagName?{isGroup:u,groupId:t,depth:u?Number.parseInt(r):-1}:f(e.parentElement)};return e.watch(()=>p.value,e=>{h<=e||"hover"!=s||(n.value=!1)}),e.watch(()=>n.value,async e=>{if(!e)return;await u.sleep(0);const t=r.unrefElement(a);null==t||t.setAttribute("data-group-id",g),null==t||t.setAttribute("data-group-depth",`${h}`)},{immediate:!0}),{timeout:m,mouseEnterHandler:()=>{v.value&&clearTimeout(v.value),v.value=setTimeout(()=>{p.value=h},d.value)},clickOutsideHandler:e=>{if(c.value.length<=1)return!1;const{isGroup:t,depth:r}=f(e.target??e);return n.value=t?h<=r:n.value,t},mosueLeaveHandler:e=>{if(c.value.length<=1)return!1;const{isGroup:t}=f(e.relatedTarget);return t?n.value=!1:p.value=-1,!0}}};
+"use strict";const e=require("vue"),t=require("../../node_modules/nanoid/index.browser.js"),r=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const u=require("../../_shared/utils/fn.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                                  */const o="trigger-context";module.exports=i=>{const{trigger:s,popupRef:n,computedVisible:a,mouseEnterDelay:d}=i,{depth:l,curDepth:p,groupIds:c,timeout:m,hoverTimeout:v}=e.inject(o,{depth:-1,curDepth:e.ref(0),groupIds:e.ref([]),timeout:e.ref(),hoverTimeout:e.ref()}),h=l+1,g=t.nanoid(32);c.value[h]=g,e.provide(o,{depth:h,curDepth:p,groupIds:c,hoverTimeout:v,timeout:m});const f=e=>{const t=e.getAttribute("data-group-id"),r=e.getAttribute("data-group-depth"),u=!!t&&c.value.includes(g);return u||"BODY"==e.tagName?{isGroup:u,groupId:t,depth:u?Number.parseInt(r):-1}:f(e.parentElement)};return e.watch(()=>p.value,e=>{h<=e||"hover"!=s||(a.value=!1)}),e.watch(()=>a.value,async e=>{if(!e)return;await u.sleep(0);const t=r.unrefElement(n);null==t||t.setAttribute("data-group-id",g),null==t||t.setAttribute("data-group-depth",`${h}`)},{immediate:!0}),{timeout:m,mouseEnterHandler:()=>{v.value&&clearTimeout(v.value),v.value=setTimeout(()=>{p.value=h},d.value)},clickOutsideHandler:e=>{if(c.value.length<=1)return!1;const{isGroup:t,depth:r}=f(e.target??e);return a.value=t?h<=r:a.value,t},mosueLeaveHandler:e=>{if(c.value.length<=1)return!1;const{isGroup:t}=f(e.relatedTarget);return t?a.value=!1:p.value=-1,!0}}};

package/lib/Trigger/hooks/useTriggerPosition.d.ts

@@ -19,8 +19,8 @@ declare const _default: (params: {
     popupHeight: import('vue').ShallowRef<number, number>;
     triggerWidth: import('vue').ShallowRef<number, number>;
     triggerHeight: import('vue').ShallowRef<number, number>;
-    arrowWidth: Ref<number, number>;
-    arrowHeight: Ref<number, number>;
+    arrowWidth: import('vue').ShallowRef<number, number>;
+    arrowHeight: import('vue').ShallowRef<number, number>;
     popupStyle: import('vue').ComputedRef<{
         top: string;
         left: string;

package/lib/Trigger/hooks/useTriggerPosition.js

@@ -1 +1 @@
-"use strict";const t=require("vue"),e=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const o=require("../../_shared/utils/fn.js");require("../../_shared/utils/time.js");const i=require("../../_shared/utils/global-config.js");module.exports=l=>{const{props:u,computedVisible:r,popupRef:a,triggerRef:n,arrowRef:s,mouseX:p,mouseY:h}=l,{trigger:v,alignPoint:g,popupTranslate:d,popupOffset:f,autoFitPosition:c,autoFitPopupMinWidth:b,autoFitPopupWidth:W,autoSetPosition:m,showArrow:w,position:x,arrowStyle:H,contentStyle:T}=t.toRefs(u),{updateAtScroll:P,zIndex:S}=i.getGlobalConfig(u),y=t.ref(x.value),{width:q,height:j}=e.useElementSize(a,void 0,{box:"border-box"}),{arrowWidth:z,arrowHeight:_}=function(){if(!w.value)return{arrowWidth:t.ref(0),arrowHeight:t.ref(0)};const{width:o,height:i}=e.useElementSize(s,void 0,{box:"border-box"});return{arrowWidth:o,arrowHeight:i}}(),{left:E,top:R,bottom:I,right:L,width:M,height:F}=e.useElementBounding(n,{windowScroll:P.value,updateTiming:"next-frame"}),A=t.computed(()=>{const[t,e]=k(),i=g.value&&["click","contextMenu"].includes(v.value);if(m.value||i)return{top:o.valueToPx(h.value+e),left:o.valueToPx(p.value-(c.value?0:q.value/2)+t),zIndex:S.value};const[l,u]=G({position:y.value,triggerWidth:M.value,triggerHeight:F.value,popupHeight:j.value,popupWidth:q.value,top:R.value,left:E.value,right:L.value,bottom:I.value});if(!c.value)return{top:o.valueToPx(u+e),left:o.valueToPx(l+t),zIndex:S.value};const[r,a]=O({offsetLeft:l,offsetTop:u,position:y.value,top:R.value,left:E.value,right:L.value,bottom:I.value,popupHeight:j.value,popupWidth:q.value});y.value=function(t){const{offsetLeft:e,offsetTop:o,top:i,left:l,bottom:u,right:r,triggerWidth:a,triggerHeight:n,popupHeight:s,popupWidth:p}=t,h=1e-5,v=[[i-s,l+(a-p)/2,"top"],[i-s,l,"tl"],[i-s,r-p,"tr"],[u,l+(a-p)/2,"bottom"],[u,l,"bl"],[u,r-p,"br"],[i+(n-s)/2,l-p,"left"],[i,l-p,"lt"],[u-s,l-p,"lb"],[i+(n-s)/2,r,"right"],[i,r,"rt"],[u-s,r,"rb"]].find(([t,i])=>Math.abs(i-e)<h&&Math.abs(t-o)<h);return(null==v?void 0:v[2])??y.value}({offsetLeft:r,offsetTop:a,top:R.value,left:E.value,right:L.value,bottom:I.value,triggerWidth:M.value,triggerHeight:F.value,popupHeight:j.value,popupWidth:q.value});const[n,s]=k();return{left:o.valueToPx(r+n),top:o.valueToPx(a+s),zIndex:S.value}}),B=t.computed(()=>({width:W.value?o.valueToPx(M.value):"",minWidth:b.value?o.valueToPx(M.value):"",...T.value})),C=t.computed(()=>({...H.value,...V({position:y.value,popupWidth:q.value,popupHeight:j.value,arrowWidth:z.value,arrowHeight:_.value,triggerHeight:F.value,triggerWidth:M.value})}));function k(){const[t,e]=d.value;let o=t,i=e;return y.value.startsWith("t")?i=-f.value:y.value.startsWith("b")?i=f.value:y.value.startsWith("l")?o=-f.value:y.value.startsWith("r")&&(o=f.value),[o,i]}const G=t=>{let e=0,o=0;const{position:i,triggerWidth:l,triggerHeight:u,popupWidth:r,popupHeight:a,left:n,top:s,right:p,bottom:h}=t;return["top","tl","tr","bottom","bl","br"].includes(i)?(e=i.startsWith("t")?s-a:h,o=["top","bottom"].includes(i)?n+(l-r)/2:["tl","bl"].includes(i)?n:p-r):(o=i.startsWith("l")?n-r:p,e=["left","right"].includes(i)?s+(u-a)/2:["lt","rt"].includes(i)?s:h-a),[o,e]},O=t=>{const{position:e,offsetLeft:o,offsetTop:i,bottom:l,left:u,right:r,top:a,popupHeight:n,popupWidth:s}=t;let p=o,h=i;return["top","tl","tr","bottom","bl","br"].includes(e)?(i<0&&["top","tl","tr"].includes(e)?h=l:i+n>window.innerHeight&&["bottom","bl","br"].includes(e)&&(h=a-n),o<0?p=u:o+s>window.innerWidth&&(p=r-s)):(o<0&&["left","lt","lb"].includes(e)?p=r:o+s>window.innerWidth&&["right","rt","rb"].includes(e)&&(p=u-s),i<0?h=a:h+n>window.innerHeight&&(h=a-n)),[p,h]};const V=t=>{const{position:e,triggerWidth:i,triggerHeight:l,popupWidth:u,popupHeight:r,arrowHeight:a,arrowWidth:n}=t;let s;if(["top","tl","tr","bottom","bl","br"].includes(e)){let t="",l="";["top","bottom"].includes(e)?t=o.valueToPx((u-n)/2):["tl","bl"].includes(e)?t=o.valueToPx((i-n)/2):l=o.valueToPx((i-n)/2),s={top:e.startsWith("b")?"0":"",right:l,bottom:e.startsWith("t")?"0":"",left:t}}else{let t="",i="";["left","right"].includes(e)?t=o.valueToPx((r-a)/2):["lt","rt"].includes(e)?t=o.valueToPx((l-a)/2):i=o.valueToPx((l-a)/2),s={top:t,right:e.startsWith("l")?"0":"",bottom:i,left:e.startsWith("r")?"0":""}}return s};return t.watch(()=>r.value,async t=>{if(!t)return;await o.sleep(0),y.value=x.value;const i=e.unrefElement(n),l=e.unrefElement(a);if(i){const{left:t,right:e,top:o,bottom:l,width:u,height:r}=i.getBoundingClientRect();E.value=t,L.value=e,R.value=o,I.value=l,M.value=u,F.value=r}if(l){const{offsetWidth:t,offsetHeight:e}=l;q.value=t,j.value=e}if(s.value){const{offsetWidth:t,offsetHeight:e}=s.value;z.value=t,_.value=e}}),{position:y,left:E,top:R,bottom:I,right:L,popupWidth:q,popupHeight:j,triggerWidth:M,triggerHeight:F,arrowWidth:z,arrowHeight:_,popupStyle:A,contentStyle:B,arrowStyle:C}};
+"use strict";const t=require("vue"),e=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const o=require("../../_shared/utils/fn.js");require("../../_shared/utils/time.js");const i=require("../../_shared/utils/global-config.js");module.exports=l=>{const{props:u,computedVisible:r,popupRef:a,triggerRef:p,arrowRef:s,mouseX:n,mouseY:h}=l,{trigger:v,alignPoint:g,popupTranslate:d,popupOffset:f,autoFitPosition:c,autoFitPopupMinWidth:b,autoFitPopupWidth:m,autoSetPosition:W,showArrow:w,position:x,arrowStyle:H,contentStyle:T}=t.toRefs(u),{updateAtScroll:P,zIndex:S}=i.getGlobalConfig(u),y=t.ref(x.value),{width:q,height:j}=e.useElementSize(a,void 0,{box:"border-box"}),{width:z,height:_}=e.useElementSize(s,void 0,{box:"border-box"}),{left:E,top:R,bottom:I,right:L,width:M,height:F}=e.useElementBounding(p,{windowScroll:P.value,updateTiming:"next-frame"}),A=t.computed(()=>{const[t,e]=k(),i=g.value&&["click","contextMenu"].includes(v.value);if(W.value||i)return{top:o.valueToPx(h.value+e),left:o.valueToPx(n.value-(c.value?0:q.value/2)+t),zIndex:S.value};const[l,u]=G({position:y.value,triggerWidth:M.value,triggerHeight:F.value,popupHeight:j.value,popupWidth:q.value,top:R.value,left:E.value,right:L.value,bottom:I.value});if(!c.value)return{top:o.valueToPx(u+e),left:o.valueToPx(l+t),zIndex:S.value};const[r,a]=O({offsetLeft:l,offsetTop:u,position:y.value,top:R.value,left:E.value,right:L.value,bottom:I.value,popupHeight:j.value,popupWidth:q.value});y.value=X({offsetLeft:r,offsetTop:a,top:R.value,left:E.value,right:L.value,bottom:I.value,triggerWidth:M.value,triggerHeight:F.value,popupHeight:j.value,popupWidth:q.value});const[p,s]=k();return{left:o.valueToPx(r+p),top:o.valueToPx(a+s),zIndex:S.value}}),B=t.computed(()=>({width:m.value?o.valueToPx(M.value):"",minWidth:b.value?o.valueToPx(M.value):"",...T.value})),C=t.computed(()=>({...H.value,...V({position:y.value,popupWidth:q.value,popupHeight:j.value,arrowWidth:z.value,arrowHeight:_.value,triggerHeight:F.value,triggerWidth:M.value})})),k=()=>{const[t,e]=d.value;let o=t,i=e;return y.value.startsWith("t")?i=-f.value:y.value.startsWith("b")?i=f.value:y.value.startsWith("l")?o=-f.value:y.value.startsWith("r")&&(o=f.value),[o,i]},G=t=>{let e=0,o=0;const{position:i,triggerWidth:l,triggerHeight:u,popupWidth:r,popupHeight:a,left:p,top:s,right:n,bottom:h}=t;return["top","tl","tr","bottom","bl","br"].includes(i)?(e=i.startsWith("t")?s-a:h,o=["top","bottom"].includes(i)?p+(l-r)/2:["tl","bl"].includes(i)?p:n-r):(o=i.startsWith("l")?p-r:n,e=["left","right"].includes(i)?s+(u-a)/2:["lt","rt"].includes(i)?s:h-a),[o,e]},O=t=>{const{position:e,offsetLeft:o,offsetTop:i,bottom:l,left:u,right:r,top:a,popupHeight:p,popupWidth:s}=t;let n=o,h=i;return["top","tl","tr","bottom","bl","br"].includes(e)?(i<0&&["top","tl","tr"].includes(e)?h=l:i+p>window.innerHeight&&["bottom","bl","br"].includes(e)&&(h=a-p),o<0?n=u:o+s>window.innerWidth&&(n=r-s)):(o<0&&["left","lt","lb"].includes(e)?n=r:o+s>window.innerWidth&&["right","rt","rb"].includes(e)&&(n=u-s),i<0?h=a:h+p>window.innerHeight&&(h=a-p)),[n,h]},V=t=>{const{position:e,triggerWidth:i,triggerHeight:l,popupWidth:u,popupHeight:r,arrowHeight:a,arrowWidth:p}=t;let s;if(["top","tl","tr","bottom","bl","br"].includes(e)){let t="",l="";["top","bottom"].includes(e)?t=o.valueToPx((u-p)/2):["tl","bl"].includes(e)?t=o.valueToPx((i-p)/2):l=o.valueToPx((i-p)/2),s={top:e.startsWith("b")?"0":"",right:l,bottom:e.startsWith("t")?"0":"",left:t}}else{let t="",i="";["left","right"].includes(e)?t=o.valueToPx((r-a)/2):["lt","rt"].includes(e)?t=o.valueToPx((l-a)/2):i=o.valueToPx((l-a)/2),s={top:t,right:e.startsWith("l")?"0":"",bottom:i,left:e.startsWith("r")?"0":""}}return s},X=t=>{const{offsetLeft:e,offsetTop:o,top:i,left:l,bottom:u,right:r,triggerWidth:a,triggerHeight:p,popupHeight:s,popupWidth:n}=t,h=1e-5,v=[[i-s,l+(a-n)/2,"top"],[i-s,l,"tl"],[i-s,r-n,"tr"],[u,l+(a-n)/2,"bottom"],[u,l,"bl"],[u,r-n,"br"],[i+(p-s)/2,l-n,"left"],[i,l-n,"lt"],[u-s,l-n,"lb"],[i+(p-s)/2,r,"right"],[i,r,"rt"],[u-s,r,"rb"]].find(([t,i])=>Math.abs(i-e)<h&&Math.abs(t-o)<h);return(null==v?void 0:v[2])??y.value};return t.watch(()=>r.value,async t=>{if(!t)return;await o.sleep(0),y.value=x.value;const i=e.unrefElement(p),l=e.unrefElement(a);if(i){const{left:t,right:e,top:o,bottom:l,width:u,height:r}=i.getBoundingClientRect();E.value=t,L.value=e,R.value=o,I.value=l,M.value=u,F.value=r}if(l){const{offsetWidth:t,offsetHeight:e}=l;q.value=t,j.value=e}if(s.value){const{offsetWidth:t,offsetHeight:e}=s.value;z.value=t,_.value=e}}),{position:y,left:E,top:R,bottom:I,right:L,popupWidth:q,popupHeight:j,triggerWidth:M,triggerHeight:F,arrowWidth:z,arrowHeight:_,popupStyle:A,contentStyle:B,arrowStyle:C}};

package/lib/Trigger/index.d.ts

@@ -51,7 +51,68 @@ declare const Trigger: {
         preventFocus: boolean;
         scrollToClose: boolean;
         needTransformOrigin: boolean;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, any, any, import('vue').ComponentProvideOptions, {
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        triggerRef: unknown;
+        popupRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly preventFocus?: boolean | undefined;
+                readonly tag?: string | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                preventFocus?: boolean;
+                tag?: string;
+            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                preventFocus: boolean;
+                tag: string;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            preventFocus: boolean;
+            tag: string;
+        }> & Omit<Readonly<{
+            preventFocus?: boolean;
+            tag?: string;
+        }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
+        arrowRef: HTMLDivElement;
+    }, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -154,7 +215,7 @@ declare const Trigger: {
     scrollToClose: boolean;
     needTransformOrigin: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: any;
+    $slots: Readonly<import('./type').TriggerSlots> & import('./type').TriggerSlots;
 }) & {
     install: (app: App) => void;
 };