vft 0.0.427 → 0.0.428

package/lib/packages/components/menu/menu.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue"),q=require("@vft/utils"),H=require("../icon/index.cjs"),J=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const K=require("../../utils/vue/vnode.cjs");require("../form/index.cjs");const P=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Q=require("./menu-collapse-transition.vue.cjs"),X=require("./sub-menu.vue2.cjs"),Y=require("./use-menu-css-var.cjs"),Z=require("./utils/menu-bar.cjs"),_=u.defineComponent({name:"vft-menu"}),ee=u.defineComponent({..._,props:{mode:{default:"vertical"},defaultActive:{default:""},defaultOpeneds:{default:()=>[]},uniqueOpened:{type:Boolean},router:{type:Boolean},menuTrigger:{default:"hover"},collapse:{type:Boolean},collapseTransition:{type:Boolean,default:!0},ellipsis:{type:Boolean,default:!0},horizontalMenuProps:{},persistent:{type:Boolean,default:!0},disableSubMenuAction:{type:Boolean,default:!1}},emits:["update:collapse","sub-menu-click","select","close","open"],setup(n,{expose:k,emit:w}){const m=w,b=P.useNamespace("menu"),A=u.useSlots(),h=u.getCurrentInstance(),y=h.appContext.config.globalProperties.$router,i=u.ref(),x=P.useNamespace("sub-menu"),f=u.ref(-1),a=u.ref(n.defaultOpeneds&&!n.collapse?n.defaultOpeneds.slice(0):[]),s=u.ref(n.defaultActive),r=u.ref({}),M=u.ref({}),R=u.computed(()=>n.mode==="horizontal"||n.mode==="vertical"&&n.collapse),E=()=>{const e=s.value&&r.value[s.value];if(!e||n.mode==="horizontal"||n.collapse)return;e.indexPath.forEach(l=>{const o=M.value[l];o&&p(l,o.indexPath)})},p=(e,t,l)=>{a.value.includes(e)||(n.uniqueOpened&&(a.value=a.value.filter(o=>t.includes(o))),a.value.push(e),m("open",{index:e,indexPath:t,e:l}))},g=(e,t,l)=>{const o=a.value.indexOf(e);o!==-1&&a.value.splice(o,1),m("close",{index:e,indexPath:t,event:l})},W=({e,index:t,indexPath:l,isFirstLevel:o=!1})=>{if(!o){const c=a.value.includes(t);s.value=t,n.disableSubMenuAction||(c?g(t,l,e):p(t,l,e))}m("sub-menu-click",{e,index:t,indexPath:l})},V=e=>{(n.mode==="horizontal"||n.collapse)&&(a.value=[]);const{index:t,indexPath:l}=e;if(!(q.isNullOrUndefined(t)||q.isNullOrUndefined(l))){if(n.router&&y){const o=e.route||t,c=y.push(o).then(d=>(d||(s.value=t),d));m("select",e,c)}else s.value=t,m("select",e);q.isMobile()&&setTimeout(()=>{a.value=[]},100)}},C=e=>{const t=r.value,l=t[e]||s.value&&t[s.value]||t[n.defaultActive];l?s.value=l.index:s.value=e},$=()=>{if(!i.value)return-1;const e=Array.from(i.value?.childNodes??[]).filter(S=>S.nodeName!=="#text"||S.nodeValue),t=64,l=Number.parseInt(getComputedStyle(i.value).paddingLeft,10),o=Number.parseInt(getComputedStyle(i.value).paddingRight,10),c=i.value.clientWidth-l-o;let d=0,v=0;return e.forEach((S,G)=>{d+=S.offsetWidth||0,d<=c-t&&(v=G+1)}),v===e.length?-1:v},D=(e,t=33.34)=>{let l;return()=>{l&&clearTimeout(l),l=setTimeout(()=>{e()},t)}};let I=!0;const T=()=>{const e=()=>{f.value=-1,u.nextTick(()=>{f.value=$()})};I?e():D(e)(),I=!1};u.watch(()=>n.defaultActive,e=>{r.value[e]||(s.value=""),C(e)}),u.watch(()=>n.collapse,e=>{e&&(a.value=[])}),u.watch(r.value,E);let z;u.watchEffect(()=>{n.mode==="horizontal"&&n.ellipsis?z=J.useResizeObserver(i,T).stop:z?.()});const O=e=>{M.value[e.index]=e},B=e=>{delete M.value[e.index]},L=e=>{r.value[e.index]=e},U=e=>{delete r.value[e.index]},N=u.ref(!1),j=u.ref(),F=u.ref();return u.provide("rootMenu",u.reactive({props:h.props,openedMenus:a,items:r,subMenus:M,activeIndex:s,isMenuPopup:R,inSubMenu:N,inSubMenuMouseEnterTimer:j,inSubMenuMouseleaveTimer:F,addMenuItem:L,removeMenuItem:U,addSubMenu:O,removeSubMenu:B,openMenu:p,closeMenu:g,handleMenuItemClick:V,handleSubMenuClick:W})),u.provide(`subMenu:${h.uid}`,{addSubMenu:O,removeSubMenu:B,mouseInChild:u.ref(!1),level:0}),u.onMounted(()=>{n.mode==="horizontal"&&new Z.default(h.vnode.el,b.namespace.value)}),k({open:e=>{const{indexPath:t}=M.value[e];t.forEach(l=>p(l,t))},close:g,handleResize:T,menu:i,inSubMenu:N,updateActiveIndex:C,activeIndex:s}),()=>{let e=A.default?.()??[];const t=[];if(n.mode==="horizontal"&&i.value){const c=K.flattedChildren(e),d=f.value===-1?c:c.slice(0,f.value),v=f.value===-1?[]:c.slice(f.value);v?.length&&n.ellipsis&&(e=d,t.push(u.h(X.default,{index:"sub-menu-more",class:x.e("hide-arrow"),...n.horizontalMenuProps},{title:()=>u.h(H.VftIcon,{icon:"icon-menu-line",class:x.e("icon-more")}),default:()=>v})))}const l=Y.useMenuCssVar(h.props,0),o=u.h("ul",{key:String(n.collapse),role:"menubar",ref:i,style:l.value,class:{[b.b()]:!0,[b.m(n.mode)]:!0,[b.m("collapse")]:n.collapse}},[...e,...t]);return n.collapseTransition&&n.mode==="vertical"?u.h(Q.default,()=>o):o}}});exports.default=ee;

package/lib/packages/components/menu/sub-menu.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("@vft/utils"),ee=require("../tooltip/index.cjs"),V=require("../icon/index.cjs"),te=require("../collapse-transition/index.cjs"),N=require("@vueuse/core"),R=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const x=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const oe=require("./use-menu.cjs"),ne=require("./use-menu-css-var.cjs"),ue=e.defineComponent({name:"vft-sub-menu",inheritAttrs:!1}),le=e.defineComponent({...ue,props:{index:{},showTimeout:{default:300},hideTimeout:{default:300},popperClass:{},disabled:{type:Boolean},popperOffset:{default:6},expandIcon:{},collapseIcon:{},title:{},icon:{},showArrow:{type:Boolean,default:!0},toolTipCfg:{},teleported:{type:Boolean,default:void 0}},emits:["mouseenter","mouseleave"],setup(o,{expose:D,emit:L}){const S=L,w=x.useNamespace("sub-menu"),d=e.getCurrentInstance(),{indexPath:f,parentMenu:q}=oe.default(d,e.computed(()=>o.index)),a=x.useNamespace("menu"),l=x.useNamespace("sub-menu"),t=e.inject("rootMenu");t||R.throwError(w.b(),"can not inject root menu");const r=e.inject(`subMenu:${q.value.uid}`);r||R.throwError(w.b(),"can not inject sub menu");const C=e.ref({});let M;const y=e.ref(!1),H=e.ref(),I=e.ref(null),k=e.computed(()=>c.value==="horizontal"&&b.value?"bottom-start":"right-start"),b=e.computed(()=>r.level===0),g=e.computed(()=>o.teleported===void 0?b.value:o.teleported),U=e.computed(()=>t.props.collapse?`${a.namespace.value}-zoom-in-left`:`${a.namespace.value}-zoom-in-top`),Z=e.computed(()=>c.value==="horizontal"&&b.value?["bottom-start","bottom-end","top-start","top-end","right-start","left-start"]:["right-start","left-start","bottom-start","bottom-end","top-start","top-end"]),i=e.computed(()=>t.openedMenus.includes(o.index)),p=e.computed(()=>{let n=!1;return Object.values(C.value).forEach(s=>{s.active&&(n=!0)}),o.index===t.activeIndex&&(n=!0),n}),z=e.computed(()=>t.props.backgroundColor||""),E=e.computed(()=>t.props.activeTextColor||""),A=e.computed(()=>t.props.textColor||""),c=e.computed(()=>t.props.mode),G=e.computed(()=>t.props.persistent),h=e.reactive({index:o.index,indexPath:f,active:p}),j=ne.useMenuCssVar(t.props,r.level+1),P=e.computed(()=>c.value!=="horizontal"?{color:A.value}:{borderBottomColor:p.value?t.props.activeTextColor?E.value:"":"transparent",color:p.value?E.value:A.value}),J=()=>I.value?.popperRef?.popperInstanceRef?.destroy(),K=n=>{n||J()},$=n=>{const s={e:n,index:o.index,indexPath:f.value,active:p.value};if(t.props.menuTrigger==="hover"&&t.props.mode==="horizontal"&&!m.isMobile()||t.props.collapse&&t.props.mode==="vertical"||o.disabled){t.handleSubMenuClick({...s,isFirstLevel:!0});return}t.handleSubMenuClick(s)},v=(n,s=o.showTimeout)=>{n.type!=="focus"&&(t.props.menuTrigger==="click"&&t.props.mode==="horizontal"||!t.props.collapse&&t.props.mode==="vertical"||o.disabled||(r.mouseInChild.value=!0,M?.(),{stop:M}=N.useTimeoutFn(()=>{t.openMenu(o.index,f.value)},s),g.value&&q.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")),S("mouseenter",n)))},Q=()=>{t.inSubMenuMouseEnterTimer&&clearTimeout(t.inSubMenuMouseEnterTimer),t.inSubMenuMouseleaveTimer&&clearTimeout(t.inSubMenuMouseleaveTimer),t.inSubMenuMouseEnterTimer=setTimeout(()=>{t.inSubMenu=!0},o.showTimeout+10)},W=()=>{t.inSubMenuMouseEnterTimer&&clearTimeout(t.inSubMenuMouseEnterTimer),t.inSubMenuMouseleaveTimer&&clearTimeout(t.inSubMenuMouseleaveTimer),t.inSubMenuMouseleaveTimer=setTimeout(()=>{t.inSubMenu=!1},o.hideTimeout-10)},T=(n,s=!1)=>{t.props.menuTrigger==="click"&&t.props.mode==="horizontal"||!t.props.collapse&&t.props.mode==="vertical"||(M?.(),r.mouseInChild.value=!1,{stop:M}=N.useTimeoutFn(()=>{!y.value&&t.closeMenu(o.index,f.value)},o.hideTimeout),g.value&&s&&d.parent?.type.name==="vft-sub-menu"&&r.handleMouseleave?.(n,!0),S("mouseleave",n))};e.watch(()=>t.props.collapse,n=>K(!!n));{const n=u=>{C.value[u.index]=u},s=u=>{delete C.value[u.index]};e.provide(`subMenu:${d.uid}`,{addSubMenu:n,removeSubMenu:s,handleMouseleave:T,mouseInChild:y,level:r.level+1})}D({opened:i}),e.onMounted(()=>{t.addSubMenu(h),r.addSubMenu(h)}),e.onBeforeUnmount(()=>{r.removeSubMenu(h),t.removeSubMenu(h)});const B=e.useSlots(),F=e.computed(()=>m.singleAttrToObj(o.icon,"icon")),X=e.computed(()=>m.singleAttrToObj(o.expandIcon,"icon")),Y=e.computed(()=>m.singleAttrToObj(o.collapseIcon,"icon")),_=e.computed(()=>c.value==="horizontal"&&b.value||c.value==="vertical"&&!t.props.collapse?{icon:"icon-arrow-down",size:20,...X.value}:{icon:"icon-arrow-right",size:18,...Y.value}),O=e.computed(()=>m.renderTNode(d,"title"));return()=>{const n=[F.value?.icon?e.h(V.VftIcon,{...F.value}):null,e.h("span",{class:[l.e("text"),l.is("arrow",o.showArrow)],title:d.props.title},O.value),o.showArrow?e.h(V.VftIcon,{class:l.e("icon-arrow"),..._.value,style:{transform:i.value?"rotateZ(180deg)":"none"}}):!1],s=t.isMenuPopup?e.h(ee.VftTooltip,{ref:I,visible:i.value,effect:"light",pure:!0,offset:o.popperOffset,showArrow:!1,persistent:G.value,popperClass:o.popperClass,placement:k.value,teleported:g.value,fallbackPlacements:Z.value,transition:U.value,gpuAcceleration:!1,...o.toolTipCfg},{content:()=>e.h("div",{class:[a.m(c.value),a.m("popup-container"),o.popperClass],onMouseenter:u=>v(u,100),onMouseleave:u=>T(u,!0),onFocus:u=>v(u,100)},[e.h("ul",{class:[a.b(),a.m("popup"),a.m(`popup-${k.value}`)],style:j.value},[B.default?.()])]),default:()=>e.h("div",{class:l.e("title"),style:[P.value,{backgroundColor:z.value}],onMouseenter:u=>v(u),onMouseleave:u=>T(u,!0),onClick:u=>$(u)},n)}):e.h(e.Fragment,{},[O.value?e.h("div",{class:l.e("title"),style:[P.value,{backgroundColor:z.value}],ref:H,onClick:$},n):null,e.h(te.VftCollapseTransition,{},{default:()=>e.withDirectives(e.h("ul",{role:"menu",class:[a.b(),a.m("inline")],style:j.value},[B.default?.()]),[[e.vShow,i.value]])})]);return e.h("li",{class:[l.b(),l.is("active",p.value),l.e(String(r.level)),l.is("in-popup",r.level!==0),l.is("opened",i.value),l.is("arrow",!0),l.is("disabled",o.disabled)],role:"menuitem",ariaHaspopup:!0,ariaExpanded:i.value,onMouseenter:[Q,u=>v(u)],onMouseleave:[W,u=>T(u,!0)],onFocus:v},[s])}}});exports.default=le;

package/lib/packages/components/select/group-item.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./group-item.vue2.cjs"),e=require("vue"),l=require("../../../_virtual/_plugin-vue_export-helper.cjs");function o(t,i,n,s,a,p){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.ns.be("group","title")),style:e.normalizeStyle({...t.style,lineHeight:`${t.height}px`})},e.toDisplayString(t.item.label),7)}const u=l.default(r.default,[["render",o]]);exports.default=u;

package/lib/packages/components/select/option-item.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./option-item.vue2.cjs"),s=require("vue"),n=require("../../../_virtual/_plugin-vue_export-helper.cjs"),t=["aria-selected"];function r(e,i,a,u,p,m){return s.openBlock(),s.createElementBlock("li",{"aria-selected":e.selected,style:s.normalizeStyle(e.style),class:s.normalizeClass([e.ns.be("dropdown","item"),e.ns.is("selected",e.selected),e.ns.is("disabled",e.disabled),e.ns.is("created",e.created),e.ns.is("hovering",e.hovering)]),onMousemove:i[0]||(i[0]=(...l)=>e.hoverItem&&e.hoverItem(...l)),onClick:i[1]||(i[1]=s.withModifiers((...l)=>e.selectOptionClick&&e.selectOptionClick(...l),["stop"]))},[s.renderSlot(e.$slots,"default",{item:e.item,index:e.index,disabled:e.disabled},()=>[s.createElementVNode("span",null,s.toDisplayString(e.getLabel(e.item)),1)])],46,t)}const d=n.default(o.default,[["render",r]]);exports.default=d;

package/lib/packages/components/select/select.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./select.vue2.cjs"),l=require("vue"),u=require("../../../_virtual/_plugin-vue_export-helper.cjs"),m=["id","autocomplete","tabindex","aria-expanded","aria-label","disabled","readonly","name"],f=["textContent"],g={key:1};function S(e,s,v,b,y,w){const n=l.resolveComponent("tag"),i=l.resolveComponent("tooltip"),a=l.resolveComponent("icon"),r=l.resolveComponent("select-menu"),d=l.resolveDirective("click-outside");return l.withDirectives((l.openBlock(),l.createElementBlock("div",{ref:"selectRef",class:l.normalizeClass([e.nsSelect.b(),e.nsSelect.m(e.selectSize)]),onMouseenter:s[13]||(s[13]=o=>e.states.inputHovering=!0),onMouseleave:s[14]||(s[14]=o=>e.states.inputHovering=!1)},[l.createVNode(i,{ref:"tooltipRef",visible:e.dropdownMenuVisible,teleported:e.teleported,"popper-class":[e.nsSelect.e("popper"),e.popperClass],"gpu-acceleration":!1,"stop-popper-mouse-event":!1,"popper-options":e.popperOptions,"fallback-placements":e.fallbackPlacements,effect:e.effect,placement:e.placement,pure:"",transition:`${e.nsSelect.namespace.value}-zoom-in-top`,trigger:"click",persistent:e.persistent,"append-to":e.appendTo,"show-arrow":e.showArrow,offset:e.offset,onBeforeShow:e.handleMenuEnter,onHide:s[12]||(s[12]=o=>e.states.isBeforeHide=!1)},{default:l.withCtx(()=>[l.createElementVNode("div",{ref:"wrapperRef",class:l.normalizeClass([e.nsSelect.e("wrapper"),e.nsSelect.is("focused",e.isFocused),e.nsSelect.is("hovering",e.states.inputHovering),e.nsSelect.is("filterable",e.filterable),e.nsSelect.is("disabled",e.selectDisabled)]),onClick:s[11]||(s[11]=l.withModifiers((...o)=>e.toggleMenu&&e.toggleMenu(...o),["prevent"]))},[e.$slots.prefix?(l.openBlock(),l.createElementBlock("div",{key:0,ref:"prefixRef",class:l.normalizeClass(e.nsSelect.e("prefix"))},[l.renderSlot(e.$slots,"prefix")],2)):l.createCommentVNode("",!0),l.createElementVNode("div",{ref:"selectionRef",class:l.normalizeClass([e.nsSelect.e("selection"),e.nsSelect.is("near",e.multiple&&!e.$slots.prefix&&!!e.modelValue.length)])},[e.multiple?l.renderSlot(e.$slots,"tag",{key:0,data:e.states.cachedOptions,deleteTag:e.deleteTag,selectDisabled:e.selectDisabled},()=>[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(e.showTagList,o=>(l.openBlock(),l.createElementBlock("div",{key:e.getValueKey(e.getValue(o)),class:l.normalizeClass(e.nsSelect.e("selected-item"))},[l.createVNode(n,{closable:!e.selectDisabled&&!e.getDisabled(o),size:e.collapseTagSize,type:e.tagType,effect:e.tagEffect,"disable-transitions":"",style:l.normalizeStyle(e.tagStyle),onClose:t=>e.deleteTag(t,o)},{default:l.withCtx(()=>[l.createElementVNode("span",{class:l.normalizeClass(e.nsSelect.e("tags-text"))},[l.renderSlot(e.$slots,"label",{label:e.getLabel(o),value:e.getValue(o)},()=>[l.createTextVNode(l.toDisplayString(e.getLabel(o)),1)])],2)]),_:2},1032,["closable","size","type","effect","style","onClose"])],2))),128)),e.collapseTags&&e.modelValue.length>e.maxCollapseTags?(l.openBlock(),l.createBlock(i,{key:0,ref:"tagTooltipRef",disabled:e.dropdownMenuVisible||!e.collapseTagsTooltip,"fallback-placements":["bottom","top","right","left"],effect:e.effect,placement:"bottom","popper-class":e.popperClass,teleported:e.teleported},{default:l.withCtx(()=>[l.createElementVNode("div",{ref:"collapseItemRef",class:l.normalizeClass(e.nsSelect.e("selected-item"))},[l.createVNode(n,{closable:!1,size:e.collapseTagSize,type:e.tagType,effect:e.tagEffect,style:l.normalizeStyle(e.collapseTagStyle),"disable-transitions":""},{default:l.withCtx(()=>[l.createElementVNode("span",{class:l.normalizeClass(e.nsSelect.e("tags-text"))}," + "+l.toDisplayString(e.modelValue.length-e.maxCollapseTags),3)]),_:1},8,["size","type","effect","style"])],2)]),content:l.withCtx(()=>[l.createElementVNode("div",{ref:"tagMenuRef",class:l.normalizeClass(e.nsSelect.e("selection"))},[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(e.collapseTagList,o=>(l.openBlock(),l.createElementBlock("div",{key:e.getValueKey(e.getValue(o)),class:l.normalizeClass(e.nsSelect.e("selected-item"))},[l.createVNode(n,{class:"in-tooltip",closable:!e.selectDisabled&&!e.getDisabled(o),size:e.collapseTagSize,type:e.tagType,effect:e.tagEffect,"disable-transitions":"",onClose:t=>e.deleteTag(t,o)},{default:l.withCtx(()=>[l.createElementVNode("span",{class:l.normalizeClass(e.nsSelect.e("tags-text"))},[l.renderSlot(e.$slots,"label",{label:e.getLabel(o),value:e.getValue(o)},()=>[l.createTextVNode(l.toDisplayString(e.getLabel(o)),1)])],2)]),_:2},1032,["closable","size","type","effect","onClose"])],2))),128))],2)]),_:3},8,["disabled","effect","popper-class","teleported"])):l.createCommentVNode("",!0)]):l.createCommentVNode("",!0),l.createElementVNode("div",{class:l.normalizeClass([e.nsSelect.e("selected-item"),e.nsSelect.e("input-wrapper"),e.nsSelect.is("hidden",!e.filterable)])},[l.withDirectives(l.createElementVNode("input",{id:e.inputId,ref:"inputRef","onUpdate:modelValue":s[0]||(s[0]=o=>e.states.inputValue=o),style:l.normalizeStyle(e.inputStyle),autocomplete:e.autocomplete,tabindex:e.tabindex,"aria-autocomplete":"list","aria-haspopup":"listbox",autocapitalize:"off","aria-expanded":e.expanded,"aria-label":e.ariaLabel,class:l.normalizeClass([e.nsSelect.e("input"),e.nsSelect.is(e.selectSize)]),disabled:e.selectDisabled,role:"combobox",readonly:!e.filterable,spellcheck:"false",type:"text",name:e.name,onInput:s[1]||(s[1]=(...o)=>e.onInput&&e.onInput(...o)),onCompositionstart:s[2]||(s[2]=(...o)=>e.handleCompositionStart&&e.handleCompositionStart(...o)),onCompositionupdate:s[3]||(s[3]=(...o)=>e.handleCompositionUpdate&&e.handleCompositionUpdate(...o)),onCompositionend:s[4]||(s[4]=(...o)=>e.handleCompositionEnd&&e.handleCompositionEnd(...o)),onKeydown:[s[5]||(s[5]=l.withKeys(l.withModifiers(o=>e.onKeyboardNavigate("backward"),["stop","prevent"]),["up"])),s[6]||(s[6]=l.withKeys(l.withModifiers(o=>e.onKeyboardNavigate("forward"),["stop","prevent"]),["down"])),s[7]||(s[7]=l.withKeys(l.withModifiers((...o)=>e.onKeyboardSelect&&e.onKeyboardSelect(...o),["stop","prevent"]),["enter"])),s[8]||(s[8]=l.withKeys(l.withModifiers((...o)=>e.handleEsc&&e.handleEsc(...o),["stop","prevent"]),["esc"])),s[9]||(s[9]=l.withKeys(l.withModifiers((...o)=>e.handleDel&&e.handleDel(...o),["stop"]),["delete"]))],onClick:s[10]||(s[10]=l.withModifiers((...o)=>e.toggleMenu&&e.toggleMenu(...o),["stop"]))},null,46,m),[[l.vModelText,e.states.inputValue]]),e.filterable?(l.openBlock(),l.createElementBlock("span",{key:0,ref:"calculatorRef","aria-hidden":"true",class:l.normalizeClass(e.nsSelect.e("input-calculator")),textContent:l.toDisplayString(e.states.inputValue)},null,10,f)):l.createCommentVNode("",!0)],2),e.shouldShowPlaceholder?(l.openBlock(),l.createElementBlock("div",{key:1,class:l.normalizeClass([e.nsSelect.e("selected-item"),e.nsSelect.e("placeholder"),e.nsSelect.is("transparent",!e.hasModelValue||e.expanded&&!e.states.inputValue)])},[e.hasModelValue?l.renderSlot(e.$slots,"label",{key:0,label:e.currentPlaceholder,value:e.modelValue},()=>[l.createElementVNode("span",null,l.toDisplayString(e.currentPlaceholder),1)]):(l.openBlock(),l.createElementBlock("span",g,l.toDisplayString(e.currentPlaceholder),1))],2)):l.createCommentVNode("",!0)],2),l.createElementVNode("div",{ref:"suffixRef",class:l.normalizeClass(e.nsSelect.e("suffix"))},[e.iconComponent?l.withDirectives((l.openBlock(),l.createBlock(a,{key:0,icon:e.iconComponent,class:l.normalizeClass([e.nsSelect.e("caret"),e.nsInput.e("icon"),e.iconReverse])},null,8,["icon","class"])),[[l.vShow,!e.showClearBtn]]):l.createCommentVNode("",!0),e.showClearBtn&&e.clearIcon?(l.openBlock(),l.createBlock(a,{key:1,class:l.normalizeClass([e.nsSelect.e("caret"),e.nsInput.e("icon"),e.nsSelect.e("clear")]),icon:e.clearIcon,onClick:l.withModifiers(e.handleClear,["prevent","stop"])},null,8,["class","icon","onClick"])):l.createCommentVNode("",!0),e.validateState&&e.validateIcon&&e.needStatusIcon?(l.openBlock(),l.createBlock(a,{key:2,icon:e.validateIcon,class:l.normalizeClass([e.nsInput.e("icon"),e.nsInput.e("validateIcon"),e.nsInput.is("loading",e.validateState==="validating")])},null,8,["icon","class"])):l.createCommentVNode("",!0)],2)],2)]),content:l.withCtx(()=>[l.createVNode(r,{ref:"menuRef",data:e.filteredOptions,width:e.popperSize,"hovering-index":e.states.hoveringIndex,"scrollbar-always-on":e.scrollbarAlwaysOn},l.createSlots({default:l.withCtx(o=>[l.renderSlot(e.$slots,"default",l.normalizeProps(l.guardReactiveProps(o)))]),_:2},[e.$slots.header?{name:"header",fn:l.withCtx(()=>[l.createElementVNode("div",{class:l.normalizeClass(e.nsSelect.be("dropdown","header"))},[l.renderSlot(e.$slots,"header")],2)]),key:"0"}:void 0,e.$slots.loading&&e.loading?{name:"loading",fn:l.withCtx(()=>[l.createElementVNode("div",{class:l.normalizeClass(e.nsSelect.be("dropdown","loading"))},[l.renderSlot(e.$slots,"loading")],2)]),key:"1"}:e.loading||e.filteredOptions.length===0?{name:"empty",fn:l.withCtx(()=>[l.createElementVNode("div",{class:l.normalizeClass(e.nsSelect.be("dropdown","empty"))},[l.renderSlot(e.$slots,"empty",{},()=>[l.createElementVNode("span",null,l.toDisplayString(e.emptyText),1)])],2)]),key:"2"}:void 0,e.$slots.footer?{name:"footer",fn:l.withCtx(()=>[l.createElementVNode("div",{class:l.normalizeClass(e.nsSelect.be("dropdown","footer"))},[l.renderSlot(e.$slots,"footer")],2)]),key:"3"}:void 0]),1032,["data","width","hovering-index","scrollbar-always-on"])]),_:3},8,["visible","teleported","popper-class","popper-options","fallback-placements","effect","placement","transition","persistent","append-to","show-arrow","offset","onBeforeShow"])],34)),[[d,e.handleClickOutside,e.popperRef]])}const C=u.default(p.default,[["render",S]]);exports.default=C;

package/lib/packages/components/side-menu/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("../form/index.cjs");const u=require("./side-menu.vue2.cjs"),e=r.withInstall(u.default);exports.VftSideMenu=e;exports.default=e;

package/lib/packages/components/side-menu/side-menu.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),R=require("@vft/router"),le=require("@vft/use/sortable"),g=require("@vft/utils");require("@vueuse/core");const I=require("../../utils/helper.cjs");require("lodash-es");require("../form/index.cjs");const oe=require("../icon/index.cjs"),b=require("../menu/index.cjs"),ue=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ae=require("./use-drag-line.cjs");function se(m){return typeof m=="function"||Object.prototype.toString.call(m)==="[object Object]"&&!n.isVNode(m)}const ie=n.defineComponent({name:"vft-side-menu"}),de=n.defineComponent({...ie,props:{isFixedLeft:{type:Boolean,default:!1},menus:{},width:{default:200},height:{default:"100%"},collapseWidth:{default:50},attrMapping:{},menuTopBottomHeight:{default:0},showCollapse:{type:Boolean,default:!1},dragOption:{},dragWidthCfg:{type:[Boolean,Object],default:!1},useRouterJump:{type:Boolean,default:!1},openDisabled:{type:Boolean},autoScrollActiveDom:{type:[Boolean,Number],default:!0},openMenuCollapse:{type:Boolean,default:!0},collapse:{type:Boolean,default:!1},uniqueOpened:{type:Boolean,default:!0},disabledJudgeTurnOver:{type:Boolean,default:!1},defaultActive:{},defaultOpeneds:{},defaultOpenedsLevel:{type:[Number,Boolean],default:!1},disableSubMenuAction:{type:Boolean,default:!1}},emits:["update:collapse","update:width","dragEnd","dragWidthEnd","select","subMenuClick","subMenuOpenClick","menuItemMouseenter","menuItemMouseleave"],setup(m,{expose:W,emit:j}){const t=m,r=j,{defaultActive:L,collapse:f,uniqueOpened:E,defaultOpeneds:J,openMenuCollapse:P,defaultOpenedsLevel:y}=n.toRefs(t),s=ue.useNamespace("side-menu"),c=n.useSlots(),O=n.getCurrentInstance(),C=n.ref(),a=n.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",disabled:"disabled",...t.attrMapping})),U=(e,u=1/0)=>{const l=[],o=(i,d=0)=>{d>=u||i.forEach(h=>{h[a.value.children]?.length&&(l.push(h[a.value.index]),o(h[a.value.children],d+1))})};return o(e),l};R.listenerRouteChange(({route:e})=>{!e||e.meta?.hideSide&&!t.useRouterJump||(C.value=e.path)});const $=e=>{const u=e.e;if(t.autoScrollActiveDom&&u){const l=g.isNumber(t.autoScrollActiveDom)?t.autoScrollActiveDom:0,o=u.target;x({activeDom:o,offset:l})}r("subMenuOpenClick",e)},H=e=>{r("subMenuClick",e)},x=({activeDom:e=null,offset:u=0,delay:l=300}={})=>{v.value?.menu&&setTimeout(()=>{const o=e||document.querySelector(".vft-menu-item.is-active")||document.querySelector(".vft-sub-menu.is-active");o&&(v.value.menu.scrollTop=v.value.menu.scrollTop+(o.getBoundingClientRect().top-v.value.menu.getBoundingClientRect().top)+u)},l)},F=e=>{r("menuItemMouseenter",e)},Z=e=>{r("menuItemMouseleave",e)},_=(e,u)=>{const l=e[a.value.path],o=e[a.value.title],i=e?.[a.value.children],d=e?.[a.value.index],h=e?.[a.value.icon],D=!!e?.[a.value.disabled],T=t.disabledJudgeTurnOver?!D:D,k=d||l||u+o;return i?.length?n.h(b.VftSubMenu,{...e,popperAppendToBody:!0,key:k,index:k,title:o,icon:h,disabled:t.openDisabled&&T,popperClass:s.e("popper")},{default:()=>i?.map((p,X)=>{const S=p[a.value.path],A=p[a.value.index],ee=p[a.value.icon],te=p[a.value.title],V=!!p[a.value.disabled],ne=t.disabledJudgeTurnOver?!V:V;return p?.[a.value.children]?.length?_(p,X):n.h(b.VftMenuItem,{...p,key:A||S,index:A||S,route:S,icon:ee,title:te,disabled:t.openDisabled&&ne},c.menuItem?()=>c.menuItem?.({item:p}):"")})}):n.h(b.VftMenuItem,{...e,key:d||l,index:d||l,title:o,route:l,icon:h,disabled:t.openDisabled&&T,onMouseenter:()=>F(e),onMouseleave:()=>Z(e)},c.menuItem?()=>c.menuItem?.({item:e,index:u}):"")},v=n.ref(),z=n.computed(()=>({...t.collapseWidth===0&&f.value?{width:0}:{},height:`calc(100% - ${t.menuTopBottomHeight}px)`})),q=O.appContext.config.globalProperties.$router;async function Y(e){if(t.useRouterJump){const{go:u}=R.useRouterHelper(q),l=e.route;let o=e.route;e.indexPath.some(d=>g.isUrl(d))&&(o=e.indexPath.slice(-2).join("/"));const i=q.getRoutes().filter(d=>d.path===o)?.[0]?.meta?.linkTarget;u(i?{url:l,winOpenOpt:{target:i}}:l)}r("select",e)}const M=n.ref(),N=n.ref(),B=n.ref(),G=n.computed(()=>({...t.collapseWidth===0&&f.value?{borderRight:"none"}:{},width:I.addUnit(t.width),height:t.height}));n.watch(()=>f.value,e=>{e?r("update:width",t.collapseWidth):r("update:width",B.value||t.width),B.value=t.width}),t.dragWidthCfg&&ae.useDragLine(M,N,O);const K=n.computed(()=>({left:I.addUnit(t.width)})),Q=n.computed(()=>[s.b(),t.isFixedLeft?s.m("fixed"):""]),w=n.ref([]);return n.onMounted(()=>{n.nextTick(()=>{if(t.dragOption?.dragClassName){const e=document.querySelectorAll(`.${s.e(t.dragOption?.dragClassName)}`)?.[0],{initSortable:u}=le.useSortable(e,{draggable:".vft-menu-item",onEnd:l=>{const{oldIndex:o,newIndex:i}=l;g.isNullOrUndefined(o)||g.isNullOrUndefined(i)||o===i||r("dragEnd",o,i)},...t.dragOption});u()}})}),W({sideRef:M,jumpActiveDom:x,menuRef:v}),()=>{let e;return y.value&&(w.value=U(t.menus,g.isNumber(y.value)?y.value:1/0)),n.createVNode("div",{ref:M,class:Q.value,style:G.value},[c.top?n.createVNode("div",{class:s.e("top")},[c.top()]):null,n.h(n.createVNode(b.VftMenu,{ref:v,onSelect:Y,onOpen:$,onSubMenuClick:H,defaultActive:L?.value||C.value,defaultOpeneds:J?.value||w.value,disableSubMenuAction:t.disableSubMenuAction,class:[s.e("con"),t.dragOption?.dragClassName?s.e(t.dragOption?.dragClassName):""],style:z.value,collapse:P.value?f.value:!1,uniqueOpened:E.value,collapseTransition:!1},se(e=t.menus.map((u,l)=>_(u,l)))?e:{default:()=>[e]})),c.bottom?n.createVNode("div",{class:s.e("bottom")},[c.bottom()]):t.showCollapse?n.createVNode("div",{onClick:()=>r("update:collapse",!f.value),class:[s.e("bottom"),s.e("collapse")]},[n.createVNode(oe.VftIcon,{style:{transform:f.value?"rotateY(180deg)":""},size:20,icon:"icon-sidebar-collapse"},null)]):null,c.default?.(),t.dragWidthCfg?n.createVNode("div",{ref:N,style:K.value,class:s.e("drag-bar")},null):null])}}});exports.default=de;

package/lib/packages/components/tree/tree-node.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./tree-node.vue2.cjs"),n=require("vue"),p=require("../../../_virtual/_plugin-vue_export-helper.cjs"),u=["aria-expanded","aria-disabled","aria-checked","draggable","data-key"],h=["aria-expanded"];function k(e,o,C,g,b,c){const r=n.resolveComponent("icon"),a=n.resolveComponent("tree-checkbox"),i=n.resolveComponent("node-content"),l=n.resolveComponent("tree-node",!0),s=n.resolveComponent("collapse-transition");return n.withDirectives((n.openBlock(),n.createElementBlock("div",{ref:"node$",class:n.normalizeClass([e.ns.b("node"),e.ns.is("expanded",e.expanded),e.ns.is("current",e.node.isCurrent),e.ns.is("hidden",!e.node.visible),e.ns.is("focusable",!e.node.disabled),e.ns.is("checked",!e.node.disabled&&e.node.checked),e.getNodeClass(e.node)]),role:"treeitem",tabindex:"-1","aria-expanded":e.expanded,"aria-disabled":e.node.disabled,"aria-checked":e.node.checked,draggable:e.tree.props.draggable,"data-key":e.getNodeKey(e.node),onClick:o[1]||(o[1]=n.withModifiers((...d)=>e.handleClick&&e.handleClick(...d),["stop"])),onContextmenu:o[2]||(o[2]=(...d)=>e.handleContextMenu&&e.handleContextMenu(...d)),onDragstart:o[3]||(o[3]=n.withModifiers((...d)=>e.handleDragStart&&e.handleDragStart(...d),["stop"])),onDragover:o[4]||(o[4]=n.withModifiers((...d)=>e.handleDragOver&&e.handleDragOver(...d),["stop"])),onDragend:o[5]||(o[5]=n.withModifiers((...d)=>e.handleDragEnd&&e.handleDragEnd(...d),["stop"])),onDrop:o[6]||(o[6]=n.withModifiers((...d)=>e.handleDrop&&e.handleDrop(...d),["stop"]))},[n.createElementVNode("div",{class:n.normalizeClass(e.ns.be("node","content")),style:n.normalizeStyle({paddingLeft:(e.node.level-1)*e.tree.props.indent+"px"})},[n.createVNode(r,{icon:e.tree.props.icon||"icon-caret-right",class:n.normalizeClass([e.ns.be("node","expand-icon"),e.ns.is("leaf",e.node.isLeaf),{expanded:!e.node.isLeaf&&e.expanded}]),onClick:n.withModifiers(e.handleExpandIconClick,["stop"])},null,8,["icon","class","onClick"]),e.showCheckbox?(n.openBlock(),n.createBlock(a,{key:0,"model-value":e.node.checked,indeterminate:e.node.indeterminate,disabled:!!e.node.disabled,onClick:o[0]||(o[0]=n.withModifiers(()=>{},["stop"])),onChange:e.handleCheckChange},null,8,["model-value","indeterminate","disabled","onChange"])):n.createCommentVNode("",!0),e.node.loading?(n.openBlock(),n.createBlock(r,{key:1,icon:"icon-loading",rotate:"",class:n.normalizeClass([e.ns.be("node","loading-icon"),e.ns.is("loading")])},null,8,["class"])):n.createCommentVNode("",!0),n.createVNode(i,{node:e.node,"render-content":e.renderContent},null,8,["node","render-content"])],6),n.createVNode(s,null,{default:n.withCtx(()=>[!e.renderAfterExpand||e.childNodeRendered?n.withDirectives((n.openBlock(),n.createElementBlock("div",{key:0,class:n.normalizeClass(e.ns.be("node","children")),role:"group","aria-expanded":e.expanded},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(e.node.childNodes,d=>(n.openBlock(),n.createBlock(l,{key:e.getNodeKey(d),"render-content":e.renderContent,"render-after-expand":e.renderAfterExpand,"show-checkbox":e.showCheckbox,node:d,accordion:e.accordion,props:e.props,onNodeExpand:e.handleChildNodeExpand},null,8,["render-content","render-after-expand","show-checkbox","node","accordion","props","onNodeExpand"]))),128))],10,h)),[[n.vShow,e.expanded]]):n.createCommentVNode("",!0)]),_:1})],42,u)),[[n.vShow,e.node.visible]])}const m=p.default(t.default,[["render",k]]);exports.default=m;

package/lib/packages/utils/vue/typescript.cjs

@@ -0,0 +1 @@
+"use strict";

package/lib/plugin.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./components/loading/index.cjs"),t=require("./components/infinite-scroll/index.cjs"),i=require("./components/message/index.cjs"),n=require("./components/notification/index.cjs"),o=[e.VftLoading,i.VftMessage,t.VftInfiniteScroll,n.VftNotification];exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./packages/components/loading/index.cjs"),t=require("./packages/components/infinite-scroll/index.cjs"),i=require("./packages/components/message/index.cjs"),n=require("./packages/components/notification/index.cjs"),o=[e.VftLoading,i.VftMessage,t.VftInfiniteScroll,n.VftNotification];exports.default=o;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.427",
+  "version": "0.0.428",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -55,12 +55,12 @@
     "resize-detector": "0.3.0",
     "sortablejs": "1.15.0",
     "photoswipe": "5.4.4",
-    "@vft/constants": "0.0.74",
-    "@vft/use": "0.0.87",
     "@vft/router": "0.0.67",
+    "@vft/use": "0.0.89",
+    "@vft/constants": "0.0.75",
+    "@vft/utils": "0.0.144",
     "@vft/store": "0.0.54",
-    "@vft/directives": "0.0.36",
-    "@vft/utils": "0.0.143"
+    "@vft/directives": "0.0.36"
   },
   "vetur": {
     "tags": "tags.json",