yc-design-vue 2.1.2 → 2.1.4

package/lib/TimePicker/TimePickerPanel.vue.js

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

package/lib/TimePicker/hooks/useContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../../_shared/utils/control.js"),u=require("../../_shared/utils/is.js"),r=require("../../_shared/utils/locale.js"),t="time-picker-context";exports.default=function(){return{provide:(i,s)=>{const{modelValue:a,defaultValue:o,popupVisible:d,defaultPopupVisible:n,disabled:c,readonly:p,allowClear:m,format:f,type:b,disableConfirm:v,hideDisabledOptions:h,step:V,placeholder:C}=e.toRefs(i),{disabledHours:y,disabledMinutes:g,disabledSeconds:j}=i,{t:x}=r.useI18n(),M=l.useControlValue(a,o.value,e=>{s("update:modelValue",e)}),H=e.ref(0),S=e.ref([]),_=l.useControlValue(d,n.value,e=>{s("update:popupVisible",e),s("popup-visible-change",e)}),q=e.computed(()=>{const e=!c.value&&!p.value&&m.value;return u.isArray(M.value)?M.value[0]&&M.value[1]&&e:M.value&&e}),I=e.computed(()=>{const e=f.value.toLowerCase().replace(/[^a-z]/g,""),l=[];return e.includes("h")&&l.push("hour"),e.includes("m")&&l.push("minute"),e.includes("s")&&l.push("second"),l.length>0?l:["hour","minute","second"]}),O=e.computed(()=>I.value.map(e=>{var l;const u=(null==(l=V.value)?void 0:l[e])||1,r=Math.ceil(("hour"===e?24:60)/u);return{unit:e,cells:Array.from({length:r},(e,l)=>{const r=l*u;return{label:`${r<=9?"0":""}${r}`,value:r}})}})),P=e.computed(()=>C.value??x("datePicker."+("time-range"==b.value?"rangePlaceholder.time":"placeholder.time"))),R=e.ref([]);return e.provide(t,{computedValue:M,computedVisible:_,timeColumn:I,timeColumnCells:O,curValue:S,format:f,type:b,curIndex:H,inputRefs:R,disableConfirm:v,hideDisabledOptions:h,disabledHours:y,disabledMinutes:g,disabledSeconds:j}),{computedValue:M,computedVisible:_,showClearBtn:q,curValue:S,readonly:p,disabled:c,type:b,curIndex:H,inputRefs:R,format:f,placeholder:P}},inject:()=>e.inject(t,{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";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../_shared/utils/dom.js"),require("../../node_modules/b-tween/dist/b-tween.es.js"),require("../../node_modules/dayjs/dayjs.min.js"),require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../node_modules/dayjs/plugin/duration.js"),require("../../node_modules/dayjs/plugin/toObject.js"),require("../../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../../node_modules/dayjs/plugin/isSameOrBefore.js");const u=require("../../_shared/utils/is.js"),l=require("../../_shared/utils/hooks.js"),s=require("../../_shared/utils/locale.js");require("../../_shared/utils/time.js");const r="time-picker-context";exports.default=function(){return{provide:(i,o)=>{const{modelValue:d,defaultValue:t,popupVisible:a,defaultPopupVisible:n,disabled:m,readonly:c,allowClear:p,format:f,type:b,disableConfirm:h,hideDisabledOptions:v,step:j,placeholder:y}=e.toRefs(i),{disabledHours:V,disabledMinutes:C,disabledSeconds:_}=i,{t:q}=s.useI18n(),g=l.useControlValue(d,t.value,e=>{o("update:modelValue",e)}),O=e.ref(0),S=e.ref([]),x=l.useControlValue(a,n.value,e=>{o("update:popupVisible",e),o("popup-visible-change",e)}),M=e.computed(()=>{const e=!m.value&&!c.value&&p.value;return u.isArray(g.value)?g.value[0]&&g.value[1]&&e:g.value&&e}),w=e.computed(()=>{const e=f.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"]}),H=e.computed(()=>w.value.map(e=>{var u;const l=(null==(u=j.value)?void 0:u[e])||1,s=Math.ceil(("hour"===e?24:60)/l);return{unit:e,cells:Array.from({length:s},(e,u)=>{const s=u*l;return{label:`${s<=9?"0":""}${s}`,value:s}})}})),I=e.computed(()=>y.value??q("datePicker."+("time-range"==b.value?"rangePlaceholder.time":"placeholder.time"))),P=e.ref([]);return e.provide(r,{computedValue:g,computedVisible:x,timeColumn:w,timeColumnCells:H,curValue:S,format:f,type:b,curIndex:O,inputRefs:P,disableConfirm:h,hideDisabledOptions:v,disabledHours:V,disabledMinutes:C,disabledSeconds:_}),{computedValue:g,computedVisible:x,showClearBtn:M,curValue:S,readonly:c,disabled:m,type:b,curIndex:O,inputRefs:P,format:f,placeholder:I}},inject:()=>e.inject(r,{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/index.css

@@ -1 +1 @@
-.yc-picker{position:relative;padding:4px 11px 4px 4px;background-color:var(--color-fill-2);border:1px solid transparent;border-radius:var(--border-radius-small);transition:all .1s cubic-bezier(0, 0, 1, 1);line-height:1.5715;display:inline-flex;align-items:center}.yc-picker:not(.yc-picker-disabled):not(.yc-picker-focus):hover{background-color:var(--color-fill-3);border-color:transparent}.yc-picker .yc-picker-has-prefix,.yc-picker .yc-picker-input.yc-picker-suffix,.yc-picker .yc-picker-separator{flex-shrink:0}.yc-picker .yc-picker-prefix{margin-right:4px;font-size:14px;color:var(--color-text-2)}.yc-picker .yc-picker-input{flex:1;height:100%;display:flex;align-items:center}.yc-picker .yc-picker-input input{height:100%;width:100%;padding:0;padding-left:8px;background-color:transparent;border:none;outline:none;text-align:left;color:var(--color-text-2);transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-picker .yc-picker-input input::placeholder{color:var(--color-text-3)}.yc-picker .yc-picker-separator{min-width:10px;padding:0 8px;color:var(--color-text-3)}.yc-picker .yc-picker-suffix{margin-left:4px;display:flex;align-items:center}.yc-picker .yc-picker-suffix .yc-icon-button{display:none}.yc-picker .yc-picker-suffix .yc-picker-suffix-icon{color:var(--color-text-2);display:flex;justify-content:center;align-items:center}.yc-picker-has-prefix{padding-left:12px}.yc-picker-allow-clear:hover .yc-picker-suffix .yc-icon-button{display:flex}.yc-picker-allow-clear:hover .yc-picker-suffix .yc-picker-suffix-icon{display:none}.yc-picker-focus{background-color:var(--color-bg-1);border-color:rgb(var(--primary-6));box-shadow:0 0 0 0 var(--color-primary-light-2)}.yc-picker-range .yc-picker-input-active input{background:var(--color-fill-2)}.yc-picker-error{background-color:var(--color-danger-light-1);border-color:transparent}.yc-picker-error:not(.yc-picker-disabled):not(.yc-picker-focus):hover{background-color:var(--color-danger-light-2)}.yc-picker-error.yc-picker-focus{background-color:var(--color-bg-2);border-color:rgb(var(--danger-6));box-shadow:0 0 0 0 var(--color-danger-light-2)}.yc-picker-disabled{cursor:not-allowed;color:var(--color-text-4);background-color:var(--color-fill-2);border-color:transparent}.yc-picker-disabled .yc-picker-input input{cursor:not-allowed}.yc-picker-disabled .yc-picker-input input::placeholder{color:var(--color-text-4)}.yc-picker-disabled .yc-picker-suffix .yc-picker-suffix-icon{color:var(--color-text-4)}.yc-picker-size-mini{height:24px}.yc-picker-size-mini input{font-size:12px}.yc-picker-size-small{height:28px}.yc-picker-size-small input{font-size:14px}.yc-picker-size-medium{height:32px}.yc-picker-size-medium input{font-size:14px}.yc-picker-size-large{height:36px}.yc-picker-size-large input{font-size:14px}.yc-timepicker-container{overflow:hidden;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:var(--border-radius-medium);box-shadow:0 2px 5px rgba(0,0,0,0.1)}.yc-timepicker-container .yc-timepicker{position:relative;display:flex;padding:0}.yc-timepicker-container .yc-timepicker .yc-timepicker-column{overflow:hidden;width:64px;height:224px}.yc-timepicker-container .yc-timepicker .yc-timepicker-column:not(:last-child){border-right:1px solid var(--color-neutral-3)}.yc-timepicker-container .yc-timepicker .yc-timepicker-column ul .yc-timepicker-cell{padding:4px 0;color:var(--color-text-1);font-weight:500;cursor:pointer}.yc-timepicker-container .yc-timepicker .yc-timepicker-column ul .yc-timepicker-cell .yc-timepicker-cell-inner{height:24px;padding-left:24px;font-size:14px;line-height:24px}.yc-timepicker-container .yc-timepicker .yc-timepicker-column ul .yc-timepicker-cell-selected .yc-timepicker-cell-inner{font-weight:500;background-color:var(--color-fill-2)}.yc-timepicker-container .yc-timepicker .yc-timepicker-column ul .yc-timepicker-cell-disabled{color:var(--color-text-4);cursor:not-allowed}.yc-timepicker-container .yc-timepicker .yc-timepicker-column ul::after{display:block;width:100%;height:192px;content:''}.yc-timepicker-container .yc-timepicker-footer-extra-wrapper{padding:8px;border-top:1px solid var(--color-neutral-3);color:var(--color-text-1);font-size:12px}.yc-timepicker-container .yc-timepicker-footer-btn-wrapper{padding:8px;border-top:1px solid var(--color-neutral-3);display:flex;justify-content:space-between}
+.yc-picker{position:relative;padding:4px 11px 4px 4px;background-color:var(--color-fill-2);border:1px solid transparent;border-radius:var(--border-radius-small);transition:all .1s cubic-bezier(0, 0, 1, 1);line-height:1.5715;display:inline-flex;align-items:center}.yc-picker:not(.yc-picker-disabled):not(.yc-picker-focus):hover{background-color:var(--color-fill-3);border-color:transparent}.yc-picker .yc-picker-has-prefix,.yc-picker .yc-picker-input.yc-picker-suffix,.yc-picker .yc-picker-separator{flex-shrink:0}.yc-picker .yc-picker-prefix{margin-right:4px;font-size:14px;color:var(--color-text-2)}.yc-picker .yc-picker-input{flex:1;height:100%;display:flex;align-items:center}.yc-picker .yc-picker-input input{height:100%;width:100%;padding:0;padding-left:8px;background-color:transparent;border:none;outline:none;text-align:left;color:var(--color-text-2);transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-picker .yc-picker-input input::placeholder{color:var(--color-text-3)}.yc-picker .yc-picker-separator{min-width:10px;padding:0 8px;color:var(--color-text-3)}.yc-picker .yc-picker-suffix{margin-left:4px;display:flex;align-items:center}.yc-picker .yc-picker-suffix .yc-icon-button{display:none}.yc-picker .yc-picker-suffix .yc-picker-suffix-icon{color:var(--color-text-2);font-size:14px;display:flex;justify-content:center;align-items:center}.yc-picker-has-prefix{padding-left:12px}.yc-picker-allow-clear:hover .yc-picker-suffix .yc-icon-button{display:flex}.yc-picker-allow-clear:hover .yc-picker-suffix .yc-picker-suffix-icon{display:none}.yc-picker-focus{background-color:var(--color-bg-1);border-color:rgb(var(--primary-6));box-shadow:0 0 0 0 var(--color-primary-light-2)}.yc-picker-range .yc-picker-input-active input{background:var(--color-fill-2)}.yc-picker-error{background-color:var(--color-danger-light-1);border-color:transparent}.yc-picker-error:not(.yc-picker-disabled):not(.yc-picker-focus):hover{background-color:var(--color-danger-light-2)}.yc-picker-error.yc-picker-focus{background-color:var(--color-bg-2);border-color:rgb(var(--danger-6));box-shadow:0 0 0 0 var(--color-danger-light-2)}.yc-picker-disabled{cursor:not-allowed;color:var(--color-text-4);background-color:var(--color-fill-2);border-color:transparent}.yc-picker-disabled .yc-picker-input input{cursor:not-allowed}.yc-picker-disabled .yc-picker-input input::placeholder{color:var(--color-text-4)}.yc-picker-disabled .yc-picker-suffix .yc-picker-suffix-icon{color:var(--color-text-4)}.yc-picker-size-mini{height:24px}.yc-picker-size-mini input{font-size:12px}.yc-picker-size-small{height:28px}.yc-picker-size-small input{font-size:14px}.yc-picker-size-medium{height:32px}.yc-picker-size-medium input{font-size:14px}.yc-picker-size-large{height:36px}.yc-picker-size-large input{font-size:14px}.yc-timepicker-container{overflow:hidden;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:var(--border-radius-medium);box-shadow:0 2px 5px rgba(0,0,0,0.1)}.yc-timepicker-container .yc-timepicker{position:relative;display:flex;padding:0}.yc-timepicker-container .yc-timepicker .yc-timepicker-column{overflow:hidden;width:64px;height:224px}.yc-timepicker-container .yc-timepicker .yc-timepicker-column:not(:last-child){border-right:1px solid var(--color-neutral-3)}.yc-timepicker-container .yc-timepicker .yc-timepicker-column ul .yc-timepicker-cell{padding:4px 0;color:var(--color-text-1);font-weight:500;cursor:pointer}.yc-timepicker-container .yc-timepicker .yc-timepicker-column ul .yc-timepicker-cell .yc-timepicker-cell-inner{height:24px;padding-left:24px;font-size:14px;line-height:24px}.yc-timepicker-container .yc-timepicker .yc-timepicker-column ul .yc-timepicker-cell-selected .yc-timepicker-cell-inner{font-weight:500;background-color:var(--color-fill-2)}.yc-timepicker-container .yc-timepicker .yc-timepicker-column ul .yc-timepicker-cell-disabled{color:var(--color-text-4);cursor:not-allowed}.yc-timepicker-container .yc-timepicker .yc-timepicker-column ul::after{display:block;width:100%;height:192px;content:''}.yc-timepicker-container .yc-timepicker-footer-extra-wrapper{padding:8px;border-top:1px solid var(--color-neutral-3);color:var(--color-text-1);font-size:12px}.yc-timepicker-container .yc-timepicker-footer-btn-wrapper{padding:8px;border-top:1px solid var(--color-neutral-3);display:flex;justify-content:space-between}

package/lib/TimePicker/index.d.ts

@@ -5,28 +5,28 @@ export * from './type';
 declare const TimePicker: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').TimePickerProps> & Readonly<{
         onChange?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
-        onClear?: (() => any) | undefined;
-        onSelect?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
         "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
         "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+        onClear?: (() => any) | undefined;
+        onSelect?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
         "onUpdate:modelValue"?: ((value: import('./type').TimePickerValue) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         change: (timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any;
-        clear: () => any;
-        select: (timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any;
         "update:popupVisible": (value: boolean) => any;
         "popup-visible-change": (value: boolean) => any;
+        clear: () => any;
+        select: (timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any;
         "update:modelValue": (value: import('./type').TimePickerValue) => any;
     }, import('vue').PublicProps, {
         error: boolean;
         size: import('..').Size;
-        type: import('./type').TimePickerType;
-        popupContainer: import('..').PopupContainer;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
         position: import('./type').TimePickerPosition;
         unmountOnClose: boolean;
+        popupContainer: import('..').PopupContainer;
+        type: import('./type').TimePickerType;
         placeholder: string | string[];
         modelValue: import('./type').TimePickerValue;
         defaultValue: import('./type').TimePickerValue;
@@ -95,21 +95,21 @@ declare const TimePicker: {
         Defaults: {};
     }, Readonly<import('./type').TimePickerProps> & Readonly<{
         onChange?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
-        onClear?: (() => any) | undefined;
-        onSelect?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
         "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
         "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+        onClear?: (() => any) | undefined;
+        onSelect?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
         "onUpdate:modelValue"?: ((value: import('./type').TimePickerValue) => any) | undefined;
     }>, {}, {}, {}, {}, {
         error: boolean;
         size: import('..').Size;
-        type: import('./type').TimePickerType;
-        popupContainer: import('..').PopupContainer;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
         position: import('./type').TimePickerPosition;
         unmountOnClose: boolean;
+        popupContainer: import('..').PopupContainer;
+        type: import('./type').TimePickerType;
         placeholder: string | string[];
         modelValue: import('./type').TimePickerValue;
         defaultValue: import('./type').TimePickerValue;
@@ -127,28 +127,28 @@ declare const TimePicker: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').TimePickerProps> & Readonly<{
     onChange?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
-    onClear?: (() => any) | undefined;
-    onSelect?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
     "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
     "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onSelect?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import('./type').TimePickerValue) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any;
-    clear: () => any;
-    select: (timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any;
     "update:popupVisible": (value: boolean) => any;
     "popup-visible-change": (value: boolean) => any;
+    clear: () => any;
+    select: (timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any;
     "update:modelValue": (value: import('./type').TimePickerValue) => any;
 }, string, {
     error: boolean;
     size: import('..').Size;
-    type: import('./type').TimePickerType;
-    popupContainer: import('..').PopupContainer;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     disabled: boolean;
     position: import('./type').TimePickerPosition;
     unmountOnClose: boolean;
+    popupContainer: import('..').PopupContainer;
+    type: import('./type').TimePickerType;
     placeholder: string | string[];
     modelValue: import('./type').TimePickerValue;
     defaultValue: import('./type').TimePickerValue;

package/lib/TimePicker/type.d.ts

@@ -1,6 +1,6 @@
+import { VNode } from 'vue';
 import { PopupContainer, Size } from '../_shared/type';
 import { TriggerProps } from '../Trigger';
-import { VNode } from 'vue';
 export interface TimePickerProps {
     type?: TimePickerType;
     modelValue?: TimePickerValue;

package/lib/Timeline/TimelineItem.vue.d.ts

@@ -7,8 +7,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<TimelineItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TimelineItemProps> & Readonly<{}>, {
-    label: string;
     position: import('..').Position;
+    label: string;
     dotColor: string;
     dotType: import('./type').TimelineDotType;
     lineType: import('./type').TimelineLineType;

package/lib/Timeline/TimelineItemPending.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("./TimelineItem.vue.js");;/* empty css                   */const i=require("../_shared/utils/is.js"),n=require("../Spin/index.js"),o={key:0},r=e.defineComponent({__name:"TimelineItemPending",props:{pending:{type:[Boolean,String],default:""}},setup:r=>(r,s)=>(e.openBlock(),e.createBlock(t.default,{"is-ghost":""},{dot:e.withCtx(()=>[e.renderSlot(r.$slots,"dot",{},()=>[e.createVNode(e.unref(n.default),{size:12})])]),default:e.withCtx(()=>[e.unref(i.isString)(r.pending)?(e.openBlock(),e.createElementBlock("span",o,e.toDisplayString(r.pending),1)):e.createCommentVNode("",!0)]),_:3}))});exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../_shared/utils/dom.js"),require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js");const s=require("../_shared/utils/is.js");require("../_shared/utils/locale.js"),require("../_shared/utils/time.js");const r=require("./TimelineItem.vue.js");;/* empty css                   */const i=require("../Spin/index.js"),t={key:0},o=e.defineComponent({__name:"TimelineItemPending",props:{pending:{type:[Boolean,String],default:""}},setup:o=>(o,n)=>(e.openBlock(),e.createBlock(r.default,{"is-ghost":""},{dot:e.withCtx(()=>[e.renderSlot(o.$slots,"dot",{},()=>[e.createVNode(e.unref(i.default),{size:12})])]),default:e.withCtx(()=>[e.unref(s.isString)(o.pending)?(e.openBlock(),e.createElementBlock("span",t,e.toDisplayString(o.pending),1)):e.createCommentVNode("",!0)]),_:3}))});exports.default=o;

package/lib/Timeline/hooks/useContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../../_shared/utils/vue-utils.js"),i=require("../TimelineItem.vue.js");;/* empty css                    */const r=require("../TimelineItemPending.vue.js"),l="timeline-context";exports.default=function(){return{provide:o=>{const{direction:n,labelPosition:u,reverse:s,pending:a,mode:d}=e.toRefs(o),v=e.useSlots(),m=e.computed(()=>"vertical"==n.value?["left","right","alternate"].includes(d.value)?d.value:"left":["top","bottom","alternate"].includes(d.value)?d.value:"bottom"),c=e.computed(()=>e.h(r.default,{pending:a.value},v)),f=e.computed(()=>{var e;const r=t.findComponentsFromVnodes((null==(e=v.default)?void 0:e.call(v))||[],i.default.name);return a.value?[...r,c.value]:r});return e.provide(l,{direction:n,mode:m,labelPosition:u,reverse:s}),{direction:n,mode:m,timelineItems:f}},inject:()=>e.inject(l,{direction:e.ref("vertical"),mode:e.ref("left"),labelPosition:e.ref("same"),reverse:e.ref(!1)})}};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../_shared/utils/dom.js"),require("../../node_modules/b-tween/dist/b-tween.es.js"),require("../../node_modules/dayjs/dayjs.min.js"),require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../node_modules/dayjs/plugin/duration.js"),require("../../node_modules/dayjs/plugin/toObject.js"),require("../../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../../node_modules/dayjs/plugin/isSameOrBefore.js"),require("../../_shared/utils/locale.js"),require("../../_shared/utils/time.js");const r=require("../../_shared/utils/vue-utils.js"),i=require("../TimelineItem.vue.js");;/* empty css                    */const t=require("../TimelineItemPending.vue.js"),o="timeline-context";exports.default=function(){return{provide:s=>{const{direction:u,labelPosition:l,reverse:n,pending:d,mode:a}=e.toRefs(s),m=e.useSlots(),c=e.computed(()=>"vertical"==u.value?["left","right","alternate"].includes(a.value)?a.value:"left":["top","bottom","alternate"].includes(a.value)?a.value:"bottom"),j=e.computed(()=>e.h(t.default,{pending:d.value},m)),v=e.computed(()=>{var e;const t=r.findComponentsFromVnodes((null==(e=m.default)?void 0:e.call(m))||[],i.default.name);return d.value?[...t,j.value]:t});return e.provide(o,{direction:u,mode:c,labelPosition:l,reverse:n}),{direction:u,mode:c,timelineItems:v}},inject:()=>e.inject(o,{direction:e.ref("vertical"),mode:e.ref("left"),labelPosition:e.ref("same"),reverse:e.ref(!1)})}};

package/lib/Timeline/index.d.ts

@@ -39,8 +39,8 @@ declare const Timeline: {
 }) & {
     item: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').TimelineItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            label: string;
             position: import('..').Position;
+            label: string;
             dotColor: string;
             dotType: import('./type').TimelineDotType;
             lineType: import('./type').TimelineLineType;
@@ -54,8 +54,8 @@ declare const Timeline: {
             M: {};
             Defaults: {};
         }, Readonly<import('./type').TimelineItemProps> & Readonly<{}>, {}, {}, {}, {}, {
-            label: string;
             position: import('..').Position;
+            label: string;
             dotColor: string;
             dotType: import('./type').TimelineDotType;
             lineType: import('./type').TimelineLineType;
@@ -66,8 +66,8 @@ declare const Timeline: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').TimelineItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        label: string;
         position: import('..').Position;
+        label: string;
         dotColor: string;
         dotType: import('./type').TimelineDotType;
         lineType: import('./type').TimelineLineType;

package/lib/Timeline/type.d.ts

@@ -1,5 +1,5 @@
-import { Direction, Position } from '../_shared/type';
 import { VNode } from 'vue';
+import { Direction, Position } from '../_shared/type';
 export interface TimelineProps {
     reverse?: boolean;
     direction?: Direction;

package/lib/Tooltip/index.d.ts

@@ -14,7 +14,6 @@ declare const Tooltip: {
         "popup-visible-change": (value: boolean) => any;
     }, import('vue').PublicProps, {
         mini: boolean;
-        popupContainer: import('..').PopupContainer;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         position: import('..').PopupPosition;
@@ -22,6 +21,7 @@ declare const Tooltip: {
         contentStyle: import('vue').CSSProperties;
         arrowClass: import('..').ClassName;
         arrowStyle: import('vue').CSSProperties;
+        popupContainer: import('..').PopupContainer;
         content: string;
         triggerProps: import('..').TriggerProps;
         backgroundColor: string;
@@ -40,7 +40,6 @@ declare const Tooltip: {
         show(): void;
     }, {}, {}, {}, {
         mini: boolean;
-        popupContainer: import('..').PopupContainer;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         position: import('..').PopupPosition;
@@ -48,6 +47,7 @@ declare const Tooltip: {
         contentStyle: import('vue').CSSProperties;
         arrowClass: import('..').ClassName;
         arrowStyle: import('vue').CSSProperties;
+        popupContainer: import('..').PopupContainer;
         content: string;
         triggerProps: import('..').TriggerProps;
         backgroundColor: string;
@@ -66,7 +66,6 @@ declare const Tooltip: {
     "popup-visible-change": (value: boolean) => any;
 }, string, {
     mini: boolean;
-    popupContainer: import('..').PopupContainer;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     position: import('..').PopupPosition;
@@ -74,6 +73,7 @@ declare const Tooltip: {
     contentStyle: import('vue').CSSProperties;
     arrowClass: import('..').ClassName;
     arrowStyle: import('vue').CSSProperties;
+    popupContainer: import('..').PopupContainer;
     content: string;
     triggerProps: import('..').TriggerProps;
     backgroundColor: string;

package/lib/Tooltip/index.vue.d.ts

@@ -18,7 +18,6 @@ declare const __VLS_component: import('vue').DefineComponent<TooltipProps, {
     "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
 }>, {
     mini: boolean;
-    popupContainer: import('..').PopupContainer;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     position: import('..').PopupPosition;
@@ -26,6 +25,7 @@ declare const __VLS_component: import('vue').DefineComponent<TooltipProps, {
     contentStyle: CSSProperties;
     arrowClass: import('..').ClassName;
     arrowStyle: CSSProperties;
+    popupContainer: import('..').PopupContainer;
     content: string;
     triggerProps: import('../Trigger').TriggerProps;
     backgroundColor: string;

package/lib/Tooltip/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),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:"top"},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:p,emit:a}){const n=l,s=a,{arrowStyle:r,contentStyle:i,backgroundColor:u}=e.toRefs(n),{popupVisible:c,defaultPopupVisible:d}=e.toRefs(n),f=o.useControlValue(c,d.value,e=>{s("update:popupVisible",e),s("popup-visible-change",e)}),y=e.computed(()=>({backgroundColor:u.value,...i.value})),v=e.computed(()=>({backgroundColor:u.value,...r.value}));return p({show(){f.value=!0},hide(){f.value=!1}}),(o,l)=>(e.openBlock(),e.createBlock(e.unref(t.default),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":v.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"]))}});exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../_shared/utils/dom.js"),require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js");const o=require("../_shared/utils/hooks.js");require("../_shared/utils/locale.js"),require("../_shared/utils/time.js");const t=require("../Trigger/index.js"),s=e.defineComponent({name:"Tooltip",__name:"index",props:{popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},content:{default:""},position:{default:"top"},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(s,{expose:l,emit:r}){const i=s,n=r,{arrowStyle:u,contentStyle:a,backgroundColor:p}=e.toRefs(i),{popupVisible:d,defaultPopupVisible:c}=e.toRefs(i),f=o.useControlValue(d,c.value,e=>{n("update:popupVisible",e),n("popup-visible-change",e)}),m=e.computed(()=>({backgroundColor:p.value,...a.value})),y=e.computed(()=>({backgroundColor:p.value,...u.value}));return l({show(){f.value=!0},hide(){f.value=!1}}),(o,s)=>(e.openBlock(),e.createBlock(e.unref(t.default),e.mergeProps({"popup-visible":e.unref(f),"onUpdate:popupVisible":s[0]||(s[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":y.value,"content-class":["yc-tooltip-popup-content",o.contentClass,{"yc-tooltip-mini":o.mini}],"content-style":m.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"]))}});exports.default=s;

package/lib/Transfer/Transfer.vue.d.ts

@@ -8,20 +8,20 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<TransferProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: import('./type').TransferItemValue[]) => any;
-    search: (value: string, type: "source" | "target") => any;
     select: (value: import('./type').TransferItemValue[]) => any;
+    search: (value: string, type: "target" | "source") => any;
     "update:modelValue": (value: import('./type').TransferItemValue[]) => any;
     "update:selected": (value: import('./type').TransferItemValue[]) => any;
 }, string, import('vue').PublicProps, Readonly<TransferProps> & Readonly<{
     onChange?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
-    onSearch?: ((value: string, type: "source" | "target") => any) | undefined;
     onSelect?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
+    onSearch?: ((value: string, type: "target" | "source") => any) | undefined;
     "onUpdate:modelValue"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
     "onUpdate:selected"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
 }>, {
+    disabled: boolean;
     data: import('./type').TransferItem[];
     title: string[];
-    disabled: boolean;
     modelValue: string[];
     defaultValue: string[];
     simple: boolean;

package/lib/Transfer/Transfer.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("./hooks/useContext.js");require("../_shared/utils/dom.js"),/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const a=require("../_shared/icons/IconArrowRight.vue.js"),l=require("./TransferPanel.vue.js");;/* empty css                    */const 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,n=u,{computedValue:c,targetChecked:i,computedSelected:f,sourceChecked:p}=t.default().provide(d,n),h=()=>{const e=[...p.value];c.value=[...c.value,...p.value],f.value=f.value.filter(t=>!e.includes(t))},m=()=>{const e=[...i.value];c.value=c.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.default,{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:h},{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"to-target-icon",{},()=>[e.createVNode(e.unref(a.default))])]),_: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:m},{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"to-source-icon",{},()=>[e.createVNode(e.unref(a.default),{rotate:180})])]),_:3},8,["disabled"]))])),e.createVNode(l.default,{type:"target"})],2))}});exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("./hooks/useContext.js");require("../_shared/utils/dom.js"),require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js"),require("../_shared/utils/locale.js"),require("../_shared/utils/time.js"),/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const r=require("../_shared/icons/IconArrowRight.vue.js"),a=require("./TransferPanel.vue.js");;/* empty css                    */const o=require("../Button/index.js"),l={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,n=u,{computedValue:i,targetChecked:c,computedSelected:f,sourceChecked:p}=t.default().provide(d,n),m=()=>{const e=[...p.value];i.value=[...i.value,...p.value],f.value=f.value.filter(t=>!e.includes(t))},h=()=>{const e=[...c.value];i.value=i.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(a.default,{type:"source"}),t.simple?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",l,[e.createVNode(e.unref(o.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(r.default))])]),_:3},8,["disabled"]),t.oneWay?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(o.default),{key:0,disabled:!e.unref(c).length||t.disabled,shape:"circle",onClick:h},{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"to-source-icon",{},()=>[e.createVNode(e.unref(r.default),{rotate:180})])]),_:3},8,["disabled"]))])),e.createVNode(a.default,{type:"target"})],2))}});exports.default=s;

package/lib/Transfer/TransferPanel.vue.js

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

package/lib/Transfer/hooks/useContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../../_shared/utils/control.js"),r="transfer-context";exports.default=function(){return{provide:(u,l)=>{const{modelValue:a,defaultValue:o,selected:s,defaultSelected:c,data:d,oneWay:p,simple:i,sourceInputSearchProps:n,targetInputSearchProps:h,showSearch:f,showSelectAll:m,disabled:v,title:S}=e.toRefs(u),g=e.useSlots(),C=e.computed(()=>Object.fromEntries(d.value.map(e=>[e.value,e]))),V=t.useControlValue(a,o.value,e=>{l("update:modelValue",e),l("change",e)}),w=e.computed(()=>new Map(V.value.map(e=>[e,e]))),P=t.useControlValue(s,c.value,e=>{l("update:selected",e)}),b=e.computed(()=>d.value.filter(e=>!w.value.has(e.value))),k=e.computed(()=>V.value.map(e=>C.value[e])),I=e.computed(()=>P.value.filter(e=>!w.value.has(e))),O=e.computed(()=>P.value.filter(e=>w.value.has(e)));return e.provide(r,{computedValue:V,computedSelected:P,targetChecked:O,sourceChecked:I,sourceOptions:b,targetOptions:k,oneWay:p,simple:i,sourceInputSearchProps:n,targetInputSearchProps:h,showSearch:f,showSelectAll:m,disabled:v,title:S,slots:g,emits:l}),{computedValue:V,targetChecked:O,computedSelected:P,sourceChecked:I}},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";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../_shared/utils/dom.js"),require("../../node_modules/b-tween/dist/b-tween.es.js"),require("../../node_modules/dayjs/dayjs.min.js"),require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../node_modules/dayjs/plugin/duration.js"),require("../../node_modules/dayjs/plugin/toObject.js"),require("../../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../../node_modules/dayjs/plugin/isSameOrBefore.js");const t=require("../../_shared/utils/hooks.js");require("../../_shared/utils/locale.js"),require("../../_shared/utils/time.js");const r="transfer-context";exports.default=function(){return{provide:(s,u)=>{const{modelValue:o,defaultValue:l,selected:a,defaultSelected:d,data:c,oneWay:i,simple:n,sourceInputSearchProps:p,targetInputSearchProps:m,showSearch:h,showSelectAll:f,disabled:j,title:S}=e.toRefs(s),v=e.useSlots(),g=e.computed(()=>Object.fromEntries(c.value.map(e=>[e.value,e]))),_=t.useControlValue(o,l.value,e=>{u("update:modelValue",e),u("change",e)}),q=e.computed(()=>new Map(_.value.map(e=>[e,e]))),y=t.useControlValue(a,d.value,e=>{u("update:selected",e)}),b=e.computed(()=>c.value.filter(e=>!q.value.has(e.value))),w=e.computed(()=>_.value.map(e=>g.value[e])),O=e.computed(()=>y.value.filter(e=>!q.value.has(e))),C=e.computed(()=>y.value.filter(e=>q.value.has(e)));return e.provide(r,{computedValue:_,computedSelected:y,targetChecked:C,sourceChecked:O,sourceOptions:b,targetOptions:w,oneWay:i,simple:n,sourceInputSearchProps:p,targetInputSearchProps:m,showSearch:h,showSelectAll:f,disabled:j,title:S,slots:v,emits:u}),{computedValue:_,targetChecked:C,computedSelected:y,sourceChecked:O}},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/index.d.ts

@@ -5,20 +5,20 @@ export * from './type';
 declare const Transfer: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').TransferProps> & Readonly<{
         onChange?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
-        onSearch?: ((value: string, type: "source" | "target") => any) | undefined;
         onSelect?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
+        onSearch?: ((value: string, type: "target" | "source") => any) | undefined;
         "onUpdate:modelValue"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
         "onUpdate:selected"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         change: (value: import('./type').TransferItemValue[]) => any;
-        search: (value: string, type: "source" | "target") => any;
         select: (value: import('./type').TransferItemValue[]) => any;
+        search: (value: string, type: "target" | "source") => any;
         "update:modelValue": (value: import('./type').TransferItemValue[]) => any;
         "update:selected": (value: import('./type').TransferItemValue[]) => any;
     }, import('vue').PublicProps, {
+        disabled: boolean;
         data: import('./type').TransferItem[];
         title: string[];
-        disabled: boolean;
         modelValue: string[];
         defaultValue: string[];
         simple: boolean;
@@ -38,14 +38,14 @@ declare const Transfer: {
         Defaults: {};
     }, Readonly<import('./type').TransferProps> & Readonly<{
         onChange?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
-        onSearch?: ((value: string, type: "source" | "target") => any) | undefined;
         onSelect?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
+        onSearch?: ((value: string, type: "target" | "source") => any) | undefined;
         "onUpdate:modelValue"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
         "onUpdate:selected"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
     }>, {}, {}, {}, {}, {
+        disabled: boolean;
         data: import('./type').TransferItem[];
         title: string[];
-        disabled: boolean;
         modelValue: string[];
         defaultValue: string[];
         simple: boolean;
@@ -62,20 +62,20 @@ declare const Transfer: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').TransferProps> & Readonly<{
     onChange?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
-    onSearch?: ((value: string, type: "source" | "target") => any) | undefined;
     onSelect?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
+    onSearch?: ((value: string, type: "target" | "source") => any) | undefined;
     "onUpdate:modelValue"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
     "onUpdate:selected"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: import('./type').TransferItemValue[]) => any;
-    search: (value: string, type: "source" | "target") => any;
     select: (value: import('./type').TransferItemValue[]) => any;
+    search: (value: string, type: "target" | "source") => any;
     "update:modelValue": (value: import('./type').TransferItemValue[]) => any;
     "update:selected": (value: import('./type').TransferItemValue[]) => any;
 }, string, {
+    disabled: boolean;
     data: import('./type').TransferItem[];
     title: string[];
-    disabled: boolean;
     modelValue: string[];
     defaultValue: string[];
     simple: boolean;

package/lib/Transfer/type.d.ts

@@ -1,5 +1,5 @@
-import { InputProps } from '../Input';
 import { VNode } from 'vue';
+import { InputProps } from '../Input';
 export interface TransferProps {
     data?: TransferItem[];
     modelValue?: string[];

package/lib/Trigger/hooks/useContext.js

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

package/lib/Trigger/hooks/useTriggerPosition.js

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

package/lib/Trigger/hooks/useTriggerVisible.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("./useContext.js"),u=require("../../node_modules/@vueuse/core/index.js"),a=require("../../_shared/utils/dom.js"),o=require("../../_shared/utils/control.js");exports.default=t=>{const{props:s,emits:r,popupRef:i,triggerRef:v}=t,{trigger:n,popupVisible:c,defaultPopupVisible:d,clickToClose:p,blurToClose:m,clickOutsideToClose:g,mouseEnterDelay:T,mouseLeaveDelay:f,focusDelay:b,disabled:h,scrollToCloseDistance:k,scrollToClose:C,autoSetPosition:M,alignPoint:x}=e.toRefs(s),{onTriggerMouseclick:y,onTriggerMouseenter:E,onTriggerMouseleave:V,onTriggerBlur:j,onTriggerFocus:q,onClickOutSide:D}=s,L=o.useControlValue(c,d.value,e=>{r("update:popupVisible",e),r("popup-visible-change",e)}),{timeout:O,mosueLeaveHandler:P,mouseEnterHandler:S,clickOutsideHandler:_}=l.default({trigger:n.value,mouseEnterDelay:T,computedVisible:L,popupRef:i}),R=e.ref(0),w=e.ref(0);let F=0,H=0;const B=e.computed(()=>v.value?a.findFirstScrollableParent(u.unrefElement(v.value)):null);return e.watch(()=>L.value,async()=>{if(await e.nextTick(),!B.value)return;const{scrollTop:l,scrollLeft:u}=B.value;F=u,H=l}),g.value&&["click","contextMenu"].includes(n.value)&&u.onClickOutside(i,e=>{if(h.value)return;const l=_(e);L.value&&!l&&(L.value=!1,null==D||D())},{ignore:[v]}),(async()=>{await e.nextTick(),C.value&&B.value&&u.useEventListener(B,"scroll",()=>{if(!L.value)return;const{scrollTop:e,scrollLeft:l}=B.value;(Math.abs(e-H)>=k.value||Math.abs(l-F)>=k.value)&&(L.value=!1,H=e)})})(),{mouseX:R,mouseY:w,computedVisible:L,handleClickEvent:(e,l)=>{if(n.value==l&&!h.value){if(O.value&&clearTimeout(O.value),!M.value&&x.value){const{pageX:l,pageY:u}=e;R.value=l,w.value=u}L.value=!p.value||!L.value,null==y||y()}},handleMouseenter:()=>{"hover"!=n.value||h.value||(S(),O.value&&clearTimeout(O.value),L.value||(O.value=setTimeout(()=>{L.value=!0,null==E||E()},T.value)))},handleMouseleave:e=>{"hover"!=n.value||h.value||(O.value&&clearTimeout(O.value),L.value&&(O.value=setTimeout(()=>{null==V||V();P(e)||(L.value=!1)},f.value)))},handleFocus:()=>{"focus"!=n.value||h.value||(O.value&&clearTimeout(O.value),L.value||(O.value=setTimeout(()=>{L.value=!0,null==q||q()},b.value)))},handleBlur:()=>{"focus"==n.value&&m.value&&!h.value&&(O.value&&clearTimeout(O.value),L.value&&(L.value=!1,null==j||j()))}}};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("./useContext.js"),u=require("../../_shared/utils/dom.js"),a=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/b-tween/dist/b-tween.es.js"),require("../../node_modules/dayjs/dayjs.min.js"),require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../node_modules/dayjs/plugin/duration.js"),require("../../node_modules/dayjs/plugin/toObject.js"),require("../../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../../node_modules/dayjs/plugin/isSameOrBefore.js");const o=require("../../_shared/utils/hooks.js");require("../../_shared/utils/locale.js"),require("../../_shared/utils/time.js");exports.default=s=>{const{props:r,emits:i,popupRef:t,triggerRef:n}=s,{trigger:v,popupVisible:c,defaultPopupVisible:d,clickToClose:m,blurToClose:p,clickOutsideToClose:g,mouseEnterDelay:f,mouseLeaveDelay:T,focusDelay:j,disabled:b,scrollToCloseDistance:h,scrollToClose:y,autoSetPosition:q,alignPoint:_}=e.toRefs(r),{onTriggerMouseclick:k,onTriggerMouseenter:C,onTriggerMouseleave:M,onTriggerBlur:O,onTriggerFocus:x,onClickOutSide:S}=r,E=o.useControlValue(c,d.value,e=>{i("update:popupVisible",e),i("popup-visible-change",e)}),{timeout:V,mosueLeaveHandler:w,mouseEnterHandler:D,clickOutsideHandler:L}=l.default({trigger:v.value,mouseEnterDelay:f,computedVisible:E,popupRef:t}),P=e.ref(0),R=e.ref(0);let B=0,F=0;const H=e.computed(()=>n.value?u.findFirstScrollableParent(a.unrefElement(n.value)):null);return e.watch(()=>E.value,async()=>{if(await e.nextTick(),!H.value)return;const{scrollTop:l,scrollLeft:u}=H.value;B=u,F=l}),g.value&&["click","contextMenu"].includes(v.value)&&a.onClickOutside(t,e=>{if(b.value)return;const l=L(e);E.value&&!l&&(E.value=!1,null==S||S())},{ignore:[n]}),(async()=>{await e.nextTick(),y.value&&H.value&&a.useEventListener(H,"scroll",()=>{if(!E.value)return;const{scrollTop:e,scrollLeft:l}=H.value;(Math.abs(e-F)>=h.value||Math.abs(l-B)>=h.value)&&(E.value=!1,F=e)})})(),{mouseX:P,mouseY:R,computedVisible:E,handleClickEvent:(e,l)=>{if(v.value==l&&!b.value){if(V.value&&clearTimeout(V.value),!q.value&&_.value){const{pageX:l,pageY:u}=e;P.value=l,R.value=u}E.value=!m.value||!E.value,null==k||k()}},handleMouseenter:()=>{"hover"!=v.value||b.value||(D(),V.value&&clearTimeout(V.value),E.value||(V.value=setTimeout(()=>{E.value=!0,null==C||C()},f.value)))},handleMouseleave:e=>{"hover"!=v.value||b.value||(V.value&&clearTimeout(V.value),E.value&&(V.value=setTimeout(()=>{null==M||M();w(e)||(E.value=!1)},T.value)))},handleFocus:()=>{"focus"!=v.value||b.value||(V.value&&clearTimeout(V.value),E.value||(V.value=setTimeout(()=>{E.value=!0,null==x||x()},j.value)))},handleBlur:()=>{"focus"==v.value&&p.value&&!b.value&&(V.value&&clearTimeout(V.value),E.value&&(E.value=!1,null==O||O()))}}};