@farris/ui-vue 1.0.0-beta.2 → 1.0.0-beta.3

package/date-picker/index.umd.js

@@ -0,0 +1 @@
+(function(q,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(q=typeof globalThis<"u"?globalThis:q||self,e(q["date-picker"]={},q.Vue))})(this,function(q,e){"use strict";const Q=["Sun.","Mon.","Tue.","Wed.","Thur","Fri.","Sat."];var L=(t=>(t[t.previous=1]="previous",t[t.current=2]="current",t[t.next=3]="next",t))(L||{});const se={dates:{Type:Array,default:[]},daysInWeek:{Type:Array,default:Q},enableKeyboadNavigate:{Type:Boolean,default:!0},enableMarkCurrent:{Type:Boolean,default:!0},enablePeriod:{Type:Boolean,default:!1},firstDayOfTheWeek:{Type:Boolean,default:"Sun."},selected:{Type:Object,default:null},selectedPeriod:{Type:Object,default:null},selectedWeek:{Type:Object,default:null},selectMode:{Type:String,default:"day"},showWeekNumber:{Type:Boolean,default:!1},weekTitle:{Type:String,default:"Week"}},Pt="";var U=(t=>(t[t.enter=13]="enter",t[t.esc=27]="esc",t[t.space=32]="space",t[t.leftArrow=37]="leftArrow",t[t.upArrow=38]="upArrow",t[t.rightArrow=39]="rightArrow",t[t.downArrow=40]="downArrow",t[t.tab=9]="tab",t[t.shift=16]="shift",t))(U||{});function ee(){function t(l){const i=l.key||l.keyCode;return i==="Enter"||i===13?13:i==="Escape"||i===27?27:i===" "||i===32?32:i==="ArrowLeft"||i===37?37:i==="ArrowUp"||i===38?38:i==="ArrowRight"||i===39?39:i==="ArrowDown"||i===40?40:i==="Tab"||i===9?9:i==="Shift"||i===16?16:-1}return{getKeyCodeFromEvent:t}}function H(){function t(){return{year:0,month:0,day:0}}function l(a){return new Date(a.year||0,a.month?a.month-1:0,a.day||0,a.hour?a.hour:0,a.minute?a.minute:0,a.second?a.second:0,0)}function i(a){const f=new Date;return a.year||(a.year=f.getFullYear()),a.month||(a.month=f.getMonth()+1),a.day||(a.day=1),new Date(a.year,a.month-1,a.day,a.hour?a.hour:0,a.minute?a.minute:0,a.second?a.second:0,0)}function v(a){return new Date(a.year||1,(a.month||1)-1,a.day,a.hour?a.hour:0,a.minute?a.minute:0,a.second?a.second:0,0).getDay()}function c(a){return Q.indexOf(a)}function r(a){return l(a).getTime()}function h(a){return Math.round(r(a)/1e3)}function u(a,f,o){const s=r(f),y=r(o),b=r(a);return y-b>b-s?f:o}function d(){const a=new Date;return{year:a.getFullYear(),month:a.getMonth()+1,day:a.getDate(),hour:a.getHours(),minute:a.getMinutes(),second:a.getSeconds()}}return{emptyDate:t,getDate:l,getDate2:i,getDayNumber:v,getEpocTime:h,getNearDate:u,getWeekdayIndex:c,getTimeInMilliseconds:r,getToday:d}}function X(){const{getTimeInMilliseconds:t}=H();function l(o){return o&&o.year!==0&&o.month!==0&&o.day!==0}function i(o){return o&&o.year!==0&&o.month!==0}function v(o){return o&&o.year!==0}function c(o,s){return t(o)<t(s)}function r(o,s){return t(o)<=t(s)}function h(o,s){return t(o)===t(s)}function u(o,s){const y=t(s);return t(o.from)===y||t(o.to)===y}function d(o,s){return!s||!l(s.to)||!l(s.from)?!1:r(s.from,o)&&r(o,s.to)}function a(o,s){return l(s)&&t(o)>=t(s)}function f(o,s){return l(s)&&t(o)<=t(s)}return{isDateEarlier:c,equal:h,inPeriod:d,isPoint:u,equalOrEarlier:r,isInitializedDate:l,isInitializedMonth:i,isInitializedYear:v,isMonthDisabledByDisableSince:a,isMonthDisabledByDisableUntil:f}}const Z=e.defineComponent({name:"FDatePickerCalendarView",props:se,emits:["click","clickWeek","keyDown","mouseEnter","mouseLeave"],setup(t,l){const i=e.ref(t.dates),v=e.ref(t.daysInWeek),c=e.ref(t.enableKeyboadNavigate),r=e.ref(t.enableMarkCurrent),h=e.ref(t.enablePeriod),u=e.ref(t.firstDayOfTheWeek),d=e.ref(t.selected),a=e.ref(t.selectedPeriod),f=e.ref(t.selectedWeek),o=e.ref(t.selectMode),s=e.ref(t.showWeekNumber),y=e.ref(t.weekTitle),b=e.computed(()=>s.value&&u.value==="Mon");e.watch(()=>t.dates,()=>{i.value=t.dates}),e.watch(()=>t.selected,()=>{d.value=t.selected});const{equal:V,inPeriod:x,isInitializedDate:T,equalOrEarlier:D,isPoint:p}=X(),{getKeyCodeFromEvent:g}=ee(),N=n=>{const P=!!f.value&&n.numberInTheYear===f.value.numberInTheYear&&n.year===f.value.year;return{"f-datepicker-selectWeek":o.value==="week","f-datepicker-selectedWeek":o.value==="week"&&P}},m=e.computed(()=>s.value&&u.value==="Mon");function C(n){return x(n,a.value)}function B(n){return!!a.value&&p(a.value,n)}function Y(n){return!!d.value&&V({year:d.value.year,month:d.value.month,day:d.value.day},n)}const $=(n,P,k)=>{const W=o.value!=="week"&&n.tag===L.current&&(h.value&&C(n.date)&&!B(n.date)||n.range),R=n.tag===L.previous||n.tag===L.next,z={"f-datepicker-range":W,"f-datepicker-no-currmonth":R,"f-datepicker-disabled":n.disable,"f-datepicker-singledate":!n.disable},J=`d_${P}_${k}`;return z[J]=!0,z},j=n=>{const P=o.value!=="week"&&n.tag===L.current&&(!h.value&&Y(n.date)||h.value&&B(n.date)),k=n.isCurrent&&r.value,W=n.highlight&&(n.tag===L.previous||n.tag===L.next||n.disable);return{"f-datepicker-date":!0,"f-datepicker-selected":P,"f-datepicker-current":k,"f-datepicker-opacity":W,"f-datepicker-highlight":n.highlight,"f-datepicker-disabled":n.disable}};function I(n,P){P.disable||o.value==="week"||(n.stopPropagation(),l.emit("click",P.date))}function A(n,P){o.value==="week"&&(n.stopPropagation(),l.emit("clickWeek",P))}function K(n,P){const k=g(n);k!==U.tab&&(n.preventDefault(),k===U.enter||k===U.space?I(n,P):c.value&&l.emit("keyDown",P.date))}function F(n){a.value&&T(a.value.from)&&!T(a.value.to)&&(i.value.forEach(P=>{P.days.forEach(k=>{k.range=!!a.value&&(D(a.value.from,k.date)&&D(k.date,n.date)||D(k.date,a.value.from)&&D(n.date,k.date))})}),l.emit("mouseEnter",n.date))}function _(){i.value.forEach(n=>{n.days.forEach(P=>{P.range=!1})}),l.emit("mouseLeave")}return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"f-datepicker-table-wrapper"},[e.createVNode("table",{class:"f-datepicker-table",cellpadding:"0"},[e.createVNode("thead",null,[e.createVNode("tr",null,[b.value&&e.createVNode("th",{class:"f-datepicker-weeknbr-title"},[y.value]),v.value&&v.value.map(n=>e.createVNode("th",{scope:"col",style:"padding-bottom: 8px;padding-top: 4px"},[n]))])]),e.createVNode("tbody",null,[i.value&&i.value.map((n,P)=>e.createVNode("tr",{class:N(n),onClick:k=>A(k,n)},[m.value&&e.createVNode("td",{class:"f-datepicker-weeknbr"},[e.createVNode("div",{class:"f-datepicker-date"},[n.numberInTheYear])]),n.days&&n.days.map((k,W)=>e.createVNode("td",{id:`d_${P}_${W}`,tabindex:"0",class:$(k,P,W),onClick:R=>I(R,k),onKeydown:R=>K(R,k),onMouseenter:()=>F(k),onMouseleave:()=>_()},[k.marked&&k.marked.marked&&e.createVNode("span",{class:"f-datepicker-markdate",style:{"background-color":k.marked.color}},null),e.createVNode("div",{class:j(k)},[k.date.day])]))]))])])])])}}),Me={activeMonth:{type:Object,require:!0},ariaLabelPrevMonth:{type:String,default:""},ariaLabelNextMonth:{type:String,default:""},dateFormat:{type:String,default:"yyyy-MM-dd"},disablePrePage:{type:Boolean,default:!1},disablePreRecord:{type:Boolean,default:!1},disableNextRecord:{type:Boolean,default:!1},disableNextPage:{type:Boolean,default:!1},years:{type:Array,default:[[{}]]},selectingMonth:{type:Boolean,default:!1},selectingYear:{type:Boolean,default:!1},selectMode:{type:String,default:"day"}},Tt="",te=e.defineComponent({name:"FDatePickerCalendarNavbar",props:Me,emits:["clickMonth","clickYear","prePage","preRecord","nextRecord","nextPage"],setup(t,l){return()=>{const i=e.ref(t.ariaLabelPrevMonth),v=e.ref(t.ariaLabelNextMonth),c=e.ref(t.dateFormat),r=e.ref(t.disablePrePage),h=e.ref(t.disablePreRecord),u=e.ref(t.disableNextRecord),d=e.ref(t.disableNextPage),a=e.ref(t.activeMonth),f=e.ref(t.years),o=e.ref(t.selectingMonth),s=e.ref(t.selectingYear),y=e.ref(t.selectMode),b=e.ref(!0),V=e.ref(!0);e.watch(()=>t.activeMonth,()=>{var n,P,k,W;a.value={month:(n=t.activeMonth)==null?void 0:n.month,year:(P=t.activeMonth)==null?void 0:P.year,displayTextOfMonth:(k=t.activeMonth)==null?void 0:k.displayTextOfMonth,displayTextOfYear:(W=t.activeMonth)==null?void 0:W.displayTextOfMonth}});const x=e.computed(()=>({"f-datepicker-header":!0,monthYearSelBarBorder:o.value||s.value})),T=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-header-btn-disabled":r.value})),D=e.computed(()=>!o.value&&!s.value),p=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-header-btn-disabled":h.value})),g=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-header-btn-disabled":u.value})),N=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-header-btn-disabled":d.value})),m=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-yearLabel":b.value,"f-datepicker-labelBtnNotEdit":!b.value})),C=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-monthLabel":V.value,"f-datepicker-labelBtnNotEdit":!V.value})),B=e.computed(()=>{const n=c.value?c.value.indexOf("yyyy"):0,P=c.value?c.value.indexOf("MM"):0;return n>P?"MM-yyyy":"yyyy-MM"});function Y(n){n.stopPropagation(),l.emit("prePage")}function $(n){n.stopPropagation(),l.emit("preRecord")}function j(n){n.stopPropagation(),l.emit("clickYear")}function I(n){n.stopPropagation(),l.emit("clickMonth")}function A(n){n.stopPropagation(),n.stopPropagation(),l.emit("nextRecord")}function K(n){n.stopPropagation(),l.emit("nextPage")}function F(){return e.createVNode("button",{type:"button",class:m.value,onClick:n=>{b.value&&j(n)},tabindex:b.value?"0":"-1",disabled:y.value==="year"},[s.value?f.value.length>3?f.value[0][1].year+" - "+f.value[3][1].year:"":a.value.displayTextOfYear])}function _(){return!s.value&&y.value!=="month"&&e.createVNode("button",{type:"button",class:C.value,onClick:n=>{V.value&&I(n)},tabindex:V.value?"0":"-1"},[a.value.displayTextOfMonth])}return e.createVNode("div",{class:x.value},[e.createVNode("div",{class:"f-datepicker-prev-btn"},[e.createVNode("button",{title:"prePage",type:"button",class:T.value,onClick:Y},[e.createVNode("i",{class:"k-icon k-i-arrow-double-60-left"},null)]),D.value&&e.createVNode("button",{type:"button","aria-label":i.value,class:p.value,onClick:$},[e.createVNode("i",{class:"k-icon k-i-arrow-chevron-left"},null)])]),e.createVNode("div",{class:"f-datepicker-monthYearText"},[B.value==="yyyy-MM"?[F(),_()]:[_(),F()]]),e.createVNode("div",{class:"f-datepicker-next-btn"},[D.value&&e.createVNode("button",{type:"button","aria-label":v.value,class:g.value,onClick:A},[e.createVNode("i",{class:"k-icon k-i-arrow-chevron-right"},null)]),e.createVNode("button",{title:"nextPage",type:"button",class:N.value,onClick:K},[e.createVNode("i",{class:"k-icon k-i-arrow-double-60-right"},null)])])])}}}),ae={1:"Jan",2:"Feb",3:"Mar",4:"Apr",5:"May",6:"Jun",7:"Jul",8:"Aug",9:"Sep",10:"Oct",11:"Nov",12:"Dec"},Pe={top:{type:Number,default:0},left:{type:Number,default:0},position:{type:String,default:"bottom"},enablePeriod:{type:Boolean,default:!1},dateFormat:{type:String,default:"MM-dd-yyyy"},dates:{type:Array,default:[]},daysInWeek:{type:Array,default:Q},disableDates:{Type:Array,default:[]},disablePeriod:{Type:Array,default:[]},disableSince:{Type:Object,default:{year:0,month:0,day:0}},disableWeekdays:{Type:Array,default:[]},disableWeekends:{Type:Boolean,default:!1},disableUntil:{Type:Object,default:{year:0,month:0,day:0}},enableKeyboadNavigate:{type:Boolean,default:!0},enableMarkCurrent:{type:Boolean,default:!0},firstDayOfTheWeek:{type:String,default:"Sun."},highlightDates:{Type:Array,default:[]},highlightSaturday:{Type:Boolean,default:!1},highlightSunday:{Type:Boolean,default:!1},maxYear:{Type:Number,default:2500},minYear:{Type:Number,default:1},months:{type:Array,default:[[]]},nameOfMonths:{Type:Object,default:ae},secondaryDates:{type:Array,default:[]},secondaryMonths:{type:Array,default:[[]]},selectedDate:{type:Object,default:null},selectedMonth:{type:Object,default:null},selectedPeriod:{type:Object,default:null},selectedWeek:{type:Object,default:null},selectMode:{type:String,default:"day"},showWeekNumber:{type:Boolean,default:!1},weekTitle:{type:String,default:"Week"},years:{Type:Array,default:[[]]}},Te={months:{Type:Array,default:[[]]},enableMarkCurrent:{Type:Boolean,default:!1},enableKeyboadNavigate:{Type:Boolean,default:!0},enablePeriod:{Type:Boolean,default:!1},selected:{Type:Object,default:null},selectedPeriod:{Type:Object,default:null}},ne=e.defineComponent({name:"FDatePickerMonthView",props:Te,emits:["click","keyDown","mouseEnter","mouseLeave"],setup(t,l){const i=e.ref(t.months),v=e.ref(t.enableMarkCurrent),c=e.ref(t.enableKeyboadNavigate),r=e.ref(t.enablePeriod),h=e.ref(t.selected),u=e.ref(t.selectedPeriod),{equal:d,inPeriod:a,isInitializedDate:f,equalOrEarlier:o}=X(),{getKeyCodeFromEvent:s}=ee();e.watch(()=>t.months,()=>{i.value=t.months}),e.watch(()=>t.selected,()=>{h.value=t.selected});function y(N,m){N.stopPropagation(),!m.disable&&l.emit("click",m)}function b(N,m){const C=s(N);C!==U.tab&&(N.preventDefault(),C===U.enter||C===U.space?y(N,m):c.value&&l.emit("keyDown",m))}function V(N){u.value&&f(u.value.from)&&!f(u.value.to)&&(i.value.forEach(m=>{m.forEach(C=>{C.range=!!u.value&&(o(u.value.from,C.date)&&o(C.date,N.date)||o(C.date,u.value.from)&&o(N.date,C.date))})}),l.emit("mouseEnter",N))}function x(){i.value.forEach(N=>{N.forEach(m=>{m.range=!1})}),l.emit("mouseLeave")}function T(N){return!!h.value&&d({year:h.value.year,month:h.value.month},{year:N.year,month:N.month})}function D(N){return!!u.value&&(d({year:u.value.from.month},N)||d({year:u.value.to.month},N))}function p(N){return a(N,u.value)}const g=N=>({"f-datepicker-month-cell":!0,"f-datepicker-current":N.isCurrent&&v,"f-datepicker-selected":!r.value&&T(N.date)||r.value&&D(N.date),"f-datepicker-disabled":N.disable,"f-datepicker-range":p(N.date)||N.range});return()=>e.createVNode("div",{class:"f-datepicker-table-wrapper"},[e.createVNode("table",{class:"f-datepicker-table"},[e.createVNode("tbody",null,[i.value&&i.value.map((N,m)=>e.createVNode("tr",null,[N.map((C,B)=>e.createVNode("td",{id:`m_${m}_${B}`,class:`m_${m}_${B}`,onClick:Y=>y(Y,C),onKeydown:Y=>b(Y,C),onMouseenter:()=>V(C),onMouseleave:()=>x(),tabindex:"0",style:"width: 33.3%"},[e.createVNode("div",{class:"f-datepicker-month"},[e.createVNode("span",{class:g(C)},[C.displayText])])]))]))])])])}}),Ne={years:{Type:Array,default:[[]]},enableKeyboadNavigate:{Type:Boolean,default:!0},enableMarkCurrent:{Type:Boolean,default:!0},enablePeriod:{Type:Boolean,default:!1},selected:{Type:Object,default:null},selectedPeriod:{Type:Object,default:null}},oe=e.defineComponent({name:"FDatePickerYearView",props:Ne,emits:["click","keyDown","mouseEnter","mouseLeave"],setup(t,l){const i=e.ref(t.years),v=e.ref(t.enableMarkCurrent),c=e.ref(t.enableKeyboadNavigate),r=e.ref(t.enablePeriod),h=e.ref(t.selected),u=e.ref(t.selectedPeriod),{equal:d,inPeriod:a,isInitializedDate:f,equalOrEarlier:o}=X(),{getKeyCodeFromEvent:s}=ee();e.watch(()=>t.years,()=>{i.value=t.years}),e.watch(()=>t.selected,()=>{h.value=t.selected});const y=(m,C)=>{const B=`y_${m}_${C}`,Y={"f-datepicker-no-currmonth":m===0&&C===0||m===3&&C===2};return Y[B]=!0,Y};function b(m){return a(m,u.value)}function V(m){return!!h.value&&d({year:h.value.year},m)}function x(m){return!!u.value&&(d({year:u.value.from.year},m)||d({year:u.value.to.year},m))}const T=m=>({"f-datepicker-year-cell":!0,"f-datepicker-current":m.isCurrent&&v.value,"f-datepicker-selected":!u.value&&V(m.date)||r.value&&x(m.date),"f-datepicker-disabled":m.disable,"f-datepicker-range":b(m.date)||m.range});function D(m,C){m.stopPropagation(),!C.disable&&l.emit("click",C)}function p(m,C){const B=s(m);B!==U.tab&&(m.preventDefault(),B===U.enter||B===U.space?D(m,C):c.value&&l.emit("keyDown",C))}function g(m){u.value&&f(u.value.from)&&!f(u.value.to)&&(i.value.forEach(C=>{C.forEach(B=>{B.range=!!u.value&&(o(u.value.from,B.date)&&o(B.date,m.date)||o(B.date,u.value.from)&&o(m.date,B.date))})}),l.emit("mouseEnter",m))}function N(){i.value.forEach(m=>{m.forEach(C=>{C.range=!1})}),l.emit("mouseLeave")}return()=>e.createVNode("table",{class:"f-datepicker-table-wrapper"},[e.createVNode("tbody",{class:"f-datepicker-table"},[i.value&&i.value.map((m,C)=>e.createVNode("tr",null,[m.map((B,Y)=>e.createVNode("td",{id:"y_{yi}_{i}",class:y(C,Y),onClick:$=>D($,B),onKeydown:$=>p($,B),onMouseenter:()=>g(B),onMouseleave:()=>N(),tabindex:"0"},[e.createVNode("div",{class:"f-datepicker-year"},[e.createVNode("span",{class:T(B)},[B.year])])]))]))])])}});function le(){function t(c){return new Date(c.year||0,(c.month||1)-1,c.day,c.hour?c.hour:0,c.minute?c.minute:0,c.second?c.second:0,0).getDay()}function l(c){if(!c)return 1;if(!/^\d+$/.test(c.value))return-1;let r=Number(c.value);return(c.format.length===1&&c.value.length!==1&&r<10||c.format.length===1&&c.value.length!==2&&r>=10||c.format.length===2&&c.value.length>2)&&(r=-1),r}function i(c,r){if(c.value){for(let h=1;h<=12;h++)if(c.value.toLowerCase()===r[h].toLowerCase())return h}return-1}function v(c){const r=new Date(c.year||0,(c.month||1)-1,c.day,0,0,0,0);return r.setDate(r.getDate()+(r.getDay()===0?-3:4-r.getDay())),Math.round((r.getTime()-new Date(r.getFullYear(),0,4).getTime())/864e5/7)+1}return{getNumberByValue:l,getDayNumber:t,getMonthNumberByMonthName:i,getWeekNumber:v}}function Ce(t,l,i,v,c,r,h,u){const{getTimeInMilliseconds:d,getWeekdayIndex:a}=H(),{isInitializedDate:f}=X(),{getDayNumber:o}=le();function s(y){if(y.year&&y.year<t&&y.month===12||y.year&&y.year>l&&y.month===1)return!0;const b=d(y);if(f(v)&&b+24*60*60*1e3-1<d(v)||f(i)&&b>d(i))return!0;if(h){const x=o(y);if(x===0||x===6)return!0}const V=o(y);return!!(u.length>0&&u.find(T=>a(T)===V)||c.length>0&&c.find(T=>(T.year===0||T.year===y.year)&&(T.month===0||T.month===y.month)&&T.day===y.day)||r.length>0&&r.find(T=>f(T.from)&&f(T.to)&&b>=d(T.from)&&b<=d(T.to)))}return{isDisabledDate:s}}function xe(){const{getDayNumber:t}=le();function l(v,c,r){let h=[];h=c.reduce((d,a)=>{const f=a.dates.map(o=>({date:o,color:a.color}));return[...d,...f]},h);const u=h.find(d=>(d.date.year===0||d.date.year===v.year)&&(d.date.month===0||d.date.month===v.month)&&d.date.day===v.day);if(u)return{marked:!0,color:u.color};if(r&&r.marked){const d=t(v);if(d===0||d===6)return{marked:!0,color:r.color}}return{marked:!1,color:""}}function i(v,c,r,h){const u=t(v);return c&&u===0||r&&u===6?!0:!!h.find(a=>(a.year===0||a.year===v.year)&&(a.month===0||a.month===v.month)&&a.day===v.day)}return{isHighlightedDate:i,isMarkedDate:l}}function ie(){const{getTimeInMilliseconds:t}=H(),{isInitializedDate:l}=X();function i(c,r){return l(r)&&t(c)<=t(r)}function v(c,r){return l(r)&&t(c)>=t(r)}return{isMonthDisabledByDisableSince:v,isMonthDisabledByDisableUntil:i}}function re(){const{getToday:t}=H(),{isMonthDisabledByDisableSince:l,isMonthDisabledByDisableUntil:i}=ie();function v(f){const o={displayTextOfMonth:"",month:0,year:0,displayTextOfYear:""};if(f){const s=f.match(/[^0-9]/),y=s&&s.length?s[0]:"",b=f.split(y);o.month=b[0].length===2?Number(b[0]):Number(b[1]),o.year=b[0].length===2?Number(b[1]):Number(b[0])}return o}function c(f,o){return new Date(o,f,0).getDate()}function r(f,o,s){return new Date(f,o-1,s,0,0,0,0)}function h(f,o){const s=r(o,f,1);return s.setMonth(s.getMonth()-1),c(s.getMonth()+1,s.getFullYear())}function u(f,o,s,y){const b=t(),V=[],{year:x}=o,T=3;for(let D=1;D<=12;D+=T){const p=[];for(let g=D;g<D+T;g++){const N=l({year:x,month:g,day:1},s)||i({year:x,month:g,day:c(g,x||0)},y);p.push({month:g,displayText:f[g],isCurrent:g===b.month&&x===b.year,disable:N,date:{year:x,month:g}})}V.push(p)}return V}function d(f,o){const s={year:f===12?o+1:o},y=f===12?1:f+1;return s.month=y,s}function a(f,o){const s={year:f===1?o-1:o},y=f===1?12:f-1;return s.month=y,s}return{daysInMonth:c,daysInPreMonth:h,generateMonths:u,parseDefaultMonth:v,getNextMonth:d,getPreviousMonth:a}}function we({isDisabledDate:t}){const{getToday:l}=H(),{daysInMonth:i,daysInPreMonth:v,getNextMonth:c,getPreviousMonth:r}=re(),{isHighlightedDate:h,isMarkedDate:u}=xe(),{getWeekNumber:d}=le();function a(y){const b=Q.indexOf(y);return b>0?7-b:0}function f(y,b,V){const x=new Date;x.setDate(1),x.setMonth(b-1),x.setFullYear(y);const T=x.getDay()+V;return T>=7?T-7:T}function o(y,b,V,x,T){return y===T.day&&b===T.month&&V===T.year&&x===L.current}function s(y,b,V,x,T,D,p,g,N){const m=[],C=l(),B=f(b,y,a(V)),Y=i(y,b),$=v(y,b);let j=1,I=L.previous;for(let A=1;A<7;A++){const K=[];if(A===1){const _=$-B+1;for(let P=_;P<=$;P++){const k={year:y===1?b-1:b,month:y===1?12:y-1,day:P},W=o(P,y,b,I,C),R=t(k),z=u(k,x,T),J=h(k,g,p,D);K.push({date:k,tag:I,isCurrent:W,disable:R,marked:z,highlight:J})}I=L.current;const n=7-K.length;for(let P=0;P<n;P++){const k={year:b,month:y,day:j},W=o(j,y,b,I,C),R=t(k),z=u(k,x,T),J=h(k,g,p,D);K.push({date:k,tag:I,isCurrent:W,disable:R,marked:z,highlight:J}),j++}}else for(let _=1;_<=7;_++){j>Y&&(j=1,I=L.next);const n={year:I===L.next&&y===12?b+1:b,month:I===L.current?y:I===L.next&&y<12?y+1:1,day:j},P=o(j,y,b,I,C),k=t(n),W=u(n,x,T),R=h(n,g,p,D);K.push({date:n,tag:I,isCurrent:P,disable:k,marked:W,highlight:R}),j++}const F=N&&V==="Mon."?d(K[0].date):0;m.push({days:K,numberInTheYear:F,year:b})}return m}return{generateCalendar:s}}function De(){const{getToday:t}=H(),{daysInMonth:l}=re(),{isMonthDisabledByDisableSince:i,isMonthDisabledByDisableUntil:v}=ie();function c(r,h,u,d,a,f){const o=[],s=r-r%10,{year:y,month:b}=h,V=t(),x=3,T=s+10;for(let D=s-1;D<T;D+=x){const p=[];for(let g=D;g<D+x;g++){const N=i({year:g,month:b,day:1},a)||v({year:g,month:b,day:l(b||0,g)},f),m=g<u||g>d;p.push({year:g,isCurrent:g===V.year,selected:g===y,disable:N||m,date:{year:g}})}o.push(p)}return o}return{generateYears:c}}const Nt="",ce=e.defineComponent({name:"FDatePickerContainer",props:Pe,emits:["datePicked"],setup(t,l){const i=e.ref(t.top),v=e.ref(t.left),c=e.ref(t.position),r=e.ref(t.enablePeriod),h=e.ref(t.selectMode),u=e.ref(t.dateFormat),d=e.ref(t.nameOfMonths),a=e.ref([]),f=e.ref(!1),o=e.ref(""),s=e.ref(!1),y=e.ref(""),b=e.ref(),V=e.ref(!1),x=e.ref(!1),T=e.ref(!1),D=e.ref(!1),p=e.ref(!1),g=e.ref(!1),N=e.ref(!1),m=e.ref(!1),C=e.ref(t.secondaryDates),B=e.ref(t.daysInWeek),Y=e.ref(t.enableKeyboadNavigate),$=e.ref(t.enableMarkCurrent),j=e.ref(t.firstDayOfTheWeek),I=e.ref(t.showWeekNumber),A=e.ref(t.selectedDate),K=e.ref(t.selectedWeek),F=e.ref(t.selectedPeriod),_=e.ref(t.weekTitle),n=e.ref(t.secondaryMonths),P=e.ref(t.selectedMonth),k=e.ref(t.minYear),W=e.ref(t.maxYear),R=e.ref(t.disableSince),z=e.ref(t.disableUntil),J=e.ref(t.disableDates),$e=e.ref(t.disablePeriod),je=e.ref(t.disableWeekdays),Ae=e.ref(t.disableWeekends),Re=Ce(k.value,W.value,R.value,z.value,J.value,$e.value,Ae.value,je.value),{generateCalendar:Le}=we(Re),{getToday:Fe}=H(),{generateMonths:Ke,getNextMonth:_e,getPreviousMonth:qe}=re(),{generateYears:Ue}=De(),S=Fe(),O=e.ref({year:S.year||1,month:S.month||1,displayTextOfMonth:d.value[S.month||"1"],displayTextOfYear:`${S.year}`}),fe=S.month===12?(S.year||1)+1:S.year,ze=(S.month||1)<12?(S.month||1)+1:1,He=e.ref({year:fe,month:ze,displayTextOfMonth:d.value[S.month||"1"],displayTextOfYear:`${fe}`}),Je=e.computed(()=>Le(O.value.month,O.value.year,j.value,[],{marked:!0,color:""},[],t.highlightSaturday,t.highlightSunday,I.value)),Ge=e.computed(()=>Ke(d.value,{year:O.value.year,month:O.value.month},R.value,z.value)),ye=e.computed(()=>Ue(O.value.year,{year:O.value.year,month:O.value.month},k.value,W.value,R.value,z.value)),Qe=e.computed(()=>{const M={"f-datepicker-container":!0},E=`container-position-${c.value}`;return M[E]=!0,M});function Xe(){return""}const Ze=e.computed(()=>({top:`${i.value}px`,left:`${v.value}px`,width:Xe()}));function Ct(M){}function et(M){M.stopPropagation()}function tt(M,E){const w=O.value.year-(s.value?10:1),G={year:w,month:O.value.month,displayTextOfMonth:d.value[O.value.month||"1"],displayTextOfYear:`${w}`};O.value=G}function he(M,E){const w=qe(O.value.month,O.value.year),G={year:w.year||1,month:w.month||1,displayTextOfMonth:d.value[w.month||"1"],displayTextOfYear:`${w.year}`};O.value=G}function be(M,E){const w=_e(O.value.month,O.value.year),G={year:w.year||1,month:w.month||1,displayTextOfMonth:d.value[w.month||"1"],displayTextOfYear:`${w.year}`};O.value=G}function at(M,E){const w=O.value.year+1,G={year:w,month:O.value.month,displayTextOfMonth:d.value[O.value.month||"1"],displayTextOfYear:`${w}`};O.value=G}function nt(M){f.value=!0,s.value=!1}function ot(M){f.value=!1,s.value=!0}const lt=e.computed(()=>({"active-month":O.value,"date-format":u.value,"disable-pre-page":V.value,"disable-pre-record":x.value,"disable-next-record":T.value,"disable-next-page":D.value,years:ye.value,"selecting-month":f.value,"selecting-year":s.value,"select-mode":h.value})),rt=e.computed(()=>({"active-month":He.value,"date-format":u.value,"disable-pre-page":p.value,"disable-pre-record":g.value,"disable-next-record":N.value,"disable-next-page":m.value,years:a.value,"selecting-month":o.value,"selecting-year":y.value,"select-mode":h.value}));function me(M,E){return e.createVNode(te,e.mergeProps(E,{onPrePage:w=>tt(),onPreRecord:w=>he(),onNextRecord:w=>be(),onNextPage:w=>at(),onClickMonth:w=>nt(),onClickYear:w=>ot()}),null)}const ve=e.computed(()=>!f.value&&!s.value&&!b.value||r.value&&h.value!=="week"&&!o.value&&!y.value&&!b.value),st=e.computed(()=>f.value&&!s.value),it=e.computed(()=>s.value&&!f.value),ct=e.computed(()=>({dates:Je.value,daysInWeek:B.value,enableKeyboadNavigate:Y.value,enableMarkCurrent:$.value,enablePeriod:r.value,firstDayOfTheWeek:j.value,selected:A.value,selectedPeriod:F.value,selectedWeek:K.value,selectMode:h.value,showWeekNumber:I.value,weekTitle:_.value})),ut=e.computed(()=>({dates:C,daysInWeek:B.value,enableKeyboadNavigate:Y.value,enableMarkCurrent:$.value,enablePeriod:r.value,firstDayOfTheWeek:j.value,selected:A.value,selectedPeriod:F.value,selectMode:I.value,showWeekNumber:I.value,weekTitle:_.value}));function dt(M,E){A.value=M,l.emit("datePicked",`${M.year}-${M.month}-${M.day}`)}function xt(M){}function wt(M){}function Dt(M,E){}function Bt(M,E){}function pe(M,E){return ve.value&&e.createVNode(Z,e.mergeProps(E,{onClick:w=>dt(w),onClickWeek:w=>void 0,onKeyDown:w=>void 0,onMouseEnter:w=>void 0,onMouseLeave:w=>void 0}),null)}const ft=e.computed(()=>({months:Ge.value,enableMarkCurrent:$.value,enableKeyboadNavigate:Y.value,enablePeriod:r.value,selected:P.value,selectedPeriod:F.value})),yt=e.computed(()=>({months:n.value,enableMarkCurrent:$.value,enableKeyboadNavigate:Y.value,enablePeriod:r.value,selected:P.value,selectedPeriod:F.value}));function ht(M,E){f.value=!1,s.value=!1,P.value=M,O.value={month:M.month||1,displayTextOfMonth:d.value[O.value.month||"1"],year:O.value.year||1,displayTextOfYear:`${O.value.displayTextOfYear}`}}function Ot(M){}function Vt(M,E){}function St(M,E){}function ge(M,E){return e.createVNode(ne,e.mergeProps(E,{onClick:w=>ht(w),onKeyDownMonthView:w=>void 0,onMouseEnterMonthView:w=>void 0,onMouseLeaveMonthView:w=>void 0}),null)}const bt=e.computed(()=>({years:ye.value,enableKeyboadNavigate:Y.value,enableMarkCurrent:$.value,enablePeriod:r.value,selected:A.value,selectedPeriod:F.value})),mt=e.computed(()=>({years:a.value,enableKeyboadNavigate:Y.value,enableMarkCurrent:$.value,enablePeriod:r.value,selected:A.value,selectedPeriod:F.value}));function vt(M,E){f.value=!0,s.value=!1,O.value={month:O.value.month,displayTextOfMonth:O.value.displayTextOfMonth,year:M.year||1,displayTextOfYear:`${M.year}`}}function Yt(M){}function It(M,E){}function Et(M,E){}function pt(M){O.value={year:S.year||1,month:S.month||1,displayTextOfMonth:d.value[S.month||"1"],displayTextOfYear:`${S.year}`},A.value=S}function gt(M){O.value={year:S.year||1,month:S.month||1,displayTextOfMonth:d.value[S.month||"1"],displayTextOfYear:`${S.year}`},A.value=S,P.value={year:S.year,month:S.month}}function kt(M){O.value={year:S.year||1,month:S.month||1,displayTextOfMonth:d.value[S.month||"1"],displayTextOfYear:`${S.year}`},A.value=S}const Mt=e.computed(()=>r.value&&h.value!=="week");function ke(M,E){return e.createVNode(oe,e.mergeProps(E,{onClick:w=>vt(w),onKeyDownYearView:w=>void 0,onClickPreRecord:w=>he(),onClickNextRecord:w=>be(),onMouseEnterYearView:w=>void 0,onMouseLeaveYearView:w=>void 0}),null)}return()=>e.createVNode("div",{class:Qe.value,style:Ze.value,tabindex:"0",onKeyup:M=>void 0,onClick:M=>et(M)},[e.createVNode("div",{class:"f-datepicker-content"},[me(!1,lt.value),pe(!1,ct.value),f.value&&ge(!1,ft.value),s.value&&ke(!1,bt.value),e.createVNode("div",{class:"f-datepicker-footer"},[e.createVNode("div",{class:"f-datepicker-redirect"},[ve.value&&e.createVNode("button",{class:"btn btn-link",onClick:pt},[e.createTextVNode("\u4ECA\u5929")]),st.value&&e.createVNode("button",{class:"btn btn-link",onClick:gt},[e.createTextVNode("\u672C\u6708")]),it.value&&e.createVNode("button",{class:"btn btn-link",onClick:kt},[e.createTextVNode("\u4ECA\u5E74")])])])]),Mt.value&&e.createVNode("div",{class:"f-datepicker-content"},[me(!0,rt.value),pe(!0,ut.value),o.value&&ge(!0,yt.value),y.value&&ke(!0,mt.value)])])}}),Be={displayFormat:{Type:String,default:"yyyyMMdd"},minYear:{Type:Number,default:1},maxYear:{Type:Number,default:2500},valueFormat:{Type:String,default:"yyyyMMdd"},displayTime:{Type:Boolean,default:!1},selectMode:{Type:String,default:"day"},disableUntil:{Type:Object,default:{year:0,month:0,day:0}},disableSince:{Type:Object,default:{year:0,month:0,day:0}},disableDates:{Type:Array,default:[]},disablePeriod:{Type:Array,default:[]},disableWeekends:{Type:Boolean,default:!1},disableWeekdays:{Type:Array,default:[]},highlightDates:{Type:Array,default:[]},highlightSaturday:{Type:Boolean,default:!1},highlightSunday:{Type:Boolean,default:!1},modelValue:{type:String,default:""},nameOfMonths:{Type:Object,default:ae},periodDelimiter:{Type:String,default:""}},Oe={id:String,buttonContent:{type:String,default:'<i class="f-icon f-icon-lookup"></i>'},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};function Ve(t,l,i){const v=e.computed(()=>({"input-group-append":!0,"append-force-show":t.showButtonWhenDisabled&&(t.readonly||t.disable)})),c=e.computed(()=>t.showButtonWhenDisabled||(!t.editable||!t.readonly)&&!t.disable);function r(a){c.value&&(i.value=!0,l.emit("clickButton",{origin:a,value:t.modelValue})),a.stopPropagation()}function h(a){l.emit("mouseEnterIcon",a)}function u(a){l.emit("mouseLeaveIcon",a)}function d(){l.emit("mouseOverButton")}return{buttonClass:v,onClickButton:r,onMouseEnterButton:h,onMouseLeaveButton:u,onMouseOverButton:d}}function ue(t,l,i,v){const c=e.computed(()=>t.enableTitle?i.value:""),r=e.computed(()=>(t.disable||t.readonly)&&!t.forcePlaceholder?"":t.placeholder),h=e.computed(()=>t.readonly||!t.editable);let u=!1;const d=e.computed(()=>!t.disable&&u),a=e.computed(()=>({"text-left":t.textAlign==="left","text-center":t.textAlign==="center","text-right":t.textAlign==="right","form-control":!0,"f-utils-fill":!0}));function f(p,g=!0){i.value!==p&&(i.value=p,g&&l.emit("change",p),l.emit("update:modelValue",p))}e.watch(()=>t.modelValue,p=>{i.value=p,l.emit("change",p)});function o(p){u=!1,l.emit("blur",p),p.stopPropagation()}function s(p){l.emit("click",p)}function y(p){if(t.disable){u=!0;return}u=!0,h.value||l.emit("focus",p)}function b(p){l.emit("input",p.target.value);const g=p.target.value;v.value=g,i.value!==g&&f(g,!1)}function V(p){p.target.tagName!=="INPUT"&&p.preventDefault(),p.stopPropagation()}function x(p){l.emit("keydown",p)}function T(p){l.emit("keyup",p)}function D(p){const g=p.target.value;f(g)}return{hasFocusedTextBox:d,isTextBoxReadonly:h,textBoxClass:a,textBoxPlaceholder:r,textBoxTitle:c,changeTextBoxValue:f,onBlurTextBox:o,onClickTextBox:s,onFocusTextBox:y,onInput:b,onKeyDownTextBox:x,onKeyUpTextBox:T,onMouseDownTextBox:V,onTextBoxValueChange:D}}function Se(t,l,i,v,c){const r=e.ref(!1),h=e.computed(()=>t.enableClear&&!t.readonly&&!t.disable),{changeTextBoxValue:u}=ue(t,l,i,c);function d(s){r.value=s}e.watch(c,()=>{v.value?d(!!c.value):d(!1)});function a(s){const y=!t.readonly&&!t.disable&&t.editable,b=!t.editable;s.stopPropagation(),(y||b)&&(u("",!1),d(!r.value),l.emit("clear"))}function f(s){if(!!h.value){if(!i.value){d(!1);return}(!t.editable||!t.readonly)&&!t.disable&&d(!0)}}function o(s){!h.value||d(!1)}return{enableClearButton:h,showClearButton:r,onClearValue:a,onMouseEnterTextBox:f,onMouseLeaveTextBox:o}}const Ye={popupContentPosition:{type:Object,default:{left:0,top:0}}},Ie=e.defineComponent({name:"FOverlay",props:Ye,emits:["click"],setup(t,l){const i=e.ref(t.popupContentPosition);function v(r){l.emit("click"),r.preventDefault(),r.stopPropagation()}const c=e.computed(()=>({position:"relative",left:`${i.value.left}px`,top:`${i.value.top}px`}));return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>{var r,h;return[e.createVNode("div",{class:"overlay-container",style:"pointer-events: auto;",onClick:u=>v(u)},[e.createVNode("div",{style:c.value},[(h=(r=l.slots).default)==null?void 0:h.call(r)])])]}})}}),Ee=e.defineComponent({name:"FButtonEdit",props:Oe,emits:["updateExtendInfo","clear","change","click","clickButton","blur","focus","mouseEnterIcon","mouseLeaveIcon","keyup","keydown","inputClick","input","update:modelValue"],setup(t,l){const i=e.ref(),v=e.ref(t.modelValue),c=e.ref(!1),{buttonClass:r,onClickButton:h,onMouseEnterButton:u,onMouseLeaveButton:d}=Ve(t,l,c),a=e.ref(""),{hasFocusedTextBox:f,isTextBoxReadonly:o,textBoxClass:s,textBoxPlaceholder:y,textBoxTitle:b,onBlurTextBox:V,onClickTextBox:x,onFocusTextBox:T,onInput:D,onKeyDownTextBox:p,onKeyUpTextBox:g,onMouseDownTextBox:N,onTextBoxValueChange:m}=ue(t,l,v,a),{enableClearButton:C,showClearButton:B,onClearValue:Y,onMouseEnterTextBox:$,onMouseLeaveTextBox:j}=Se(t,l,v,f,a),I=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":f}));function A(){c.value=!1}const K=e.computed(()=>c.value),F=()=>{if(i.value){const n=i.value.getBoundingClientRect(),{left:P,top:k,height:W}=n;return{left:P,top:k+W}}return{left:0,top:0}};function _(n){c.value=!1}return l.expose({commitValue:_}),()=>e.createVNode(e.Fragment,null,[e.createVNode("div",e.mergeProps(l.attrs,{ref:i,class:"f-cmp-inputgroup",id:t.id}),[e.createVNode("div",{class:[t.customClass,I.value],onMouseenter:$,onMouseleave:j},[e.createVNode("input",{name:"input-group-value",autocomplete:""+t.autoComplete,class:s.value,disabled:t.disable,maxlength:t.maxLength,minlength:t.minLength,placeholder:y.value,readonly:o.value,tabindex:t.tabIndex,title:b.value,type:t.inputType,value:v.value,onBlur:V,onChange:m,onClick:x,onFocus:T,onInput:D,onKeydown:p,onKeyup:g,onMousedown:N},null),e.createVNode("div",{class:r.value},[C.value&&e.withDirectives(e.createVNode("span",{class:"input-group-text input-group-clear",onClick:Y},[e.createVNode("i",{class:"f-icon modal_close"},null)]),[[e.vShow,B.value]]),t.buttonContent&&e.createVNode("span",{class:"input-group-text input-group-append-button",onClick:h,onMouseenter:u,onMouseleave:d,innerHTML:t.buttonContent},null)])])]),K.value&&e.createVNode(Ie,{"popup-content-position":F(),onClick:A},{default:()=>{var n,P;return[(P=(n=l.slots).default)==null?void 0:P.call(n)]}})])}}),de=e.defineComponent({name:"FDatePicker",props:Be,emits:["update:modelValue","datePicked"],setup(t,l){const i='<span class="f-icon f-icon-date"></span>',v=e.ref(t.modelValue),c=e.ref(null);function r(){}function h(u){var d;v.value=u,l.emit("update:modelValue",u),l.emit("datePicked",u),(d=c.value)==null||d.commitValue(u)}return()=>e.createVNode(e.Fragment,null,[e.createVNode(Ee,{ref:c,modelValue:v.value,"onUpdate:modelValue":u=>v.value=u,buttonContent:i,enableClear:!0,onClickButton:()=>void 0},{default:()=>[e.createVNode(e.resolveComponent("f-date-picker-container"),{onDatePicked:u=>h(u)},null)]})])}}),We={install(t){t.component(Z.name,Z).component(te.name,te).component(ce.name,ce).component(ne.name,ne).component(oe.name,oe).component(de.name,de)}};q.DatePickerCalendar=Z,q.MonthTag=L,q.datePickerCalendarProps=se,q.default=We,q.defaultNameOfMonths=ae,q.weekDays=Q,Object.defineProperties(q,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/date-picker/package.json

@@ -0,0 +1,7 @@
+{
+    "name": "date-picker",
+    "version": "1.0.0-beta.4",
+    "main": "index.umd.js",
+    "module": "index.es.js",
+    "style": "style.css"
+}

package/date-picker/style.css

@@ -0,0 +1 @@
+.f-datepicker-container .f-datepicker-content .f-datepicker-table-wrapper .f-datepicker-table td .f-datepicker-current{border-radius:28px}.f-datepicker-container .f-datepicker-content .f-datepicker-table-wrapper .f-datepicker-table td .f-datepicker-selected{border-radius:28px;border:none}.f-datepicker-container .f-datepicker-content .f-datepicker-header .f-datepicker-header-btn{color:#000}.f-datepicker-footer{display:flex;justify-content:space-between;border-top:1px solid #e4e7ef}.f-datepicker-redirect{margin:4px auto;line-height:32px;font-size:1rem}.f-datepicker-redirect>button{font-size:14px;font-weight:800}

package/list-view/index.esm.js

@@ -0,0 +1,144 @@
+import { defineComponent as V, ref as s, createVNode as a, withDirectives as U, vModelCheckbox as W, computed as v } from "vue";
+const $ = {
+  data: { type: Array, default: [] },
+  multiSelect: { Type: Boolean, default: !1 },
+  cardView: { Type: Boolean, default: !1 }
+}, q = {
+  checked: { Type: Boolean, default: !1 },
+  id: { Type: String, default: "" },
+  disabled: { Type: Boolean, default: !1 }
+}, x = V({
+  name: "FListViewCheckBox",
+  props: q,
+  emits: ["change"],
+  setup(i, l) {
+    const o = s(i.checked), p = s(i.disabled), k = s(i.id);
+    function w(n) {
+      n.stopPropagation(), o.value = !o.value, p.value || l.emit("change", {
+        originalEvent: n,
+        checked: !o.value
+      });
+    }
+    return () => a("div", {
+      class: "custom-control custom-checkbox  custom-control-inline listview-checkbox"
+    }, [U(a("input", {
+      title: k.value,
+      type: "checkbox",
+      class: "custom-control-input",
+      "onUpdate:modelValue": (n) => o.value = n
+    }, null), [[W, o.value]]), a("label", {
+      class: "custom-control-label",
+      onClick: (n) => w(n)
+    }, null)]);
+  }
+});
+const y = V({
+  name: "FListView",
+  props: $,
+  emits: ["checkValuesChange", "clickItem", "selectChange"],
+  setup(i, l) {
+    return () => {
+      const o = s(i.multiSelect), p = s(i.cardView), k = s(""), w = s(!0), n = s({}), S = s("\u6682\u65E0\u6570\u636E"), L = s(!0), B = s(!1), D = [], b = s("id");
+      let u = [];
+      const m = s(i.data), P = s(i.data), O = v(() => ({
+        "f-list-view": !0,
+        "f-list-view-multiple": o.value
+      })), T = v(() => ({
+        "f-list-view-group": !0,
+        "d-flex": p.value,
+        "flex-wrap": p.value
+      })), j = v(() => !!m.value && m.value.length > 0);
+      function A(e) {
+        return !1;
+      }
+      const F = (e) => {
+        const t = {
+          "f-list-view-group-item": !0,
+          "f-un-click": !!e.unClick,
+          "f-un-select": !!e.selectDisable,
+          "f-listview-active": A()
+        };
+        return k.value.split(" ").reduce((r, C) => (r[C] = !0, r), t), t;
+      }, I = v(() => m.value.length === 0), M = v(() => I.value && !l.slots.empty), G = v(() => !!l.slots.footer || w.value);
+      function f(e, t) {
+        return "";
+      }
+      function N(e) {
+        l.emit("checkValuesChange", e);
+      }
+      function g(e, t, c, r = !1) {
+        const C = typeof event == "boolean";
+        if (!(t.unClick || t.selectDisable)) {
+          if (l.emit("selectChange", {
+            listdata: t,
+            index: c
+          }), o.value)
+            if (t.checked) {
+              if (!L.value || C) {
+                const h = u.findIndex((d, K) => f() === f());
+                u.splice(h, 1), t.checked = !1;
+              }
+            } else
+              u.find((d, K) => f() === f()) || (u.unshift(t), t.checked = !0);
+          else
+            u = [], u.push(t);
+          if (r || (n.value = t), l.emit("clickItem", {
+            data: u,
+            index: c,
+            checkChangeEvent: r
+          }), o.value) {
+            let h = P.value.filter((d) => !!d.checked).map((d) => d[b.value]);
+            B.value && (h = D.map((d) => d[b.value])), N(h);
+          }
+        }
+      }
+      function E(e, t, c) {
+        const r = e.checked;
+        g(r, t, c, !0);
+      }
+      return a("div", {
+        class: O.value
+      }, [l.slots.header && a("div", {
+        class: "f-list-view-header"
+      }, [l.slots.header()]), a("div", {
+        class: "f-list-view-content"
+      }, [a("ul", {
+        class: T.value,
+        style: "list-style: none;"
+      }, [j.value && m.value.map((e, t) => a("li", {
+        class: F(e),
+        id: f(),
+        onClick: (c) => g(c, e, t)
+      }, [o.value && a("div", {
+        class: "f-list-select",
+        onClick: (c) => c.stopPropagation()
+      }, [a(x, {
+        id: "list-" + f(),
+        disabled: e.selectDisable || e.unClick,
+        checked: e.checked,
+        onChange: (c) => E(c, e, t)
+      }, null)]), a("div", {
+        class: "f-list-content"
+      }, [l.slots.content && l.slots.content({
+        item: e,
+        index: t,
+        selectedItem: n
+      })])])), M.value && a("div", {
+        class: "f-list-view-emptydata"
+      }, [a("p", {
+        class: "f-empty-title"
+      }, [S.value])]), l.slots.empty && l.slots.empty()])]), G.value && a("div", {
+        class: "f-list-view-footer"
+      }, [l.slots.footer && l.slots.footer()])]);
+    };
+  }
+}), H = {
+  install(i) {
+    i.component(y.name, y);
+  }
+};
+export {
+  y as ListView,
+  H as default,
+  $ as listViewProps
+};

package/list-view/index.umd.js

@@ -0,0 +1 @@
+(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o["list-view"]={},o.Vue))})(this,function(o,e){"use strict";const b={data:{type:Array,default:[]},multiSelect:{Type:Boolean,default:!1},cardView:{Type:Boolean,default:!1}},g={checked:{Type:Boolean,default:!1},id:{Type:String,default:""},disabled:{Type:Boolean,default:!1}},N=e.defineComponent({name:"FListViewCheckBox",props:g,emits:["change"],setup(a,s){const i=e.ref(a.checked),h=e.ref(a.disabled),k=e.ref(a.id);function w(n){n.stopPropagation(),i.value=!i.value,h.value||s.emit("change",{originalEvent:n,checked:!i.value})}return()=>e.createVNode("div",{class:"custom-control custom-checkbox  custom-control-inline listview-checkbox"},[e.withDirectives(e.createVNode("input",{title:k.value,type:"checkbox",class:"custom-control-input","onUpdate:modelValue":n=>i.value=n},null),[[e.vModelCheckbox,i.value]]),e.createVNode("label",{class:"custom-control-label",onClick:n=>w(n)},null)])}}),U="",V=e.defineComponent({name:"FListView",props:b,emits:["checkValuesChange","clickItem","selectChange"],setup(a,s){return()=>{const i=e.ref(a.multiSelect),h=e.ref(a.cardView),k=e.ref(""),w=e.ref(!0),n=e.ref({}),L=e.ref("\u6682\u65E0\u6570\u636E"),P=e.ref(!0),T=e.ref(!1),j=[],y=e.ref("id");let r=[];const m=e.ref(a.data),B=e.ref(a.data),D=e.computed(()=>({"f-list-view":!0,"f-list-view-multiple":i.value})),O=e.computed(()=>({"f-list-view-group":!0,"d-flex":h.value,"flex-wrap":h.value})),M=e.computed(()=>!!m.value&&m.value.length>0);function A(t){return!1}const F=t=>{const l={"f-list-view-group-item":!0,"f-un-click":!!t.unClick,"f-un-select":!!t.selectDisable,"f-listview-active":A()};return k.value.split(" ").reduce((d,C)=>(d[C]=!0,d),l),l},I=e.computed(()=>m.value.length===0),G=e.computed(()=>I.value&&!s.slots.empty),E=e.computed(()=>!!s.slots.footer||w.value);function f(t,l){return""}function _(t){s.emit("checkValuesChange",t)}function v(t,l,c,d=!1){const C=typeof event=="boolean";if(!(l.unClick||l.selectDisable)){if(s.emit("selectChange",{listdata:l,index:c}),i.value)if(l.checked){if(!P.value||C){const p=r.findIndex((u,K)=>f()===f());r.splice(p,1),l.checked=!1}}else r.find((u,K)=>f()===f())||(r.unshift(l),l.checked=!0);else r=[],r.push(l);if(d||(n.value=l),s.emit("clickItem",{data:r,index:c,checkChangeEvent:d}),i.value){let p=B.value.filter(u=>!!u.checked).map(u=>u[y.value]);T.value&&(p=j.map(u=>u[y.value])),_(p)}}}function q(t,l,c){const d=t.checked;v(d,l,c,!0)}return e.createVNode("div",{class:D.value},[s.slots.header&&e.createVNode("div",{class:"f-list-view-header"},[s.slots.header()]),e.createVNode("div",{class:"f-list-view-content"},[e.createVNode("ul",{class:O.value,style:"list-style: none;"},[M.value&&m.value.map((t,l)=>e.createVNode("li",{class:F(t),id:f(),onClick:c=>v(c,t,l)},[i.value&&e.createVNode("div",{class:"f-list-select",onClick:c=>c.stopPropagation()},[e.createVNode(N,{id:"list-"+f(),disabled:t.selectDisable||t.unClick,checked:t.checked,onChange:c=>q(c,t,l)},null)]),e.createVNode("div",{class:"f-list-content"},[s.slots.content&&s.slots.content({item:t,index:l,selectedItem:n})])])),G.value&&e.createVNode("div",{class:"f-list-view-emptydata"},[e.createVNode("p",{class:"f-empty-title"},[L.value])]),s.slots.empty&&s.slots.empty()])]),E.value&&e.createVNode("div",{class:"f-list-view-footer"},[s.slots.footer&&s.slots.footer()])])}}}),S={install(a){a.component(V.name,V)}};o.ListView=V,o.default=S,o.listViewProps=b,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/list-view/package.json

@@ -0,0 +1,7 @@
+{
+    "name": "list-view",
+    "version": "1.0.0-beta.4",
+    "main": "index.umd.js",
+    "module": "index.es.js",
+    "style": "style.css"
+}

package/list-view/style.css

@@ -0,0 +1 @@
+.f-listview-fill{flex-grow:1;flex-shrink:1;flex-basis:0;overflow:hidden}.f-listview-fill .f-list-view{height:100%}.f-listview-fill .f-list-view .f-list-view-header,.f-listview-fill .f-list-view .f-list-view-footer{flex-shrink:0}.f-listview-fill .f-list-view .f-list-view-content{overflow-y:auto;flex-grow:1;flex-shrink:1;flex-basis:0}.f-list-view{display:flex;flex-direction:column}.f-list-view .f-paging-wrapper{padding:14px 0}.f-list-view-group-item{display:flex;align-items:center}.f-list-view-group-item.f-none-border{border-bottom:0}.f-list-view-group-item .f-list-content{flex:1 1 auto;width:100%}.f-list-select{padding:0 14px}.f-list-view-emptydata .f-empty-title{font-size:14px;line-height:22px;color:#999;padding:20px 0;text-align:center}