@farris/ui-vue 1.0.2 → 1.1.1

package/time-picker/index.umd.js

@@ -1 +0,0 @@
-(function($,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):($=typeof globalThis<"u"?globalThis:$||self,e($["time-picker"]={},$.Vue))})(this,function($,e){"use strict";const ie={};function Z(t){const{properties:n}=t;return Object.keys(n).reduce((a,o)=>(a[o]=n[o].type==="object"&&n[o].properties?Z(n[o]):n[o].default,a),{})}function se(t,n){const i=Z(n);return Object.keys(t).reduce((a,o)=>(a[o]=t[o],a),i),i}function re(t,n){return Object.keys(t).filter(a=>t[a]!=null).reduce((a,o)=>{if(n.has(o)){const c=n.get(o);if(typeof c=="string")a[c]=t[o];else{const u=c(o,t[o]);Object.assign(a,u)}}else a[o]=t[o];return a},{})}function ce(t,n,i=new Map){const a=se(t,n);return re(a,i)}function ee(t,n,i=new Map){return ie[n.title]=n,a=>{const o=ce(a,n,i),c=Object.keys(t).reduce((u,s)=>(u[s]=t[s].default,u),{});return Object.assign(c,o)}}function te(t,n){return{customClass:n.class}}const ue=new Map([["appearance",te]]),de={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/check-box.schema.json",title:"CheckBox",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a check box",type:"string"},type:{description:"The type string of check box component",type:"string"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeHolder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},_={modelValue:{type:String,default:""}},ne=ee(_,de,ue),fe=new Map([["appearance",te]]),pe={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/button-edit.schema.json",title:"button-edit",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a Input Group",type:"string"},type:{description:"The type string of Input Group component",type:"string",default:"button-edit"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeHolder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""},autoComplete:{description:"",type:"boolean",default:!1},buttonContent:{description:"",type:"string",default:""},enableClear:{description:"",type:"boolean",default:!0},inputType:{description:"",type:"string",enum:["text","tag"],default:"text"},multiSelect:{description:"",type:"boolean",default:!1},popup:{description:"",type:"object",properties:{footerButtons:{type:"array",default:[]},height:{type:"number",default:600},dataMapping:{type:"object"},contents:{type:"array",default:[]},showMaxButton:{type:"boolean",default:!0},showCloseButton:{type:"boolean",default:!0},showFooter:{type:"boolean",default:!0},title:{type:"string",default:""},width:{type:"number",default:800}}},separator:{type:"string",default:","},showButtonWhenDisabled:{description:"",type:"boolean",default:!1},wrapText:{type:"boolean",default:!1},onClear:{description:"",type:"string",default:""}},required:["id","type"]},oe={id:String,buttonContent:{type:String,default:'<i class="f-icon f-icon-lookup"></i>'},buttonBehavior:{type:String,default:"Popup"},autoComplete:{type:Boolean,default:!1},customClass:{type:String,default:""},disable:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},enableClear:{type:Boolean,default:!1},modelValue:{type:String,default:""},readonly:{type:Boolean,default:!1},textAlign:{type:String,default:"left"},showButtonWhenDisabled:{type:Boolean,default:!1},enableTitle:{type:Boolean,default:!1},inputType:{type:String,default:"text"},forcePlaceholder:{type:Boolean,default:!1},placeholder:{type:String,default:""},minLength:Number,maxLength:Number,tabIndex:Number,popupHost:{type:Object},popupRightBoundary:{type:Object},popupOffsetX:{type:Object},popupOnInput:{type:Boolean,default:!1},popupOnFocus:{type:Boolean,default:!1},popupMinWidth:{type:Number,default:320},wrapText:{type:Boolean,default:!1},multiSelect:{type:Boolean,default:!1},separator:{type:String,default:","}};ee(oe,pe,fe);const me={popupContentPosition:{type:Object,default:{left:0,top:0}},host:{type:Object}},ge=e.defineComponent({name:"FOverlay",props:me,emits:["click"],setup(t,n){const i=e.ref(t.popupContentPosition),a=e.ref(t.host);function o(s){n.emit("click"),s.preventDefault(),s.stopPropagation()}const c=e.computed(()=>{const s=a.value;if(s){const h=s.getBoundingClientRect(),{left:f,top:y,height:g}=h;return{left:f,top:y+g}}return i.value}),u=e.computed(()=>({position:"relative",left:`${c.value.left}px`,top:`${c.value.top}px`}));return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>{var s,h;return[e.createVNode("div",{class:"overlay-container",style:"pointer-events: auto;",onClick:f=>o(f)},[e.createVNode("div",{style:u.value},[(h=(s=n.slots).default)==null?void 0:h.call(s)])])]}})}});function he(t){if(t.content&&t.content.render)return t.content.render;if(t.render&&typeof t.render=="function")return t.render}function ye(t){const n=document.createElement("div");n.style.display="contents";let i;const a=t.onClickCallback||(()=>{}),o=()=>{a(),i&&i.unmount()};return i=e.createApp({setup(){e.onUnmounted(()=>{document.body.removeChild(n)});const c=he(t);return()=>e.createVNode(ge,{"popup-content-position":t.popupPosition,host:t.host,onClick:o},{default:()=>[c&&c()]})}}),document.body.appendChild(n),i.mount(n),i}class ve{static show(n){return ye(n)}}function be(t,n,i,a){const o=e.ref(t.buttonBehavior),c=e.ref(t.popupOnInput),u=e.computed(()=>({"input-group-append":!0,"append-force-show":t.showButtonWhenDisabled&&(t.readonly||t.disable)})),s=e.computed(()=>t.showButtonWhenDisabled||(!t.editable||!t.readonly)&&!t.disable);async function h(C){if(s.value){const v=!!n.slots.default;o.value==="Overlay"&&ve.show({host:i.value,render:()=>{if(n.slots.default)return n.slots.default()}}),v&&o.value==="Popup"&&a.togglePopup(),v&&c.value&&a.hidePopup(),n.emit("clickButton",{origin:C,value:t.modelValue})}C.stopPropagation()}function f(C){n.emit("mouseEnterIcon",C)}function y(C){n.emit("mouseLeaveIcon",C)}function g(){n.emit("mouseOverButton")}return{buttonClass:u,onClickButton:h,onMouseEnterButton:f,onMouseLeaveButton:y,onMouseOverButton:g}}function Ce(t,n,i,a,o,c){const u=e.ref(!1),s=e.computed(()=>t.enableClear&&!t.readonly&&!t.disable),{changeTextBoxValue:h}=c;function f(v){u.value=v}e.watch(o,()=>{a.value?f(!!o.value):f(!1)});function y(v){const x=!t.readonly&&!t.disable&&t.editable,T=!t.editable;v.stopPropagation(),(x||T)&&(h("",!1),f(!u.value),n.emit("clear"))}function g(v){if(s.value){if(!i.value){f(!1);return}(!t.editable||!t.readonly)&&!t.disable&&f(!0)}}function C(v){s.value&&f(!1)}return{enableClearButton:s,showClearButton:u,onClearValue:y,onMouseEnterTextBox:g,onMouseLeaveTextBox:C}}function Te(t,n,i,a,o){const c=e.ref(t.popupOnInput),u=e.ref(t.popupOnFocus),{shouldPopupContent:s}=o,h=e.computed(()=>t.enableTitle?i.value:""),f=e.computed(()=>(t.disable||t.readonly)&&!t.forcePlaceholder?"":t.placeholder),y=e.computed(()=>t.readonly||!t.editable);let g=!1;const C=e.computed(()=>!t.disable&&g),v=e.computed(()=>({"text-left":t.textAlign==="left","text-center":t.textAlign==="center","text-right":t.textAlign==="right","form-control":!0,"f-utils-fill":!0})),x=e.computed(()=>({"input-group":!0,"f-state-disable":t.disable,"f-state-editable":t.editable&&!t.disable&&!t.readonly,"f-state-readonly":t.readonly&&!t.disable,"f-state-focus":C.value}));function T(m,M=!0){i.value!==m&&(i.value=m,M&&n.emit("change",m),n.emit("update:modelValue",m))}function D(m){s.value=!1,T(m,!0)}e.watch(()=>t.modelValue,m=>{i.value=m,n.emit("change",m)});function V(m){g=!1,n.emit("blur",m),m.stopPropagation()}function I(m){n.emit("click",m)}function P(m){if(t.disable){g=!0;return}g=!0,y.value||(n.emit("focus",m),u.value&&!s.value&&o.popup())}function S(m){n.emit("input",m.target.value);const M=m.target.value;a.value=M,i.value!==M&&T(M,!1),c.value&&!s.value&&o.popup()}function R(m){m.target.tagName!=="INPUT"&&m.preventDefault(),m.stopPropagation()}function O(m){n.emit("keydown",m)}function L(m){m.key==="Enter"&&(c.value||u.value)&&o.hidePopup(),n.emit("keyup",m)}function j(m){const M=m.target.value;m.stopPropagation(),T(M)}return{hasFocusedTextBox:C,isTextBoxReadonly:y,textBoxClass:v,textBoxPlaceholder:f,textBoxTitle:h,inputGroupClass:x,changeTextBoxValue:T,commitValue:D,onBlurTextBox:V,onClickTextBox:I,onFocusTextBox:P,onInput:S,onKeyDownTextBox:O,onKeyUpTextBox:L,onMouseDownTextBox:R,onTextBoxValueChange:j}}function Be(t,n,i){const a=e.ref(),o=e.ref(!1);function c(){const f=a.value;f&&f.show(i.value)}async function u(){!!n.slots.default&&(o.value=!o.value,await e.nextTick(),c())}async function s(){!!n.slots.default&&(o.value=!0,await e.nextTick(),c())}function h(){o.value=!1}return{hidePopup:h,popup:s,shouldPopupContent:o,togglePopup:u,popoverRef:a}}function xe(t,n,i){const{isTextBoxReadonly:a,textBoxClass:o,textBoxPlaceholder:c,textBoxTitle:u,onBlurTextBox:s,onClickTextBox:h,onFocusTextBox:f,onInput:y,onKeyDownTextBox:g,onKeyUpTextBox:C,onMouseDownTextBox:v,onTextBoxValueChange:x}=i;return()=>e.createVNode("input",{name:"input-group-value",autocomplete:t.autoComplete?"on":"off",class:o.value,disabled:t.disable,maxlength:t.maxLength,minlength:t.minLength,placeholder:c.value,readonly:a.value,tabindex:t.tabIndex,title:u.value,type:t.inputType,value:n.value,onBlur:s,onChange:x,onClick:h,onFocus:f,onInput:y,onKeydown:g,onKeyup:C,onMousedown:v},null)}const we={activeTag:{Type:String,default:""},addButtonText:{Type:String,default:""},customClass:{Type:String,default:""},customStyle:{Type:String,default:""},data:{type:Array,default:[]},enableAddButton:{Type:Boolean,default:!1},placeholder:{Type:String,default:""},selectable:{Type:Boolean,default:!1},showAddButton:{Type:Boolean,default:!1},showClose:{Type:Boolean,default:!1},showColor:{Type:Boolean,default:!1},showInput:{Type:Boolean,default:!1},tagType:{Type:String,default:""},tagStyle:{Type:String,default:""},wrapText:{Type:Boolean,default:!1},draggable:{Type:Boolean,default:!1}},rt="";function ke(t,n,i,a){const o=e.ref(-1),c=e.ref(!1);function u(y,g,C){y.stopPropagation(),g&&setTimeout(()=>{o.value=C,c.value=!0,g.moving=!0})}function s(y,g){if(y.preventDefault(),o.value!==g){const C=a.value[o.value],v=a.value;v.splice(o.value,1),v.splice(g,0,C),o.value=g}}function h(y,g){y.preventDefault(),y.dataTransfer&&(y.dataTransfer.dropEffect="move")}function f(y,g){g&&(g.moving=!1),i.value=a.value.filter(C=>C.type==="Tag").map(C=>C.payload),c.value=!1,n.emit("change",i.value)}return{dragstart:u,dragenter:s,dragover:h,dragend:f,isDragging:c}}const Pe=e.defineComponent({name:"FTags",props:we,emits:["remove","selectionChange","change"],setup(t,n){const i=e.ref(t.selectable),a=e.ref(t.customClass),o=e.ref(t.data),c=e.ref(t.tagType),u=e.ref(t.tagStyle),s=e.ref(t.showColor),h=e.ref(t.activeTag),f=e.ref(t.customStyle),y=e.ref(t.showClose),g=e.ref(t.showAddButton),C=e.ref(t.showInput),v=e.ref(t.addButtonText),x=e.ref(t.enableAddButton);e.ref(t.placeholder),e.ref(""),e.ref();const T=e.ref(),D=e.ref(t.wrapText),V=e.ref();function I(){const l=o.value.map(d=>({type:"Tag",payload:d}));return g.value&&l.push({type:"AddButton"}),l}const P=e.ref(I());function S(l){o.value=l,P.value=I()}const R=e.computed(()=>P.value.findIndex(l=>l.type==="Input")),O=ke(t,n,o,P),{dragstart:L,dragenter:j,dragover:m,dragend:M}=O;e.watch(()=>t.data,l=>S(l));const F=e.computed(()=>{const l={"farris-tags":!0,"farris-tags-checkable":i.value,"farris-tags-nowrap":!D.value};return a.value.split(" ").reduce((d,p)=>(d[p]=!0,d),l),l});function q(l){const d={"farris-tag-item":!0,"farris-tag-item-checked":i.value&&l.checked,"farris-tag-item-checkable":i.value,"farris-tag-item-has-color":s.value,"farris-tag-item-actived":h.value===l.name};if(c.value){const p=`farris-tag-item-${c.value}`;d[p]=!0}return d}const U=e.computed(()=>{const l={};return f.value&&f.value.split(";").reduce((d,p)=>{const N=p.split(":");return d[N[0]]=N[1],d},l),l});function X(l,d){i.value&&d.selectable&&(d.checked=!d.checked,h.value=d.checked?d.name:"",d.checked&&o.value.filter(p=>p.name!==d.name).forEach(p=>{p.checked=!d.checked}),n.emit("change",o.value),n.emit("selectionChange",d))}function b(l,d){let p;switch(l.key){case"Backspace":o.value=o.value.filter(N=>N.name!==d.name),n.emit("change",o.value);break;case"ArrowLeft":p=Math.max(T.value.scrollLeft+20,0),T.value.scrollLeft=p;break;case"ArrowRight":p=Math.max(T.value.scrollLeft-20,0),T.value.scrollLeft=p}}function w(l,d){const p=o.value.findIndex(N=>N.name===d.name);if(p>-1){const[N]=o.value.splice(p,1);P.value=I(),n.emit("change",o.value),n.emit("remove",o.value,N,p)}l.stopPropagation()}const r=e.computed(()=>({"farris-tag-item":!0,"farris-tag-add-button":!0,"farris-tag-add-button-disabled":!x.value}));function B(l){}function k(){return e.createVNode("li",{class:r.value,onClick:l=>void 0},[e.createVNode("span",{class:"f-icon f-icon-amplification"},null),e.createVNode("span",{class:"farris-tag-add-text"},[v.value])])}function A(l){if(l&&!l.innerText){const d=R.value;if(d>0){const[p]=o.value.splice(d-1,1);P.value.splice(d-1,1),n.emit("remove",o.value,p,d-1)}}}function W(l,d,p){l>-1&&(o.value.splice(l,0,{name:d,value:p,selectable:i.value}),P.value=I(),n.emit("change",o.value))}function G(l){if(l&&l.innerText){const d=l.innerText,p=R.value;W(p,d,d),l.innerText=""}}function J(l){const d=l.target;d&&(d.innerText?G(d):n.emit("change",o.value))}function Ae(l){l.key==="Enter"&&G(l.target),l.key==="Backspace"&&(A(l.target),e.nextTick(()=>{V.value&&V.value.focus()}))}function We(){return e.createVNode("li",{class:"farris-tag-input-box"},[e.createVNode("div",{ref:V,class:"form-control",contenteditable:"true",onKeyup:Ae,onBlur:J},null)])}function Ee(l,d){return e.createVNode("li",{class:q(l),style:U.value,tabindex:0,id:l.name,key:l.name,onClick:p=>X(p,l),onKeydown:p=>b(p,l),draggable:"true",onDragstart:p=>L(p,l,d),onDragenter:p=>j(p,d),onDragend:p=>M(p,l),onDragover:p=>m(p,d)},[e.createVNode("div",{title:l.name,class:"tag-box"},[l.name]),y.value&&e.createVNode("span",{class:"tag-delete"},[e.createVNode("i",{class:"f-icon f-icon-close",onClick:p=>w(p,l)},null)])])}function He(){return P.value.map((l,d)=>{switch(l.type){case"Tag":return Ee(l.payload,d);case"AddButton":return k();case"Input":return We()}})}const Fe=e.computed(()=>({"farris-tags-item-container":!0,"farris-tag-item-capsule":u.value==="capsule"}));function qe(l){const d=Math.max(T.value.scrollLeft-l.deltaX,0);T.value.scrollLeft=d}function Xe(l){const d=T.value,p=o.value.length-1;if(d){const N=Array.from(d.children).filter(E=>E.className.indexOf("farris-tag-item")>-1).findIndex(E=>{const H=E.getBoundingClientRect(),Q=window.getComputedStyle(E),le=parseInt(Q["margin-left"],10)+H.width+parseInt(Q["margin-right"],10);return H.left+le>l});if(N>-1)return N}return p}function ze(l){if(C.value){const p=Xe(l.clientX)+1,E=P.value.filter(H=>H.type!=="Input");E.splice(p,0,{type:"Input"}),P.value=E,e.nextTick(()=>{V.value&&V.value.focus()})}}function Ue(l){var p;l.preventDefault(),l.stopPropagation();const d=(p=l.dataTransfer)==null?void 0:p.getData("Text");if(d){const N=d.split(":"),E=N[0],H=N[1];[...o.value].findIndex(Y=>(console.log(`${Y.value} === ${H} is ${Y.value===H}`),Y.value===H))>-1||W(o.value.length,E,H)}}function Ge(l){l.preventDefault()}return()=>e.createVNode("div",{class:F.value,onClick:ze,onDrop:Ue,onDragover:Ge},[e.createVNode("ul",{ref:T,class:Fe.value,onWheel:l=>qe(l)},[He()])])}});function Ve(t,n,i){const a=e.ref(t.separator),{changeTextBoxValue:o}=i,c=e.computed(()=>n.value?n.value.split(a.value).map(s=>({name:s,selectable:!0})):[]);function u(s){o(s.map(h=>h.name).join(a.value),!0)}return()=>e.createVNode(Pe,{class:"form-control",data:c.value,showClose:!0,showInput:!0,onChange:u},null)}function Ie(t,n,i){const{buttonClass:a,onClickButton:o,onMouseEnterButton:c,onMouseLeaveButton:u}=n,{enableClearButton:s,showClearButton:h,onClearValue:f}=i;return()=>e.createVNode("div",{class:a.value},[s.value&&e.withDirectives(e.createVNode("span",{class:"input-group-text input-group-clear",onClick:f},[e.createVNode("i",{class:"f-icon modal_close"},null)]),[[e.vShow,h.value]]),t.buttonContent&&e.createVNode("span",{class:"input-group-text input-group-append-button",innerHTML:t.buttonContent,onClick:o,onMouseenter:c,onMouseleave:u},null)])}const Se={title:{type:String},placement:{type:String,default:"bottom"},reference:{type:Object},host:{type:Object},leftBoundary:{type:Object},rightBoundary:{type:Object},visible:{type:Boolean,default:!1},class:{type:String},offsetX:{type:Object,default:e.ref(0)},zIndex:{type:Number,default:-1},keepWidthWithReference:{type:Boolean,default:!1},fitContent:{type:Boolean,default:!1},minWidth:{type:Number,default:-1}},ct="";function Oe(t){const n=t.host?t.host:"body",i=e.computed(()=>n==="body"?0:n?n.getBoundingClientRect().top:0),a=e.computed(()=>n==="body"?0:n?n.getBoundingClientRect().left:0),o=e.computed(()=>n==="body"?document.body.getBoundingClientRect().width:n?n.getBoundingClientRect().width-(t.rightBoundary?t.rightBoundary.getBoundingClientRect().width:0):document.body.getBoundingClientRect().width);return{host:n,hostLeft:a,hostTop:i,hostWidth:o}}function Ne(t,n,i,a){var X;const o=e.ref(0),c=e.ref(((X=t.offsetX)==null?void 0:X.value)||0),u=e.ref(-1),s=e.ref(-1),h=e.ref(-1),f=e.ref(t.placement),y=e.ref(0),g=e.ref(0),C=e.ref(0),v=e.ref(document.documentElement.scrollLeft),x=e.ref(document.documentElement.scrollTop),{hostLeft:T,hostTop:D,hostWidth:V}=a;e.watch(t.offsetX,b=>{o.value=b-c.value});const I=e.computed(()=>{const b={left:`${g.value}px`,top:`${C.value}px`,transform:`translateX(${o.value}px)`};return t.zIndex!==-1&&(b["z-index"]=t.zIndex),u.value!==-1&&(b.width=`${u.value}px`),b}),P=e.computed(()=>({left:`${y.value}px`}));function S(b){if(b&&t.keepWidthWithReference){const w=b.getBoundingClientRect();u.value=Math.max(t.minWidth,w.width)}}function R(b,w){const r=V.value-b.width-4;return r>0?r:w}function O(b,w,r){const B=y.value,k=w.left-T.value+w.width/2+v.value,A=w.top-D.value-(b.height+r.height)+x.value;return{popoverLeft:k,popoverTop:A,arrowLeft:B}}function L(b,w,r){return w.top-D.value+(w.height+r.height)+x.value}function j(b,w){const r=R(w,b),B=b<=r?y.value:b-r;return{popoverLeft:Math.min(b,r),arrowLeft:B}}function m(b,w,r){const B=w.left-T.value+w.width/2-(r.width/2-(b.left-T.value))+v.value,{arrowLeft:k,popoverLeft:A}=j(B,b),W=L(b,w,r);return{popoverLeft:A,popoverTop:W,arrowLeft:k}}function M(b,w,r){const B=w.left-T.value+v.value,{arrowLeft:k,popoverLeft:A}=j(B,b),W=L(b,w,r);return{popoverLeft:A,popoverTop:W,arrowLeft:k}}const F=new Map([["top",O],["bottom",m],["bottom-left",M]]);function q(b){var A;const w=b.getBoundingClientRect();s.value=w.top,h.value=w.left;const r=n.value.getBoundingClientRect(),B=(A=i.value)==null?void 0:A.getBoundingClientRect(),k=F.get(f.value);if(k){const{arrowLeft:W,popoverLeft:G,popoverTop:J}=k(B,w,r);y.value=W,g.value=G,C.value=J}t.keepWidthWithReference&&S(b)}function U(b){if(b){const w=b.getBoundingClientRect();(w.left!==h.value||w.top!==s.value)&&q(b)}}return{arrowStyle:P,popoverStyle:I,position:f,popoverWidth:u,fitToReference:S,followToReferencePosition:U,locateToReference:q}}function Re(t,n,i,a,o,c,u){const s=e.ref(t.visible),h=e.computed(()=>s.value),{fitToReference:f,locateToReference:y}=u;let g;function C(){s.value=!1,document.body.removeEventListener("click",g),n.emit("hidden")}g=x=>{if(!o.value.contains(x.target)){const T=o.value.closest(".popover");T&&T.removeEventListener("click",g),C()}};async function v(x){if(a.value&&i.value&&x){s.value=!0,o.value=x,await e.nextTick(),y(x),c.value&&f(x),document.body.addEventListener("click",g);const T=x.closest(".popover");T&&T.addEventListener("click",g),n.emit("shown")}}return n.expose({hide:C,show:v,shown:h}),{showPopover:s,hidePopverOnClickBodyHandler:g}}function Le(t,n,i,a,o){const{popoverWidth:c,fitToReference:u,followToReferencePosition:s}=o;function h(){if(i.value){s(i.value);const f=i.value.getBoundingClientRect();a.value&&f.width!==c.value&&u(i.value)}}return{onResize:h}}const je=e.defineComponent({name:"FPopover",props:Se,emits:["shown","hidden"],setup(t,n){const i=e.ref(),a=e.ref(),o=e.ref(t.reference),c=e.ref(t.keepWidthWithReference),u=e.computed(()=>!!t.title),s=Oe(t),{host:h}=s,f=Ne(t,i,a,s),{position:y,arrowStyle:g,popoverStyle:C,fitToReference:v,locateToReference:x}=f,{showPopover:T,hidePopverOnClickBodyHandler:D}=Re(t,n,i,a,o,c,f),{onResize:V}=Le(t,n,o,c,f),I=e.computed(()=>{const S=`popover in popover-${y.value}`,R=`bs-popover-${y.value}`,O={"popover-fitcontent":t.fitContent};return O[S]=!0,O[R]=!0,(t.class||"").split(" ").reduce((j,m)=>(j[m]=!0,j),O),O}),P=e.computed(()=>({"popover-content":!0,"popover-body":!0}));return e.onMounted(()=>{t.reference&&x(o.value),c.value&&v(o.value),window.addEventListener("resize",V)}),e.onUnmounted(()=>{document.body.removeEventListener("click",D),window.removeEventListener("resize",V)}),()=>e.createVNode(e.Teleport,{to:h},{default:()=>{var S;return[e.withDirectives(e.createVNode("div",{ref:a,class:I.value,style:C.value,onClick:R=>{R.stopPropagation()}},[e.createVNode("div",{ref:i,class:"popover-arrow arrow",style:g.value},null),u.value&&e.createVNode("h3",{class:"popover-title popover-header"},[t.title]),e.createVNode("div",{class:P.value},[n.slots.default&&((S=n.slots)==null?void 0:S.default())])]),[[e.vShow,T.value]])]}})}});function Me(t,n,i){const a=e.ref(t.popupMinWidth),{hidePopup:o,popoverRef:c}=i;return()=>e.createVNode(je,{ref:c,visible:!0,placement:"bottom-left",host:t.popupHost,"keep-width-with-reference":!0,fitContent:!0,"right-boundary":t.popupRightBoundary,minWidth:a.value,offsetX:t.popupOffsetX,onHidden:o},{default:()=>{var u,s;return[(s=(u=n.slots).default)==null?void 0:s.call(u)]}})}const ut="",$e=e.defineComponent({name:"FButtonEdit",props:oe,emits:["updateExtendInfo","clear","change","click","clickButton","blur","focus","mouseEnterIcon","mouseLeaveIcon","keyup","keydown","inputClick","input","update:modelValue"],setup(t,n){const i=e.ref(),a=e.ref(t.customClass),o=e.ref(t.modelValue),c=Be(t,n,i),{shouldPopupContent:u,hidePopup:s}=c,h=be(t,n,i,c),f=e.ref(""),y=Te(t,n,o,f,c),{hasFocusedTextBox:g,commitValue:C,inputGroupClass:v}=y,x=Ce(t,n,o,g,f,y),{onMouseEnterTextBox:T,onMouseLeaveTextBox:D}=x,V=e.computed(()=>{const L={"f-button-edit":!0,"f-cmp-inputgroup":!0,"f-button-edit-nowrap":!t.wrapText};return a.value&&a.value.split(" ").reduce((j,m)=>(j[m]=!0,j),L),L});function I(){return t.multiSelect&&t.inputType==="tag"?Ve(t,o,y):xe(t,o,y)}let P=I();e.watch([()=>t.multiSelect,()=>t.inputType],()=>{P=I()});const S=Ie(t,h,x),R=Me(t,n,c),O={commitValue:C,elementRef:i,hidePopup:s};return e.onMounted(()=>{i.value.componentInstance=O}),n.expose(O),()=>e.createVNode(e.Fragment,null,[e.createVNode("div",e.mergeProps(n.attrs,{ref:i,class:V.value,id:t.id}),[e.createVNode("div",{class:v.value,onMouseenter:T,onMouseleave:D},[P(),S()])]),u.value&&R()])}}),z=e.defineComponent({name:"FTimePicker",props:_,emits:[],setup(t,n){const i='<span class="f-icon f-icon-timepicker"></span>',a=e.ref(t.modelValue),o=e.ref(null);function c(){}return()=>e.createVNode(e.Fragment,null,[e.createVNode($e,{ref:o,modelValue:a.value,"onUpdate:modelValue":u=>a.value=u,buttonContent:i,enableClear:!0,onClickButton:()=>void 0},{default:()=>[e.createVNode(e.resolveComponent("f-time-picker-time-view"),null,null)]})])}}),ae={hourStep:{Type:Number,default:1},minuteStep:{Type:Number,default:1},secondStep:{Type:Number,default:1},clearText:{Type:String,default:"clear"},popupClassName:{Type:String,default:""},placeholder:{Type:String,default:""},defaultOpenValue:{Type:Date,default:new Date},format:{Type:String,default:"HH:mm:ss"},isOpen:{Type:Boolean,default:!1},use12Hours:{Type:Boolean,default:!1},hideDisabledOptions:{Type:Boolean,default:!1}},K=e.defineComponent({name:"FTimePickerTimeView",props:ae,emits:[],setup(t,n){const i=e.ref(!1),a=e.ref("time-picker-panel"),o=e.ref(!0),c=e.ref(0),u=e.ref([]),s=e.ref([]),h=e.ref([]),f=e.ref([]),y=e.ref(t.hourStep),g=e.ref(t.minuteStep),C=e.ref(t.secondStep);e.ref(t.clearText),e.ref(t.popupClassName),e.ref(t.placeholder),e.ref(t.defaultOpenValue);const v=e.ref(t.format);e.ref(t.isOpen);const x=e.ref(t.use12Hours),T=e.ref(t.hideDisabledOptions);e.watch(()=>t.use12Hours,()=>{v.value&&(v.value=v.value.replace(/h/g,"H")),x.value&&(v.value?v.value.indexOf("a")===-1&&(v.value+=" a"):v.value="hh:mm:ss a")});const D=e.computed(()=>({"time-picker-panel":!0,"time-picker-panel-column-3":!0,"time-picker-panel-placement-bottomLeft":!0,"f-area-show":!0})),V=e.computed(()=>{const r={};if(i.value){const B=`${a.value}-panel`;r[B]=!0}return r}),I=e.computed(()=>{const r=`${a.value}-inner`,B={};if(B[r]=!0,i.value){const k=`${a.value}-column-${o.value}`;B[k]=!0}return B}),P=e.computed(()=>({width:x.value?`${c.value}px`:"100%"})),S=e.computed(()=>!0),R=e.computed(()=>!0),O=e.computed(()=>!0);function L(r,B=1,k=0){return B=Math.ceil(B),new Array(Math.ceil(r/B)).fill(0).map((A,W)=>(W+k)*B)}function j(){let r=24,B=0;if(x.value&&(r=12,B=1),u.value=L(r,y.value,B).map(k=>({index:k,disabled:!1})),x.value&&u.value[u.value.length-1].index===12){const k=[...u.value];k.unshift(k[k.length-1]),k.splice(k.length-1,1),u.value=k}u.value=u.value.filter(k=>!(T.value&&k.disabled))}function m(){s.value=L(60,g.value).map(r=>({index:r,disabled:!1})),s.value=s.value.filter(r=>!(T.value&&r.disabled))}function M(){h.value=L(60,C.value).map(r=>({index:r,disabled:!1})),h.value=h.value.filter(r=>!(T.value&&r.disabled))}function F(){const r=v.value.includes("A");f.value=[{index:0,value:r?"AM":"am"},{index:1,value:r?"PM":"pm"}],f.value=f.value.filter(()=>!T.value)}j(),m(),M(),F();function q(r,B){}function U(r,B){}function X(r,B){}function b(r,B){}function w(r,B){}return()=>e.createVNode("div",{class:D.value},[e.createVNode("div",{class:V.value},[e.createVNode("div",{class:I.value},[e.createVNode("div",{class:a.value+"-combobox",style:P.value},[S.value&&e.createVNode("div",{class:a.value+"-select"},[e.createVNode("ul",null,[u.value.map(r=>e.createVNode("li",{class:void 0,onClick:B=>void 0},[`${r.index}`]))])]),R.value&&e.createVNode("div",{class:a.value+"-select"},[e.createVNode("ul",null,[s.value.map(r=>e.createVNode("li",{class:void 0,onClick:B=>void 0},[`${r.index}`]))])]),O.value&&e.createVNode("div",{class:a.value+"-select"},[e.createVNode("ul",null,[h.value.map(r=>e.createVNode("li",{class:void 0,onClick:B=>void 0},[`${r.index}`]))])]),x.value&&e.createVNode("div",{class:a.value+"-select"},[e.createVNode("ul",null,[f.value.map(r=>e.createVNode("li",{class:void 0,onClick:B=>void 0},[`${r.index}`]))])])])])])])}}),De={install(t){t.component(z.name,z).component(K.name,K)},register(t,n){t["time-picker"]=z,n["time-picker"]=ne}};$.TimePicker=z,$.TimePickerTimeView=K,$.default=De,$.propsResolver=ne,$.timePickerProps=_,$.timeProps=ae,Object.defineProperties($,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/time-picker/package.json

@@ -1,8 +0,0 @@
-{
-    "name": "time-picker",
-    "version": "1.0.3",
-    "main": "index.umd.js",
-    "module": "index.esm.js",
-    "style": "style.css",
-    "types": "../types/time-picker/index.d.ts"
-}

package/time-picker/style.css

@@ -1 +0,0 @@
-.farris-tags .farris-tags-item-container{margin:0;padding:0}.farris-tags .farris-tags-item-container .farris-tag-item{display:inline-flex!important;padding:0 8px;margin:3px 6px 3px 0;line-height:24px;font-size:13px;color:#2d314e;background:#f6faff;border:1px solid #e6e6e6!important;white-space:nowrap;border-radius:3px;cursor:default;opacity:1;transition:all .3s cubic-bezier(.78,.14,.15,.86);max-width:9rem}.farris-tags .farris-tags-item-container .farris-tag-item a,.farris-tags .farris-tags-item-container .farris-tag-item a:hover{color:#000000d9}.farris-tags .farris-tags-item-container .farris-tag-item>a:first-child:last-child{display:inline-flex;margin:0 -8px;padding:0 8px}.farris-tags .farris-tags-item-container .farris-tag-item .tag-box{text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap;display:inline-flex;max-width:7rem;vertical-align:middle}.farris-tags .farris-tags-item-container .farris-tag-item .tag-delete{display:inline-block;margin-left:6px;color:#0003;cursor:pointer;transition:all .3s cubic-bezier(.78,.14,.15,.86)}.farris-tags .farris-tags-item-container .farris-tag-item .tag-delete:hover{color:#000000d9}.farris-tags .farris-tags-item-container .farris-tag-item>.f-icon{font-size:12px}.farris-tags .farris-tags-item-container .farris-tag-item>.f-icon+span,.farris-tags .farris-tags-item-container .farris-tag-item>span+.f-icon{margin-left:7px}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-success{color:#52c41a;background:#f6ffed;border-color:#b7eb8f}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-info{color:#1890ff;background:#e6f7ff;border-color:#91d5ff}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-error{color:#f5222d;background:#fff1f0;border-color:#ffa39e}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-warning{color:#fa8c16;background:#fff7e6;border-color:#ffd591}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-default{color:#2d314e;background:#f6faff;border:1px solid #e6e6e6}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked){cursor:pointer}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked):active{color:#59a1ff}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked):hover{color:#59a1ff}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-checkdisabled{background-color:transparent;border-color:transparent;cursor:not-allowed;color:#00000073}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-checked{background-color:#fff;border-color:#2a87ff;color:#2a87ff}.farris-tags .farris-tags-item-container .farris-tag-item:last-child{margin-right:0}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-actived,.farris-tags .farris-tags-item-container .farris-tag-item:active{background-color:#2a87ff;color:#fff}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-actived .tag-delete,.farris-tags .farris-tags-item-container .farris-tag-item:active .tag-delete{color:#fff}.farris-tags .farris-tags-item-container .farris-tag-add-button{cursor:pointer;background:#f9f9f9;border:1px dashed #babdc9}.farris-tags .farris-tags-item-container .farris-tag-add-button .farris-tag-add-text{color:#00000073;line-height:24px}.farris-tags .farris-tags-item-container .farris-tag-add-button .f-icon{color:#0003;line-height:24px}.farris-tags .farris-tags-item-container .farris-tag-add-button:hover{background-color:#f9f9f9;border-color:#59a1ff}.farris-tags .farris-tags-item-container .farris-tag-add-button:hover .farris-tag-add-text,.farris-tags .farris-tags-item-container .farris-tag-add-button:hover .f-icon{color:#59a1ff}.farris-tags .farris-tags-item-container .farris-tag-add-button.farris-tag-add-button-disabled{background-color:#f7f7f7;border-color:#dcdcdc;border-style:solid;cursor:not-allowed}.farris-tags .farris-tags-item-container .farris-tag-add-button.farris-tag-add-button-disabled .farris-tag-add-text{color:#00000040}.farris-tags .farris-tags-item-container .farris-tag-add-button.farris-tag-add-button-disabled:hover{background-color:#f7f7f7;border-color:#dcdcdc}.farris-tags .farris-tags-item-container .farris-tag-add-button.farris-tag-add-button-disabled:hover .farris-tag-add-text,.farris-tags .farris-tags-item-container .farris-tag-add-button.farris-tag-add-button-disabled:hover .f-icon{color:#00000040}.farris-tags .farris-tags-item-container .farris-tag-input-box{display:inline-flex!important;padding:0;margin:2px 3px 2px -3px;line-height:22px;font-size:13px}.farris-tags .farris-tags-item-container .farris-tag-input-box .form-control{padding:2px 0;min-width:2px;border:none;background:none;line-height:inherit;text-wrap:nowrap;width:100%!important;height:22px!important}.farris-tags .farris-tags-item-container .farris-tag-input-box .form-control:focus{box-shadow:none}.farris-tags .farris-tags-item-container .farris-tag-input-box .form-control:focus-visible{outline:none}.farris-tags .farris-tags-item-container.farris-tag-item-capsule .farris-tag-item{border-radius:24px}.farris-tags .farris-tags-item-container.farris-tag-item-capsule .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked){background:#ffffff;border:1px solid #e6e6e6;cursor:pointer}.farris-tags .farris-tags-item-container.farris-tag-item-capsule .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked):active{color:#59a1ff}.farris-tags .farris-tags-item-container.farris-tag-item-capsule .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked):hover{color:#59a1ff}.farris-tags .farris-tags-item-container.farris-tag-item-capsule .farris-tag-item.farris-tag-item-checked{background-color:#2a87ff0f;border-color:#2a87ff29;color:#2a87ff}.farris-tags.farris-tags-checkable .farris-tag-item{line-height:22px}.farris-tags.farris-tags-nowrap{overflow:hidden}.farris-tags.farris-tags-nowrap .farris-tags-item-container{display:flex;flex-wrap:nowrap;overflow:hidden}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-warning{color:#f5a144;border-color:#fad0a1;background:#fef5ec}.bs3.popover-top{margin-bottom:10px}.bs3.popover.top>.arrow{margin-left:-2px}.bs3.popover.top{margin-bottom:10px}.popover.bottom>.arrow{margin-left:-4px}.bs3.bs-popover-left{margin-right:.5rem}.bs3.bs-popover-right .arrow,.bs3.bs-popover-left .arrow{margin:.3rem 0}.arrow-left .arrow{left:calc(50% - 10px)}.bs-popover-bottom-left .arrow{top:calc((.5rem + 1px)*-1)}.bs-popover-bottom-left .arrow:before{top:0;border-bottom-color:#fff6!important}.bs-popover-bottom-left .arrow:before,.bs-popover-bottom-left .arrow:after{border-width:0 .5rem .5rem}.bs-popover-bottom-left .arrow:after{top:1px;border-bottom-color:#fff!important}.popover.popover-fitcontent .popover-body{max-width:initial;padding:initial}.f-button-edit .farris-tags.form-control{padding:0}.f-button-edit .farris-tag-item,.f-button-edit .farris-tag-input-box{line-height:17px!important;margin:2px 6px 2px 0!important}.f-button-edit .farris-tag-input-box .form-control{height:inherit!important;padding:1px 0!important}.f-button-edit-nowrap .input-group{flex-wrap:nowrap!important}.f-button-edit-nowrap .farris-tags{overflow:hidden}.f-button-edit-nowrap .farris-tags-item-container{display:flex;flex-wrap:nowrap;overflow:hidden}

package/tooltip/index.esm.js

@@ -1,195 +0,0 @@
-import { ref as v, computed as T, defineComponent as L, onMounted as M, createVNode as P, reactive as O, createApp as z, onUnmounted as V, mergeProps as k } from "vue";
-const C = {
-  content: { type: String },
-  width: { type: Number },
-  customClass: { type: String },
-  placement: { type: String, default: "top" },
-  reference: { type: Object, require: !0 },
-  horizontalRelative: { type: String, defatul: "" },
-  verticalRelative: { type: String, defatul: "" }
-};
-function R(i, m) {
-  const p = /* @__PURE__ */ new Map([
-    ["top", "bottom"],
-    ["bottom", "top"],
-    ["left", "right"],
-    ["right", "left"]
-  ]), l = /* @__PURE__ */ new Map([
-    ["top", "height"],
-    ["bottom", "height"],
-    ["left", "width"],
-    ["right", "width"]
-  ]);
-  function f(t, o) {
-    const c = p.get(o) || o;
-    return t.replace(o, c);
-  }
-  function s(t, o, c, e, a) {
-    let u = t;
-    const n = t.split("-")[0], r = l.get(n), d = e[r] + a[r];
-    return Math.abs(c[n] - o[n]) < d && (u = f(t, n)), u;
-  }
-  return { adjustPlacement: s };
-}
-function $(i, m) {
-  function l(s, t, o) {
-    let c = !1, e = o;
-    return (t === "left" || t === "top") && o <= s[t] && (c = !0, e = s[t] + 6), (t === "right" || t === "bottom") && o >= s[t] && (c = !0, e = s[t] - 6), { overBound: c, fixedValue: e };
-  }
-  function f(s, t, o, c, e, a, u) {
-    let n = t.tooltip.left, r = t.tooltip.top, d = t.arrow.left, g = t.arrow.top;
-    const b = s.split("-")[0];
-    if (["top", "bottom"].includes(b)) {
-      const A = l(o, "left", t.tooltip.left), j = l(o, "right", t.tooltip.left + e.width);
-      n = A.overBound ? A.fixedValue : j.overBound ? j.fixedValue - e.width : t.tooltip.left, d = A.overBound ? e.width - (n + e.width - c.right) - u.width : j.overBound ? c.left - n : t.arrow.left;
-    }
-    const x = l(o, "top", t.tooltip.top), h = l(o, "bottom", t.tooltip.top + e.height);
-    return r = x.overBound ? x.fixedValue : h.overBound ? h.fixedValue - e.height : t.tooltip.top, g = x.overBound ? t.arrow.top : h.overBound ? e.height - (r + e.height - c.top) : t.arrow.top, { arrow: { left: d, top: g }, tooltip: { left: n, top: r } };
-  }
-  return { adjustPosition: f };
-}
-function D(i, m) {
-  function l(t, o, c, e, a) {
-    const u = t.split("-"), n = u[0], r = u[1] || "middle", d = ["top", "bottom"].includes(n) ? r === "middle" ? (e.width - a.width) / 2 : r === "right" ? e.width - a.width - 6 : 6 : 0, g = ["left", "right"].includes(n) ? r === "middle" ? (e.height - a.height) / 2 : r === "bottom" ? e.height - a.height - 6 : 6 : 0, y = n === "left" ? e.width + a.width : 0, b = n === "top" ? e.height + a.height : 0;
-    return { left: y + d, top: b + g, right: 0 };
-  }
-  function f(t, o, c, e, a) {
-    const u = t.split("-"), n = u[0], r = u[1] || "middle", d = (c.width - e.width) / 2, g = (c.height - e.height) / 2, y = n === "right" ? o.right : o.left, b = n === "bottom" ? o.bottom : o.top, x = n === "top" ? 0 - g - e.height - a.height : n === "bottom" ? 0 - g + a.height : 0, h = ["left", "right"].includes(n) ? r === "middle" ? (o.height - e.height) / 2 : r === "bottom" ? o.height - e.height : 0 : 0, w = n === "left" ? 0 - d - e.width - a.width : n === "right" ? 0 - d + a.width : 0, E = ["top", "bottom"].includes(n) ? r === "middle" ? (o.width - e.width) / 2 : r === "right" ? o.width - e.width : 0 : 0, A = b + x + h;
-    return { left: y + w + E, top: A };
-  }
-  function s(t, o, c, e, a) {
-    const u = f(t, o, c, e, a);
-    return { arrow: l(t, o, c, e, a), tooltip: u };
-  }
-  return { calculate: s };
-}
-function H(i, m) {
-  const p = v(i.horizontalRelative), l = v(i.verticalRelative);
-  function f(t) {
-    return typeof t == "string" ? document.querySelector(t) : t;
-  }
-  function s() {
-    let t = document.documentElement.clientWidth, o = document.documentElement.clientHeight, c = 0, e = 0, a = 0, u = 0, n = o - c, r = t - e;
-    return p.value && ({ left: e, right: t, x: a, width: r } = f(p.value).getBoundingClientRect()), l.value && ({ bottom: o, top: c, y: u, height: n } = f(l.value).getBoundingClientRect()), { top: c, left: e, right: t, bottom: o, height: n, width: r, x: a, y: u };
-  }
-  return { getRelativeElementBound: s };
-}
-function G(i, m, p, l, f, s) {
-  const t = v(i.placement), { getRelativeElementBound: o } = H(i), { calculate: c } = D(), { adjustPlacement: e } = R(), { adjustPosition: a } = $(), u = T(() => t.value.split("-")[0]), n = T(() => {
-    const r = o();
-    t.value = e(t.value, r, p, l, s);
-    const d = c(t.value, p, l, f, s);
-    return a(
-      t.value,
-      d,
-      r,
-      p,
-      l,
-      f,
-      s
-    );
-  });
-  return { tooltipPlacement: u, tooltipPosition: n };
-}
-const S = /* @__PURE__ */ L({
-  name: "FTooltip",
-  props: C,
-  emits: ["click"],
-  setup(i, m) {
-    const p = v(!0), l = v(), f = v(), s = v(), t = v(i.placement.split("-")[0]), o = T(() => {
-      const h = {
-        tooltip: !0,
-        show: !0
-      }, w = `bs-tooltip-${t.value}`;
-      return h[w] = !0, h;
-    }), {
-      scrollLeft: c,
-      scrollTop: e
-    } = document.documentElement, a = T(() => p.value), u = T(() => i.content), n = v("0px"), r = v("0px");
-    v("");
-    const d = T(() => ({
-      left: n.value,
-      top: r.value
-    })), g = v(""), y = v(""), b = T(() => ({
-      left: g.value,
-      top: y.value
-    }));
-    M(() => {
-      if (l.value && f.value && s.value && i.reference) {
-        const {
-          tooltipPlacement: h,
-          tooltipPosition: w
-        } = G(i, m, i.reference.getBoundingClientRect(), f.value.getBoundingClientRect(), s.value.getBoundingClientRect(), l.value.getBoundingClientRect());
-        n.value = `${w.value.tooltip.left + c}px`, r.value = `${w.value.tooltip.top + e}px`, g.value = `${w.value.arrow.left}px`, y.value = `${w.value.arrow.top}px`, t.value = h.value;
-      }
-    });
-    function x(h) {
-      m.emit("click", h);
-    }
-    return () => P("div", {
-      ref: f,
-      class: o.value,
-      style: d.value,
-      onClick: x
-    }, [P("div", {
-      ref: l,
-      class: "arrow",
-      style: b.value
-    }, null), P("div", {
-      ref: s,
-      class: "tooltip-inner"
-    }, [P("div", {
-      class: "tooltip-tmpl"
-    }, [a.value && P("div", {
-      class: "tooltip-text",
-      innerHTML: u.value
-    }, null)])])]);
-  }
-});
-function N(i, m) {
-  const p = document.createElement("div"), l = z({
-    setup() {
-      return V(() => {
-        document.body.removeChild(p);
-      }), () => P(S, k(i, {
-        onClick: l.unmount
-      }), null);
-    }
-  });
-  return document.body.appendChild(p), l.mount(p), l;
-}
-function X(i) {
-  const m = O({
-    ...i
-  });
-  return N(m);
-}
-const Y = {
-  mounted: (i, m, p) => {
-    let l;
-    const f = Object.assign({
-      content: "This is a tooltip",
-      width: 100,
-      customClass: "",
-      placement: "top",
-      reference: i
-    }, m.value);
-    i.addEventListener("mouseenter", (s) => {
-      s.stopPropagation(), l || (l = X(f));
-    }), i.addEventListener("mouseleave", (s) => {
-      s.stopPropagation(), l && (l.unmount(), l = null);
-    });
-  },
-  unMounted: (i, m, p) => {
-  }
-}, I = {
-  install(i) {
-    i.component(S.name, S), i.directive("tooltip", Y);
-  }
-};
-export {
-  S as Tooltip,
-  Y as TooltipDirective,
-  I as default,
-  C as tooltipProps
-};

package/tooltip/index.umd.js

@@ -1 +0,0 @@
-(function(w,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(w=typeof globalThis<"u"?globalThis:w||self,o(w.tooltip={},w.Vue))})(this,function(w,o){"use strict";const S={content:{type:String},width:{type:Number},customClass:{type:String},placement:{type:String,default:"top"},reference:{type:Object,require:!0},horizontalRelative:{type:String,defatul:""},verticalRelative:{type:String,defatul:""}},$="";function O(c,g){const f=new Map([["top","bottom"],["bottom","top"],["left","right"],["right","left"]]),l=new Map([["top","height"],["bottom","height"],["left","width"],["right","width"]]);function d(t,n){const r=f.get(n)||n;return t.replace(n,r)}function a(t,n,r,e,u){let p=t;const i=t.split("-")[0],s=l.get(i),h=e[s]+u[s];return Math.abs(r[i]-n[i])<h&&(p=d(t,i)),p}return{adjustPlacement:a}}function E(c,g){function l(a,t,n){let r=!1,e=n;return(t==="left"||t==="top")&&n<=a[t]&&(r=!0,e=a[t]+6),(t==="right"||t==="bottom")&&n>=a[t]&&(r=!0,e=a[t]-6),{overBound:r,fixedValue:e}}function d(a,t,n,r,e,u,p){let i=t.tooltip.left,s=t.tooltip.top,h=t.arrow.left,v=t.arrow.top;const x=a.split("-")[0];if(["top","bottom"].includes(x)){const P=l(n,"left",t.tooltip.left),A=l(n,"right",t.tooltip.left+e.width);i=P.overBound?P.fixedValue:A.overBound?A.fixedValue-e.width:t.tooltip.left,h=P.overBound?e.width-(i+e.width-r.right)-p.width:A.overBound?r.left-i:t.arrow.left}const T=l(n,"top",t.tooltip.top),m=l(n,"bottom",t.tooltip.top+e.height);return s=T.overBound?T.fixedValue:m.overBound?m.fixedValue-e.height:t.tooltip.top,v=T.overBound?t.arrow.top:m.overBound?e.height-(s+e.height-r.top):t.arrow.top,{arrow:{left:h,top:v},tooltip:{left:i,top:s}}}return{adjustPosition:d}}function L(c,g){function l(t,n,r,e,u){const p=t.split("-"),i=p[0],s=p[1]||"middle",h=["top","bottom"].includes(i)?s==="middle"?(e.width-u.width)/2:s==="right"?e.width-u.width-6:6:0,v=["left","right"].includes(i)?s==="middle"?(e.height-u.height)/2:s==="bottom"?e.height-u.height-6:6:0,b=i==="left"?e.width+u.width:0,x=i==="top"?e.height+u.height:0;return{left:b+h,top:x+v,right:0}}function d(t,n,r,e,u){const p=t.split("-"),i=p[0],s=p[1]||"middle",h=(r.width-e.width)/2,v=(r.height-e.height)/2,b=i==="right"?n.right:n.left,x=i==="bottom"?n.bottom:n.top,T=i==="top"?0-v-e.height-u.height:i==="bottom"?0-v+u.height:0,m=["left","right"].includes(i)?s==="middle"?(n.height-e.height)/2:s==="bottom"?n.height-e.height:0:0,y=i==="left"?0-h-e.width-u.width:i==="right"?0-h+u.width:0,M=["top","bottom"].includes(i)?s==="middle"?(n.width-e.width)/2:s==="right"?n.width-e.width:0:0,P=x+T+m;return{left:b+y+M,top:P}}function a(t,n,r,e,u){const p=d(t,n,r,e,u);return{arrow:l(t,n,r,e,u),tooltip:p}}return{calculate:a}}function z(c,g){const f=o.ref(c.horizontalRelative),l=o.ref(c.verticalRelative);function d(t){return typeof t=="string"?document.querySelector(t):t}function a(){let t=document.documentElement.clientWidth,n=document.documentElement.clientHeight,r=0,e=0,u=0,p=0,i=n-r,s=t-e;return f.value&&({left:e,right:t,x:u,width:s}=d(f.value).getBoundingClientRect()),l.value&&({bottom:n,top:r,y:p,height:i}=d(l.value).getBoundingClientRect()),{top:r,left:e,right:t,bottom:n,height:i,width:s,x:u,y:p}}return{getRelativeElementBound:a}}function N(c,g,f,l,d,a){const t=o.ref(c.placement),{getRelativeElementBound:n}=z(c),{calculate:r}=L(),{adjustPlacement:e}=O(),{adjustPosition:u}=E(),p=o.computed(()=>t.value.split("-")[0]),i=o.computed(()=>{const s=n();t.value=e(t.value,s,f,l,a);const h=r(t.value,f,l,d,a);return u(t.value,h,s,f,l,d,a)});return{tooltipPlacement:p,tooltipPosition:i}}const j=o.defineComponent({name:"FTooltip",props:S,emits:["click"],setup(c,g){const f=o.ref(!0),l=o.ref(),d=o.ref(),a=o.ref(),t=o.ref(c.placement.split("-")[0]),n=o.computed(()=>{const m={tooltip:!0,show:!0},y=`bs-tooltip-${t.value}`;return m[y]=!0,m}),{scrollLeft:r,scrollTop:e}=document.documentElement,u=o.computed(()=>f.value),p=o.computed(()=>c.content),i=o.ref("0px"),s=o.ref("0px");o.ref("");const h=o.computed(()=>({left:i.value,top:s.value})),v=o.ref(""),b=o.ref(""),x=o.computed(()=>({left:v.value,top:b.value}));o.onMounted(()=>{if(l.value&&d.value&&a.value&&c.reference){const{tooltipPlacement:m,tooltipPosition:y}=N(c,g,c.reference.getBoundingClientRect(),d.value.getBoundingClientRect(),a.value.getBoundingClientRect(),l.value.getBoundingClientRect());i.value=`${y.value.tooltip.left+r}px`,s.value=`${y.value.tooltip.top+e}px`,v.value=`${y.value.arrow.left}px`,b.value=`${y.value.arrow.top}px`,t.value=m.value}});function T(m){g.emit("click",m)}return()=>o.createVNode("div",{ref:d,class:n.value,style:h.value,onClick:T},[o.createVNode("div",{ref:l,class:"arrow",style:x.value},null),o.createVNode("div",{ref:a,class:"tooltip-inner"},[o.createVNode("div",{class:"tooltip-tmpl"},[u.value&&o.createVNode("div",{class:"tooltip-text",innerHTML:p.value},null)])])])}});function k(c,g){const f=document.createElement("div"),l=o.createApp({setup(){return o.onUnmounted(()=>{document.body.removeChild(f)}),()=>o.createVNode(j,o.mergeProps(c,{onClick:l.unmount}),null)}});return document.body.appendChild(f),l.mount(f),l}function C(c){const g=o.reactive({...c});return k(g)}const V={mounted:(c,g,f)=>{let l;const d=Object.assign({content:"This is a tooltip",width:100,customClass:"",placement:"top",reference:c},g.value);c.addEventListener("mouseenter",a=>{a.stopPropagation(),l||(l=C(d))}),c.addEventListener("mouseleave",a=>{a.stopPropagation(),l&&(l.unmount(),l=null)})},unMounted:(c,g,f)=>{}},R={install(c){c.component(j.name,j),c.directive("tooltip",V)}};w.Tooltip=j,w.TooltipDirective=V,w.default=R,w.tooltipProps=S,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/tooltip/package.json

@@ -1,8 +0,0 @@
-{
-    "name": "tooltip",
-    "version": "1.0.3",
-    "main": "index.umd.js",
-    "module": "index.esm.js",
-    "style": "style.css",
-    "types": "../types/tooltip/index.d.ts"
-}

package/tooltip/style.css

@@ -1 +0,0 @@
-.f-tooltip-bottom .arrow,.f-tooltip-top .arrow{left:50%}.f-tooltip-left .arrow,.f-tooltip-right .arrow{top:25%}