@farris/ui-vue 1.0.0-beta.5 → 1.0.0

package/time-picker/index.umd.js

@@ -0,0 +1 @@
+(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

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

package/time-picker/style.css

@@ -0,0 +1 @@
+.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

@@ -91,7 +91,7 @@ function G(i, m, p, l, f, s) {
   });
   return { tooltipPlacement: u, tooltipPosition: n };
 }
-const S = L({
+const S = /* @__PURE__ */ L({
   name: "FTooltip",
   props: C,
   emits: ["click"],

package/tooltip/package.json

@@ -1,8 +1,8 @@
 {
     "name": "tooltip",
-    "version": "1.0.0-beta.6",
+    "version": "1.0.2",
     "main": "index.umd.js",
-    "module": "index.es.js",
+    "module": "index.esm.js",
     "style": "style.css",
     "types": "../types/tooltip/index.d.ts"
 }