@farris/ui-vue 1.0.0-beta.6 → 1.0.1

package/calendar/index.umd.js

@@ -0,0 +1 @@
+(function(D,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(D=typeof globalThis<"u"?globalThis:D||self,e(D.calendar={},D.Vue))})(this,function(D,e){"use strict";const z={events:{Type:Array,default:[]},firstDayOfTheWeek:{type:String,default:"Sun."}},O=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];var I=(t=>(t[t.previous=1]="previous",t[t.current=2]="current",t[t.next=3]="next",t))(I||{});function F(){function t(){return{year:0,month:0,day:0}}function w(r){return new Date(r.year||0,r.month?r.month-1:0,r.day||0,r.hour?r.hour:0,r.minute?r.minute:0,r.second?r.second:0,0)}function u(r){const p=new Date;return r.year||(r.year=p.getFullYear()),r.month||(r.month=p.getMonth()+1),r.day||(r.day=1),new Date(r.year,r.month-1,r.day,r.hour?r.hour:0,r.minute?r.minute:0,r.second?r.second:0,0)}function T(r){return new Date(r.year||1,(r.month||1)-1,r.day,r.hour?r.hour:0,r.minute?r.minute:0,r.second?r.second:0,0).getDay()}function k(r){return O.indexOf(r)}function d(r){return w(r).getTime()}function m(r){return Math.round(d(r)/1e3)}function c(r,p,C){const b=d(p),l=d(C),f=d(r);return l-f>f-b?p:C}function v(){const r=new Date;return{year:r.getFullYear(),month:r.getMonth()+1,day:r.getDate(),hour:r.getHours(),minute:r.getMinutes(),second:r.getSeconds()}}return{emptyDate:t,getDate:w,getDate2:u,getDayNumber:T,getEpocTime:m,getNearDate:c,getWeekdayIndex:k,getTimeInMilliseconds:d,getToday:v}}function X(){function t(d,m){return new Date(m,d,0).getDate()}function w(d,m,c){return new Date(d,m-1,c,0,0,0,0)}function u(d,m){const c=w(m,d,1);return c.setMonth(c.getMonth()-1),t(c.getMonth()+1,c.getFullYear())}function T(d,m){const c={year:d===12?m+1:m},v=d===12?1:d+1;return c.month=v,c}function k(d,m){const c={year:d===1?m-1:m},v=d===1?12:d-1;return c.month=v,c}return{daysInMonth:t,daysInPreMonth:u,getNextMonth:T,getPreviousMonth:k}}function Z(){const{getToday:t,getDayNumber:w}=F(),{daysInMonth:u,daysInPreMonth:T,getNextMonth:k,getPreviousMonth:d}=X();function m(i){const h=O.indexOf(i);return h>0?7-h:0}function c(i){const{day:h,month:o,year:a}=i;if(h===void 0||o===void 0||a===void 0)throw new Error("invalided date.");const n=h===1,s=n?T(o,a):h-1,y=n?o-1:o,V=y<1,g=V?12:y;return{year:V?a-1:a,month:g,day:s}}function v(i){const{day:h,month:o,year:a}=i;if(h===void 0||o===void 0||a===void 0)throw new Error("invalided date.");const n=u(o,a),s=h===n,y=s?1:h+1,V=s?o+1:o,g=V>12,M=g?1:V;return{year:g?a+1:a,month:M,day:y}}function r(i){const h=d(i.month||1,i.year||1),o=u(h.month||1,h.year||1);return{day:(i.day||1)<=o?i.day:o,month:h.month,year:h.year}}function p(i){const h=k(i.month||1,i.year||1),o=u(h.month||1,h.year||1);return{day:(i.day||1)<=o?i.day:o,month:h.month,year:h.year}}function C(i){const o=(i.day||1)-7,a=o<1,n=a?u(i.month||1,i.year||1)+o:o,s=a?d(i.month||1,i.year||1):i;return{day:n,month:s.month,year:s.year}}function b(i){const o=(i.day||1)+7,a=u(i.month||1,i.year||1),n=o>a,s=n?o-a:o,y=n?k(i.month||1,i.year||1):i;return{day:s,month:y.month,year:y.year}}function l(i,h,o,a){const n={day:i,month:h,year:o},y=m(a)===0?1:0,V=w(n)+y,g=t();let M=c(n);const W=[];for(let x=V-1;x>=1;x--){const A=M.month!==n.month?I.previous:I.current,_=M.month===h&&M.day===g.day&&M.month===g.month&&M.year===g.year;W.push({date:M,monthTag:A,isCurrent:_}),x>1&&(M=c(M))}let P=v(n);const S=[];for(let x=V+1;x<=7;x++){const A=M.month!==n.month?I.next:I.current,_=P.day===g.day&&P.month===g.month&&P.year===g.year;S.push({date:P,monthTag:A,isCurrent:_}),x<7&&(P=v(P))}const E=i===g.day&&h===g.month&&o===g.year;return{days:[...W.reverse(),{date:n,monthTag:I.current,isCurrent:E},...S],weekNumber:0,year:o}}function f(i,h,o){const a=[],n=u(i,h);for(let s=1;s<=n;s+=7){const y=l(s,i,h,o);a.push(y)}return a}return{getMonthlyCalendar:f,getWeeklyCalendar:l,getPreviousDay:c,getNextDay:v,getDayInPreviousWeek:C,getDayInNextWeek:b,getDayInPreviousMonth:r,getDayInNextMonth:p}}function j(){const{getTimeInMilliseconds:t}=F();function w(l){return l&&l.year!==0&&l.month!==0&&l.day!==0}function u(l){return l&&l.year!==0&&l.month!==0}function T(l){return l&&l.year!==0}function k(l,f){return t(l)<t(f)}function d(l,f){return t(l)<=t(f)}function m(l,f){return t(l)===t(f)}function c(l,f){const i=t(f);return t(l.from)===i||t(l.to)===i}function v(l,f){return!f||!w(f.to)||!w(f.from)?!1:d(f.from,l)&&d(l,f.to)}function r(l,f){return w(f)&&t(l)>=t(f)}function p(l,f){return w(f)&&t(l)<=t(f)}function C(l,f){return t({year:l.year,month:l.month,day:l.day})===t({year:f.year,month:f.month,day:f.day})}function b(l,f){return t({hour:l.hour,minute:l.minute,second:l.second})===t({hour:f.hour,minute:f.minute,second:f.second})}return{isDateEarlier:k,equal:m,inPeriod:v,isPoint:c,equalOrEarlier:d,isInitializedDate:w,isInitializedMonth:u,isInitializedYear:T,isMonthDisabledByDisableSince:r,isMonthDisabledByDisableUntil:p,sameTime:b,sameDay:C}}const $={1:"Jan",2:"Feb",3:"Mar",4:"Apr",5:"May",6:"Jun",7:"Jul",8:"Aug",9:"Sep",10:"Oct",11:"Nov",12:"Dec"},H=e.defineComponent({name:"FCalendar",props:z,emits:[],setup(t,w){const{sameDay:u}=j(),{getToday:T}=F(),k=e.ref(t.firstDayOfTheWeek),d=e.ref(t.events),m=T(),c=e.ref({year:m.year||1,month:m.month||1,day:m.day||1}),v=e.ref(3),{getMonthlyCalendar:r,getWeeklyCalendar:p,getPreviousDay:C,getNextDay:b,getDayInPreviousWeek:l,getDayInNextWeek:f,getDayInPreviousMonth:i,getDayInNextMonth:h}=Z(),o=e.computed(()=>`${$[c.value.month||1]} ${c.value.year}`),a=e.computed(()=>r(c.value.month||1,c.value.year||1,k.value)),n=e.computed(()=>p(c.value.day||1,c.value.month||1,c.value.year||1,k.value)),s=e.computed(()=>n.value.days.find(N=>u(N.date,c.value))||n.value.days[1]),y=e.computed(()=>{const N=n.value.days.findIndex(A=>u(A.date,c.value)),x=N>-1?N:1;return O[x]}),V=e.computed(()=>v.value===3),g=e.computed(()=>v.value===2),M=e.computed(()=>v.value===1);function W(N){v.value=N}function P(N){N===1&&(c.value=C(c.value)),N===2&&(c.value=l(c.value)),N===3&&(c.value=i(c.value))}function S(N){N===1&&(c.value=b(c.value)),N===2&&(c.value=f(c.value)),N===3&&(c.value=h(c.value))}function E(){c.value={year:m.year||1,month:m.month||1,day:m.day||1}}return()=>e.createVNode("div",{class:"f-calendar"},[e.createVNode(e.resolveComponent("f-calendar-header"),{activeView:v.value,title:o.value,onViewChange:N=>W(N),onPrevious:N=>P(N),onNext:N=>S(N),onResetToToday:()=>E()},null),e.createVNode("div",null,[M.value&&e.createVNode(e.resolveComponent("f-calendar-day-view"),{day:s.value,dayInWeek:y.value,events:d.value},null),g.value&&e.createVNode(e.resolveComponent("f-calendar-week-view"),{week:n.value,events:d.value},null),V.value&&e.createVNode(e.resolveComponent("f-calendar-month-view"),{activeDay:c.value,dates:a.value,events:d.value},null)])])}}),J={activeView:{Type:Number,default:3},title:{Type:String,default:""},dailyViewTitle:{Type:String,default:"Day"},weeklyViewTitle:{Type:String,default:"Week"},monthlyViewTitle:{Type:String,default:"Month"}},te="",G=e.defineComponent({name:"FCalendarHeader",props:J,emits:["ViewChange","Previous","Next","ResetToToday"],setup(t,w){const u=e.ref(t.title),T=e.ref(t.dailyViewTitle),k=e.ref(t.weeklyViewTitle),d=e.ref(t.monthlyViewTitle),m=2,c=62,v=e.ref(t.activeView),r=e.ref("Today");e.watch(()=>t.title,()=>{u.value=t.title});const p=e.computed(()=>({top:`${m}px`,left:`${v.value*(m+1)+(v.value-1)*(c+1)}px`})),C=e.computed(()=>v.value===1?T.value:v.value===2?k.value:d.value);function b(){v.value=1,w.emit("ViewChange",1)}function l(){v.value=2,w.emit("ViewChange",2)}function f(){v.value=3,w.emit("ViewChange",3)}function i(){w.emit("Previous",v.value)}function h(){w.emit("Next",v.value)}function o(){w.emit("ResetToToday")}return()=>e.createVNode("div",{class:"f-calendar-header"},[e.createVNode("div",{class:"f-calendar-title"},[u.value]),e.createVNode("div",{class:"f-calendar-navigator"},[e.createVNode("div",{class:"f-calendar-navigator-today btn btn-default",onClick:()=>o()},[r.value]),e.createVNode("div",{class:"f-calendar-navigator-button-group"},[e.createVNode("div",{class:"f-calendar-navigator-previous btn btn-default",onClick:()=>i()},[e.createVNode("i",{class:"k-icon k-i-arrow-chevron-left"},null)]),e.createVNode("div",{class:"f-calendar-navigator-next btn btn-default",onClick:()=>h()},[e.createVNode("i",{class:"k-icon k-i-arrow-chevron-right"},null)])])]),e.createVNode("div",{class:"f-calendar-view-switch"},[e.createVNode("div",{class:"f-calendar-view-switch-panel"},[e.createVNode("span",{class:"f-calendar-view-switch-daily",onClick:a=>b()},[T.value]),e.createVNode("span",{class:"f-calendar-view-switch-weekly",onClick:a=>l()},[k.value]),e.createVNode("span",{class:"f-calendar-view-switch-monthly",onClick:a=>f()},[d.value])]),e.createVNode("div",{class:"f-calendar-view-switch-active-view",style:p.value},[C.value])])])}}),L={day:{Type:Object,default:{}},dayInWeek:{Type:String,default:""},enableMarkCurrent:{Type:Boolean,default:!0},events:{Type:Array,default:[]}},ne="",R=e.defineComponent({name:"FCalendarDayView",props:L,emits:[],setup(t,w){const u=e.ref(),T=e.ref(),k=e.ref(t.dayInWeek),d=e.ref(t.day),m=e.ref(t.enableMarkCurrent),c=e.ref(t.events),v=e.ref([]),{equal:r}=j();function p(n){const s={year:d.value.date.year,month:d.value.date.month,day:d.value.date.day,hour:n.hour,minute:n.minute,second:n.second},y=c.value.filter(V=>r(V.starts,s));return[{day:s,events:y}]}function C(){const n=[];for(let s=0;s<24;s++){const y={hour:s,minute:0,second:0},V={hour:s,minute:30,second:0},g=p(y),M=p(V);n.push({time:y,events:g,title:s>0?`${s}:00`:"",part:"upper"}),n.push({time:V,events:M,title:`${s}:30`,part:"lower"})}v.value=n}C(),e.watch(()=>t.day,()=>{d.value=t.day,C()}),e.watch(()=>t.events,()=>{c.value=t.events,C()});const b=n=>({"f-calendar-day-view-date":!0,"f-calendar-day-view-current":n.isCurrent&&m.value});function l(){return e.createVNode("div",{class:"f-calendar-day-view-header"},[e.createVNode("div",{class:"f-calendar-day-view-header-corner"},null),e.createVNode("div",{class:"f-calendar-day-view-header-primary"},[e.createVNode("div",{class:"f-calendar-day-view-header-columns"},[e.createVNode("div",{class:"f-calendar-day-view-header-cell"},[e.createVNode("div",{class:b(d.value)},[d.value.date.day]),e.createVNode("span",null,[k.value])])])])])}function f(){return e.createVNode("div",{class:"f-calendar-day-view-content-side"},[e.createVNode("div",{class:"f-calendar-side"},[v.value.map(n=>e.createVNode("div",{class:"f-calendar-side-row"},[e.createVNode("div",{class:"f-calendar-side-row-number"},[n.part==="upper"?n.title:""])]))])])}function i(n){return{"f-calendar-day-view-item":!0,"f-calendar-day-view-item-upper":n.part==="upper","f-calendar-day-view-item-lower":n.part==="lower"}}function h(n){const W=(n.starts.hour||0)+(n.starts.minute||0)/60;return{height:`${44*((n.ends.hour||0)+(n.ends.minute||0)/60-W)-2-2-1-1}px`}}function o(){return v.value.map(n=>e.createVNode("div",{class:i(n)},[n.events.map(s=>e.createVNode("div",{class:"f-calendar-day-view-item-cell"},[s.events.length>0&&s.events.map(y=>e.createVNode("div",{class:"f-calendar-event",style:h(y)},[y.title]))]))]))}function a(){return e.createVNode("div",{ref:T,class:"f-calendar-content-primary"},[e.createVNode("div",{class:"f-calendar-content-data"},[o()])])}return e.onMounted(()=>{u.value&&u.value.scrollTo(0,250)}),()=>e.createVNode("div",{class:"f-calendar-day-view"},[l(),e.createVNode("div",{class:"f-calendar-day-view-content",ref:u},[f(),a()])])}}),U={dates:{Type:Array,default:[]},daysInWeek:{Type:Array,default:O},enableKeyboadNavigate:{Type:Boolean,default:!0},enableMarkCurrent:{Type:Boolean,default:!0},events:{Type:Array,default:[]},activeDay:{Type:Object,default:null}};var B=(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))(B||{});function K(){function t(w){const u=w.key||w.keyCode;return u==="Enter"||u===13?13:u==="Escape"||u===27?27:u===" "||u===32?32:u==="ArrowLeft"||u===37?37:u==="ArrowUp"||u===38?38:u==="ArrowRight"||u===39?39:u==="ArrowDown"||u===40?40:u==="Tab"||u===9?9:u==="Shift"||u===16?16:-1}return{getKeyCodeFromEvent:t}}const ae="",q=e.defineComponent({name:"FCalendarMonthView",props:U,emits:[],setup(t,w){const u=e.ref(t.daysInWeek),T=e.ref(t.enableKeyboadNavigate),k=e.ref(t.enableMarkCurrent),d=e.ref(t.activeDay),m=e.ref(t.events),{equal:c,sameDay:v}=j(),{getKeyCodeFromEvent:r}=K();function p(o,a){return o.forEach(n=>{n.days.forEach(s=>{const y=a.filter(V=>v(V.starts,s.date));y&&y.length&&(s.events=[...y])})}),o}const C=e.ref(p(t.dates,m.value));e.watch(()=>t.dates,()=>{C.value=p(t.dates,m.value)}),e.watch(()=>t.activeDay,()=>{d.value=t.activeDay}),e.watch(()=>t.events,()=>{m.value=t.events});function b(o){return!!d.value&&c({year:d.value.year,month:d.value.month,day:d.value.day},o)}const l=(o,a,n)=>{const y={"f-datepicker-no-currmonth":o.monthTag===I.previous||o.monthTag===I.next},V=`d_${a}_${n}`;return y[V]=!0,y},f=o=>{const a=o.monthTag===I.current&&b(o.date),n=o.isCurrent&&k.value;return{"f-calendar-month-view-date":!0,"f-calendar-month-view-selected":a,"f-calendar-month-view-current":n}};function i(o,a){o.stopPropagation(),w.emit("click",a.date)}function h(o,a){const n=r(o);n!==B.tab&&(o.preventDefault(),n===B.enter||n===B.space?i(o,a):T.value&&w.emit("keyDown",a.date))}return()=>e.createVNode("div",{class:"f-calendar-month-view"},[e.createVNode("table",{class:"f-datepicker-table",cellpadding:"0"},[e.createVNode("thead",null,[e.createVNode("tr",null,[u.value&&u.value.map(o=>e.createVNode("th",{scope:"col",style:"padding: 4px 4px 8px"},[o]))])]),e.createVNode("tbody",null,[C.value&&C.value.map((o,a)=>e.createVNode("tr",null,[o.days&&o.days.map((n,s)=>e.createVNode("td",{id:`d_${a}_${s}`,tabindex:"0",class:l(n,a,s),onClick:y=>i(y,n),onKeydown:y=>h(y,n)},[e.createVNode("div",{class:"f-calendar-month-view-title"},[e.createVNode("div",{class:f(n)},[n.date.day]),e.createVNode("div",{class:"f-calendar-month-view-date-month"},[n.date.day===1?$[n.date.month||1]:""])]),n.events&&n.events.length&&n.events.map(y=>e.createVNode("div",{class:"f-calendar-month-view-event-item"},[y.title]))]))]))])])])}}),Q={daysInWeek:{Type:Array,default:O},enableMarkCurrent:{Type:Boolean,default:!0},events:{Type:Array,default:[]},week:{Type:Object,default:{days:[],weekNumber:0,year:0}}},re="",Y=e.defineComponent({name:"FCalendarWeekView",props:Q,emits:[],setup(t){const w=e.ref(),u=e.ref(),T=e.ref(t.daysInWeek),k=e.ref(t.week),d=e.ref(t.enableMarkCurrent),m=e.ref(t.events),c=e.ref([]),{equal:v}=j();function r(a){return k.value.days.map(s=>{const y={year:s.date.year,month:s.date.month,day:s.date.day,hour:a.hour,minute:a.minute,second:a.second},V=m.value.filter(g=>v(g.starts,y));return{day:y,events:V}})}function p(){const a=[];for(let n=0;n<24;n++){const s={hour:n,minute:0,second:0},y={hour:n,minute:30,second:0},V=r(s),g=r(y);a.push({time:s,events:V,title:n>0?`${n}:00`:"",part:"upper"}),a.push({time:y,events:g,title:`${n}:30`,part:"lower"})}c.value=a}p(),e.watch(()=>t.week,()=>{k.value=t.week,p()}),e.watch(()=>t.events,()=>{m.value=t.events,p()});const C=a=>({"f-calendar-week-view-date":!0,"f-calendar-week-view-current":a.isCurrent&&d.value});function b(){return e.createVNode("div",{class:"f-calendar-week-view-header"},[e.createVNode("div",{class:"f-calendar-week-view-header-corner"},null),e.createVNode("div",{class:"f-calendar-week-view-header-primary"},[e.createVNode("div",{class:"f-calendar-week-view-header-columns"},[T.value.map((a,n)=>e.createVNode("div",{class:"f-calendar-week-view-header-cell"},[e.createVNode("div",{class:C(k.value.days[n])},[k.value.days[n].date.day]),e.createVNode("span",null,[a])]))])])])}function l(){return e.createVNode("div",{class:"f-calendar-week-view-content-side"},[e.createVNode("div",{class:"f-calendar-side"},[c.value.map(a=>e.createVNode("div",{class:"f-calendar-side-row"},[e.createVNode("div",{class:"f-calendar-side-row-number"},[a.part==="upper"?a.title:""])]))])])}function f(a){return{"f-calendar-week-view-item":!0,"f-calendar-week-view-item-upper":a.part==="upper","f-calendar-week-view-item-lower":a.part==="lower"}}function i(a){const M=(a.starts.hour||0)+(a.starts.minute||0)/60;return{height:`${44*((a.ends.hour||0)+(a.ends.minute||0)/60-M)-2-2-1-1}px`}}function h(){return c.value.map(a=>e.createVNode("div",{class:f(a)},[a.events.map(n=>e.createVNode("div",{class:"f-calendar-week-view-item-cell"},[n.events.length>0&&n.events.map(s=>e.createVNode("div",{class:"f-calendar-event",style:i(s)},[s.title]))]))]))}function o(){return e.createVNode("div",{ref:u,class:"f-calendar-content-primary"},[e.createVNode("div",{class:"f-calendar-content-data"},[h()])])}return e.onMounted(()=>{w.value&&w.value.scrollTo(0,250)}),()=>e.createVNode("div",{class:"f-calendar-week-view"},[b(),e.createVNode("div",{class:"f-calendar-week-view-content",ref:w},[l(),o()])])}}),ee={install(t){t.component(H.name,H).component(R.name,R).component(G.name,G).component(q.name,q).component(Y.name,Y)}};D.Calendar=H,D.CalendarDayView=R,D.CalendarHeader=G,D.CalendarMonthView=q,D.CalendarWeekView=Y,D.MonthTag=I,D.calendarProps=z,D.dayViewProps=L,D.default=ee,D.defaultNameOfMonths=$,D.headerProps=J,D.monthViewProps=U,D.weekDays=O,D.weekViewProps=Q,Object.defineProperties(D,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/calendar/package.json

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

package/calendar/style.css

@@ -0,0 +1 @@
+.f-calendar-header{display:flex;background-color:#fff}.f-calendar-header>.f-calendar-title{font-weight:600;font-size:24px;line-height:32px;margin:14px 0;padding:0 14px;border-right:1px solid #e9e9e9;width:144px}.f-calendar-header>.f-calendar-navigator{flex:1}.f-calendar-header .f-calendar-view-switch{margin:16px 14px;position:relative}.f-calendar-header .f-calendar-view-switch-panel{background-color:#eff5ff;width:200px;height:28px;border-radius:28px;display:flex;font-weight:500}.f-calendar-header .f-calendar-view-switch-panel>span{flex:1;line-height:28px;text-align:center}.f-calendar-header .f-calendar-view-switch>.f-calendar-view-switch-active-view{height:24px;width:62px;position:absolute;background:rgba(255,255,255);box-shadow:0 4px 18px #024bc133;border-radius:24px;line-height:24px;text-align:center;color:#0091da;font-weight:500;transition:.3s ease-out all}.f-calendar-header>.f-calendar-navigator{display:flex}.f-calendar-header>.f-calendar-navigator>.f-calendar-navigator-today{background:#ffffff;border:1px solid rgba(232,235,242,1);box-shadow:0 2px 6px #1f23290f;border-radius:6px;font-size:13px;color:#2d2f33;font-weight:400;margin:auto 6px auto 14px}.f-calendar-header>.f-calendar-navigator>.f-calendar-navigator-button-group{box-shadow:0 2px 6px #1f23290f;border-radius:6px;font-size:13px;color:#2d2f33;font-weight:400;margin:auto 14px auto 0}.f-calendar-header>.f-calendar-navigator>.f-calendar-navigator-button-group>.f-calendar-navigator-previous{background:#ffffff;border:1px solid rgba(232,235,242,1);border-right-color:transparent;border-radius:6px 0 0 6px;padding:.1875rem .375rem}.f-calendar-header>.f-calendar-navigator>.f-calendar-navigator-button-group>.f-calendar-navigator-next{background:#ffffff;border:1px solid rgba(232,235,242,1);border-radius:0 6px 6px 0;padding:.1875rem .375rem}.f-calendar-day-view{background-color:#fff;display:flex;flex-direction:column;min-width:860px;height:530px}.f-calendar-day-view-header{display:flex;border-bottom:1px solid #e9e9e9}.f-calendar-day-view-header-corner{width:44px;height:24px}.f-calendar-day-view-header-primary{flex:1}.f-calendar-day-view-header-columns{display:flex}.f-calendar-day-view-header-cell{display:flex;flex:1;padding:4px 4px 8px;font-size:14px;color:#000000bf;line-height:22px;font-weight:500}.f-calendar-day-view-header-cell .f-calendar-day-view-date{border-radius:20px;width:24px;height:24px;text-align:center;margin-right:4px}.f-calendar-day-view-header-cell .f-calendar-day-view-current{background:#0093f5;color:#fff}.f-calendar-day-view-content{display:flex;flex:1;overflow-y:scroll}.f-calendar-day-view-content-side{width:44px}.f-calendar-day-view-item{height:22px;display:flex;border-top:1px solid transparent;border-bottom:1px solid #e9e9e9}.f-calendar-day-view-item:first-child,.f-calendar-day-view-item-upper:first-child{border-top:1px solid transparent}.f-calendar-day-view-item-upper{border-top:1px solid transparent;border-bottom:1px solid transparent}.f-calendar-day-view-item-lower{border-top:1px solid transparent;border-bottom:1px solid #e9e9e9}.f-calendar-day-view-item-cell{flex:1;height:22px;border-left:1px solid transparent;border-right:1px solid #e9e9e9}.f-calendar-day-view-item-cell:first-child{border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9}.f-calendar-day-view-item-cell:last-child{border-left:1px solid transparent;border-right:1px solid transparent}.f-calendar-month-view{min-width:860px;display:flex}.f-calendar-month-view table{display:table!important;margin:initial!important;flex:1;table-layout:fixed;width:fit-content}.f-calendar-month-view tr{border-top:initial!important;transition:initial!important}.f-calendar-month-view th{border:initial!important;background-color:initial!important;font-size:14px!important;color:#000000bf;line-height:22px;font-weight:500!important}.f-calendar-month-view{background-color:#fff}.f-calendar-month-view td{border:1px solid #e9e9e9!important;padding:4px!important;height:100px;vertical-align:baseline}.f-calendar-month-view .f-calendar-month-view-title{display:flex}.f-calendar-month-view .f-calendar-month-view-title>.f-calendar-month-view-date{border-radius:20px;width:24px;height:24px;line-height:24px;text-align:center;font-size:14px}.f-calendar-month-view .f-calendar-month-view-title>.f-calendar-month-view-date-month{flex:1;border-radius:20px;width:24px;height:24px;line-height:24px;text-align:right;font-size:14px}.f-calendar-month-view .f-calendar-month-view-current{background:#0093f5;color:#fff}.f-calendar-month-view .f-calendar-month-view-event-item{background-color:#ebf3ff;font-size:12px;color:#0e6ded;line-height:18px;margin:2px 0;padding:2px 4px}.f-calendar-week-view{background-color:#fff;display:flex;flex-direction:column;min-width:860px;height:530px}.f-calendar-week-view-header{display:flex;border-bottom:1px solid #e9e9e9}.f-calendar-week-view-header-corner{width:44px;height:24px}.f-calendar-week-view-header-primary{flex:1}.f-calendar-week-view-header-columns{display:flex}.f-calendar-week-view-header-cell{flex:1;padding:4px 4px 8px;display:flex;font-size:14px;color:#000000bf;line-height:22px;font-weight:500}.f-calendar-week-view-header-cell .f-calendar-week-view-date{border-radius:20px;width:24px;height:24px;text-align:center;margin-right:4px}.f-calendar-week-view-header-cell .f-calendar-week-view-current{background:#0093f5;color:#fff}.f-calendar-week-view-content{display:flex;flex:1;overflow-y:scroll}.f-calendar-week-view-content-side{width:44px}.f-calendar-content-primary{flex:1}.f-calendar-side{margin-top:-11px}.f-calendar-side-row{height:22px;padding-right:4px;text-align:end}.f-calendar-side-row-number{height:22px;line-height:22px}.f-calendar-week-view-item{height:22px;display:flex;border-top:1px solid transparent;border-bottom:1px solid #e9e9e9}.f-calendar-week-view-item:first-child{border-top:1px solid #e9e9e9}.f-calendar-week-view-item-upper:first-child{border-top:1px solid transparent}.f-calendar-week-view-item-upper{border-top:1px solid transparent;border-bottom:1px solid transparent}.f-calendar-week-view-item-lower{border-top:1px solid transparent;border-bottom:1px solid #e9e9e9}.f-calendar-week-view-item-cell{flex:1;height:22px;border-left:1px solid transparent;border-right:1px solid #e9e9e9}.f-calendar-week-view-item-cell:first-child{border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9}.f-calendar-week-view-item-cell:last-child{border-left:1px solid transparent;border-right:1px solid transparent}.f-calendar-event{background:#ebf3ff;border-radius:2px;margin:2px;font-size:12px;color:#0e6ded;padding:2px 4px}

package/capsule/index.esm.js

@@ -0,0 +1,130 @@
+import { defineComponent as O, ref as n, watch as y, computed as v, onMounted as S, createVNode as o, nextTick as h } from "vue";
+const N = {
+  items: { Type: Array, default: [] },
+  /**
+   * 组件值
+   */
+  modelValue: { type: String, default: "" },
+  type: { type: String, default: "primary" }
+}, T = {
+  name: { type: String, default: "" },
+  value: { type: String, default: "" },
+  isActive: { type: Boolean, default: !1 },
+  icon: { type: String, default: "" },
+  index: { type: Number, default: 0 }
+};
+const W = /* @__PURE__ */ O({
+  name: "FCapsuleItem",
+  props: T,
+  emits: ["mounted", "active"],
+  setup(a, r) {
+    const c = n(), i = n(a.isActive);
+    y(() => a.isActive, (u) => {
+      i.value = u;
+    });
+    const m = v(() => ({
+      "f-capsule-item": !0,
+      "f-capsule-active-item": i.value
+    }));
+    S(() => {
+      r.emit("mounted", c, a.value);
+    });
+    function s(u) {
+      r.emit("active", u, {
+        name: a.name,
+        value: a.value
+      });
+    }
+    return () => o("div", {
+      ref: c,
+      class: m.value,
+      onClick: (u) => s(u)
+    }, [a.icon && o("i", {
+      class: a.icon
+    }, null), a.name]);
+  }
+}), j = /* @__PURE__ */ O({
+  name: "FCapsule",
+  props: N,
+  emits: ["change", "update:modelValue"],
+  setup(a, r) {
+    const c = n(a.items), i = n(), m = 2, s = n(a.modelValue), u = n("none"), C = n(a.type), V = v(() => {
+      const e = {
+        "f-capsule-container": !0
+      };
+      return C.value && (e[C.value] = !0), e;
+    }), x = v(() => ({})), w = v(() => ({
+      "f-capsule": !0
+    })), I = n(m), b = n(0), p = n(0), R = v(() => ({
+      left: `${I.value}px`,
+      width: `${b.value}px`,
+      transition: u.value
+    })), B = v(() => ({
+      width: `${p.value}px`
+    })), d = /* @__PURE__ */ new Map();
+    function M(e) {
+      var t;
+      if (d.has(e.value)) {
+        const l = (t = d.get(e.value)) == null ? void 0 : t.value;
+        if (l) {
+          const A = l.getBoundingClientRect(), P = i.value.getBoundingClientRect();
+          I.value = A.left - P.left + m + i.value.scrollLeft, b.value = A.width - 2 * m;
+        }
+      }
+    }
+    function g(e, t) {
+      const l = e.value;
+      s.value = l, r.emit("update:modelValue", l), M(e), t && r.emit("change", l);
+    }
+    function f(e) {
+      const t = c.value.findIndex((l) => l.value === e);
+      t > -1 && g(c.value[t], !1);
+    }
+    y(() => a.modelValue, (e) => {
+      s.value = e, f(s.value);
+    }), y(() => a.items, async (e) => {
+      c.value = e, await h(), f(s.value), p.value = Array.from(d.values()).reduce((t, l) => (t += l.value.clientWidth, t), 0);
+    }), S(async () => {
+      f(s.value), await h(), u.value = "0.1s ease-out all", p.value = Array.from(d.values()).reduce((e, t) => (e += t.value.clientWidth, e), 0);
+    });
+    function k(e, t) {
+      g(t, !0);
+    }
+    function $(e, t) {
+      d.set(t, e);
+    }
+    function F(e, t) {
+      return o(W, {
+        name: e.name,
+        value: e.value,
+        isActive: e.value === s.value,
+        index: t,
+        onMounted: $,
+        onActive: k
+      }, null);
+    }
+    return () => o("span", {
+      ref: i,
+      class: V.value,
+      style: x.value
+    }, [o("span", {
+      class: "f-capsule-pane"
+    }, [c.value.map((e, t) => F(e, t))]), o("small", {
+      class: w.value,
+      style: R.value
+    }, null), o("div", {
+      class: "f-capsule-board",
+      style: B.value
+    }, null)]);
+  }
+}), L = {
+  install(a) {
+    a.component(j.name, j);
+  }
+};
+export {
+  j as Capsule,
+  T as capsuleItemProps,
+  N as capsuleProps,
+  L as default
+};

package/capsule/index.umd.js

@@ -0,0 +1 @@
+(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.capsule={},n.Vue))})(this,function(n,e){"use strict";const y={items:{Type:Array,default:[]},modelValue:{type:String,default:""},type:{type:String,default:"primary"}},C={name:{type:String,default:""},value:{type:String,default:""},isActive:{type:Boolean,default:!1},icon:{type:String,default:""},index:{type:Number,default:0}},k="",j=e.defineComponent({name:"FCapsuleItem",props:C,emits:["mounted","active"],setup(l,r){const o=e.ref(),i=e.ref(l.isActive);e.watch(()=>l.isActive,s=>{i.value=s});const d=e.computed(()=>({"f-capsule-item":!0,"f-capsule-active-item":i.value}));e.onMounted(()=>{r.emit("mounted",o,l.value)});function u(s){r.emit("active",s,{name:l.name,value:l.value})}return()=>e.createVNode("div",{ref:o,class:d.value,onClick:s=>u(s)},[l.icon&&e.createVNode("i",{class:l.icon},null),l.name])}}),p=e.defineComponent({name:"FCapsule",props:y,emits:["change","update:modelValue"],setup(l,r){const o=e.ref(l.items),i=e.ref(),d=2,u=e.ref(l.modelValue),s=e.ref("none"),I=e.ref(l.type),O=e.computed(()=>{const t={"f-capsule-container":!0};return I.value&&(t[I.value]=!0),t}),S=e.computed(()=>({})),w=e.computed(()=>({"f-capsule":!0})),h=e.ref(d),V=e.ref(0),m=e.ref(0),M=e.computed(()=>({left:`${h.value}px`,width:`${V.value}px`,transition:s.value})),N=e.computed(()=>({width:`${m.value}px`})),f=new Map;function x(t){var a;if(f.has(t.value)){const c=(a=f.get(t.value))==null?void 0:a.value;if(c){const g=c.getBoundingClientRect(),T=i.value.getBoundingClientRect();h.value=g.left-T.left+d+i.value.scrollLeft,V.value=g.width-2*d}}}function b(t,a){const c=t.value;u.value=c,r.emit("update:modelValue",c),x(t),a&&r.emit("change",c)}function v(t){const a=o.value.findIndex(c=>c.value===t);a>-1&&b(o.value[a],!1)}e.watch(()=>l.modelValue,t=>{u.value=t,v(u.value)}),e.watch(()=>l.items,async t=>{o.value=t,await e.nextTick(),v(u.value),m.value=Array.from(f.values()).reduce((a,c)=>(a+=c.value.clientWidth,a),0)}),e.onMounted(async()=>{v(u.value),await e.nextTick(),s.value="0.1s ease-out all",m.value=Array.from(f.values()).reduce((t,a)=>(t+=a.value.clientWidth,t),0)});function R(t,a){b(a,!0)}function B(t,a){f.set(a,t)}function P(t,a){return e.createVNode(j,{name:t.name,value:t.value,isActive:t.value===u.value,index:a,onMounted:B,onActive:R},null)}return()=>e.createVNode("span",{ref:i,class:O.value,style:S.value},[e.createVNode("span",{class:"f-capsule-pane"},[o.value.map((t,a)=>P(t,a))]),e.createVNode("small",{class:w.value,style:M.value},null),e.createVNode("div",{class:"f-capsule-board",style:N.value},null)])}}),A={install(l){l.component(p.name,p)}};n.Capsule=p,n.capsuleItemProps=C,n.capsuleProps=y,n.default=A,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/capsule/package.json

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

package/capsule/style.css

@@ -0,0 +1 @@
+.f-capsule-container{color:#6080ad;position:relative;display:inline-block;box-sizing:content-box;padding:0;margin:0;cursor:pointer;white-space:nowrap;min-width:2.5rem;height:1.8rem;overflow:hidden}.f-capsule-container.primary .f-capsule-board{background-color:#eff5ff}.f-capsule-container.secondary .f-capsule-board{background-color:#f2f4f8}.f-capsule-container .f-capsule-pane{display:flex;height:100%;min-height:100%;justify-content:flex-start;align-items:center;top:0;position:relative}.f-capsule-container .f-capsule-pane .f-capsule-item{opacity:1;display:inline-block;font-size:12px;line-height:1.8rem;padding-left:24px;padding-right:24px;z-index:2}.f-capsule-container .f-capsule-pane .f-capsule-item.f-capsule-active-item{font-weight:700}.f-capsule-container.primary .f-capsule-pane .f-capsule-item.f-capsule-active-item{color:#2a87ff}.f-capsule-container .f-capsule-pane .f-capsule-item>i{margin-right:2px;font-size:12px}.f-capsule-container .f-capsule-board{background-color:#f2f4f8;border-radius:1.8rem;height:1.8rem;position:absolute;top:0;z-index:0}.f-capsule{height:calc(100% - 4px);border-radius:1.8rem;position:absolute;background:#fff;left:2px;top:2px;opacity:1;display:inline-block;font-size:12px;padding-left:22px;padding-right:22px;z-index:1}

package/checkbox/index.esm.js

@@ -1,134 +1,251 @@
-import { computed as x, ref as v, defineComponent as p, createVNode as m } from "vue";
-const V = {
+import { computed as k, ref as y, defineComponent as V, watch as S, createVNode as h } from "vue";
+const C = {};
+function x(e) {
+  const { properties: t } = e;
+  return Object.keys(t).reduce((a, n) => (a[n] = t[n].type === "object" && t[n].properties ? x(t[n]) : t[n].default, a), {});
+}
+function j(e, t) {
+  const r = x(t);
+  return Object.keys(e).reduce((a, n) => (a[n] = e[n], a), r), r;
+}
+function T(e, t) {
+  return Object.keys(e).filter((a) => e[a] != null).reduce((a, n) => {
+    if (t.has(n)) {
+      const c = t.get(n);
+      if (typeof c == "string")
+        a[c] = e[n];
+      else {
+        const u = c(n, e[n]);
+        Object.assign(a, u);
+      }
+    } else
+      a[n] = e[n];
+    return a;
+  }, {});
+}
+function B(e, t, r = /* @__PURE__ */ new Map()) {
+  const a = j(e, t);
+  return T(a, r);
+}
+function F(e, t, r = /* @__PURE__ */ new Map()) {
+  return C[t.title] = t, (a) => {
+    const n = B(a, t, r), c = Object.keys(e).reduce((u, d) => (u[d] = e[d].default, u), {});
+    return Object.assign(c, n);
+  };
+}
+function D(e, t) {
+  return { customClass: t.class };
+}
+const w = /* @__PURE__ */ new Map([
+  ["appearance", D]
+]), A = "https://json-schema.org/draft/2020-12/schema", q = "https://farris-design.gitee.io/check-box.schema.json", G = "CheckBox", M = "A Farris Input Component", R = "object", $ = {
+  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
+  }
+}, z = [
+  "id",
+  "type"
+], I = {
+  $schema: A,
+  $id: q,
+  title: G,
+  description: M,
+  type: R,
+  properties: $,
+  required: z
+}, v = {
   /**
    * 组件标识
    */
   id: String,
   /**
-   * 组件名称
+   * 禁用组件，不允许切换单选值
    */
-  name: { type: String, default: "" },
+  disable: { type: Boolean, default: !1 },
   /**
    * 单选组枚举数组
    */
   enumData: { type: Array, default: [] },
-  /**
-   * 枚举数组中展示文本的key值。
-   */
-  textField: { type: String, default: "name" },
-  /**
-   * 枚举数组中枚举值的key值。
-   */
-  valueField: { type: String, default: "value" },
   /**
    * 组件是否水平排列
    */
   horizontal: { type: Boolean, default: !1 },
   /**
-   * 禁用组件，不允许切换单选值
+   * 值类型是否为字符串
    */
-  disable: { type: Boolean, default: !1 },
+  isStringValue: { type: Boolean, default: !0 },
+  /**
+   * 异步获取枚举数组方法
+   */
+  // loadData: () => Observable < { data: Array<Checkbox> } >
+  loadData: { type: Function },
   /**
    * 组件值，字符串或者数组
    */
   modelValue: [String, Array],
   /**
-   * 输入框Tab键索引
+   * 组件名称
    */
-  tabIndex: { type: Number, default: 0 },
+  name: { type: String, default: "" },
   /**
    * 分隔符，默认逗号
    */
   separator: { type: String, default: "," },
   /**
-   * 值类型是否为字符串
+   * 输入框Tab键索引
    */
-  isStringValue: { type: Boolean, default: !0 },
+  tabIndex: { type: Number, default: 0 },
   /**
-   * 异步获取枚举数组方法
+   * 枚举数组中展示文本的key值。
    */
-  // loadData: () => Observable < { data: Array<Checkbox> } >
-  loadData: { type: Function }
-};
-function y(e, i, l) {
-  const h = x(() => !e.disable), s = v(e.enumData);
-  function o(t) {
-    return t[e.valueField];
+  textField: { type: String, default: "name" },
+  /**
+   * 枚举数组中枚举值的key值。
+   */
+  valueField: { type: String, default: "value" }
+}, O = F(v, I, w);
+function P(e, t, r) {
+  const a = k(() => !e.disable), n = y(e.enumData);
+  function c(o) {
+    return o[e.valueField];
   }
-  function d(t) {
-    return t[e.textField];
+  function u(o) {
+    return o[e.textField];
   }
-  function f(t) {
-    return t ? e.isStringValue ? t.split(e.separator) : t : [];
+  function d(o) {
+    return o ? e.isStringValue ? o.split(e.separator) : o : [];
   }
-  function g(t) {
-    const a = s.value.map((n) => o(n)).filter((n) => t.some((c) => c === n));
-    return e.isStringValue ? a.join(e.separator) : a;
+  function m(o) {
+    const i = n.value.map((s) => c(s)).filter((s) => o.some((p) => p === String(s)));
+    return e.isStringValue ? i.join(e.separator) : i;
   }
-  function u(t) {
-    const r = String(o(t));
-    return f(l.value).some((n) => n === r);
+  function l(o) {
+    const f = String(c(o));
+    return d(r.value).some((s) => s === f);
   }
-  function b(t, r) {
-    if (h.value) {
-      let a = f(l.value) || [];
-      const n = String(o(t));
-      !a || !a.length ? a.push(n) : a.some((c) => c === n) ? a = a.filter((c) => c !== n) : a.push(n), l.value = g(a), i.emit("changeValue", l.value), i.emit("update:modelValue", l.value);
+  function b(o, f) {
+    if (a.value) {
+      let i = d(r.value) || [];
+      const s = String(c(o));
+      !i || !i.length ? i.push(s) : i.some((p) => p === s) ? i = i.filter((p) => p !== s) : i.push(s), r.value = m(i), t.emit("changeValue", r.value), t.emit("update:modelValue", r.value);
     }
-    r.stopPropagation();
+    f.stopPropagation();
   }
   return {
-    enumData: s,
-    getValue: o,
-    getText: d,
-    checked: u,
+    enumData: n,
+    getValue: c,
+    getText: u,
+    checked: l,
     onClickCheckbox: b
   };
 }
-const k = /* @__PURE__ */ p({
+const g = /* @__PURE__ */ V({
   name: "FCheckboxGroup",
-  props: V,
+  props: v,
   emits: ["changeValue", "update:modelValue"],
-  setup(e, i) {
-    const l = v(e.modelValue), {
-      enumData: h,
-      onClickCheckbox: s,
-      getValue: o,
-      getText: d,
-      checked: f
-    } = y(e, i, l), g = x(() => ({
+  setup(e, t) {
+    const r = y(e.modelValue), {
+      enumData: a,
+      onClickCheckbox: n,
+      getValue: c,
+      getText: u,
+      checked: d
+    } = P(e, t, r), m = k(() => ({
       "farris-checkradio-hor": e.horizontal
     }));
-    return () => m("div", {
-      class: ["farris-input-wrap", g.value]
-    }, [h.value.map((u, b) => {
-      const t = "checkbox_" + e.name + b;
-      return m("div", {
+    return S(() => e.modelValue, (l) => {
+      r.value = l, t.emit("changeValue", r.value);
+    }), () => h("div", {
+      class: ["farris-input-wrap", m.value]
+    }, [a.value.map((l, b) => {
+      const o = "checkbox_" + e.name + b;
+      return h("div", {
         class: "custom-control custom-checkbox"
-      }, [m("input", {
+      }, [h("input", {
         type: "checkbox",
         class: "custom-control-input",
         name: e.name,
-        id: t,
-        value: o(u),
-        checked: f(u),
+        id: o,
+        value: c(l),
+        checked: d(l),
         disabled: e.disable,
         tabindex: e.tabIndex,
-        onClick: (r) => s(u, r)
-      }, null), m("label", {
+        onClick: (f) => n(l, f)
+      }, null), h("label", {
         class: "custom-control-label",
-        for: t,
-        title: d(u)
-      }, [d(u)])]);
+        for: o,
+        title: u(l)
+      }, [u(l)])]);
     })]);
   }
-}), C = {
+}), N = {
   install(e) {
-    e.component(k.name, k);
+    e.component(g.name, g);
+  },
+  register(e, t) {
+    e["check-box"] = g, t["check-box"] = O;
   }
 };
 export {
-  k as CheckBoxGroup,
-  V as checkboxGroupProps,
-  C as default
+  g as CheckBoxGroup,
+  v as checkboxGroupProps,
+  N as default,
+  O as propsResolver
 };

package/checkbox/index.umd.js

@@ -1 +1 @@
-(function(u,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(u=typeof globalThis<"u"?globalThis:u||self,n(u.checkbox={},u.Vue))})(this,function(u,n){"use strict";const x={id:String,name:{type:String,default:""},enumData:{type:Array,default:[]},textField:{type:String,default:"name"},valueField:{type:String,default:"value"},horizontal:{type:Boolean,default:!1},disable:{type:Boolean,default:!1},modelValue:[String,Array],tabIndex:{type:Number,default:0},separator:{type:String,default:","},isStringValue:{type:Boolean,default:!0},loadData:{type:Function}};function V(e,s,l){const g=n.computed(()=>!e.disable),f=n.ref(e.enumData);function c(t){return t[e.valueField]}function m(t){return t[e.textField]}function h(t){return t?e.isStringValue?t.split(e.separator):t:[]}function k(t){const a=f.value.map(o=>c(o)).filter(o=>t.some(d=>d===o));return e.isStringValue?a.join(e.separator):a}function r(t){const i=String(c(t));return h(l.value).some(o=>o===i)}function p(t,i){if(g.value){let a=h(l.value)||[];const o=String(c(t));!a||!a.length?a.push(o):a.some(d=>d===o)?a=a.filter(d=>d!==o):a.push(o),l.value=k(a),s.emit("changeValue",l.value),s.emit("update:modelValue",l.value)}i.stopPropagation()}return{enumData:f,getValue:c,getText:m,checked:r,onClickCheckbox:p}}const b=n.defineComponent({name:"FCheckboxGroup",props:x,emits:["changeValue","update:modelValue"],setup(e,s){const l=n.ref(e.modelValue),{enumData:g,onClickCheckbox:f,getValue:c,getText:m,checked:h}=V(e,s,l),k=n.computed(()=>({"farris-checkradio-hor":e.horizontal}));return()=>n.createVNode("div",{class:["farris-input-wrap",k.value]},[g.value.map((r,p)=>{const t="checkbox_"+e.name+p;return n.createVNode("div",{class:"custom-control custom-checkbox"},[n.createVNode("input",{type:"checkbox",class:"custom-control-input",name:e.name,id:t,value:c(r),checked:h(r),disabled:e.disable,tabindex:e.tabIndex,onClick:i=>f(r,i)},null),n.createVNode("label",{class:"custom-control-label",for:t,title:m(r)},[m(r)])])})])}}),y={install(e){e.component(b.name,b)}};u.CheckBoxGroup=b,u.checkboxGroupProps=x,u.default=y,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(u,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],i):(u=typeof globalThis<"u"?globalThis:u||self,i(u.checkbox={},u.Vue))})(this,function(u,i){"use strict";const S={};function x(e){const{properties:t}=e;return Object.keys(t).reduce((a,n)=>(a[n]=t[n].type==="object"&&t[n].properties?x(t[n]):t[n].default,a),{})}function v(e,t){const o=x(t);return Object.keys(e).reduce((a,n)=>(a[n]=e[n],a),o),o}function C(e,t){return Object.keys(e).filter(a=>e[a]!=null).reduce((a,n)=>{if(t.has(n)){const c=t.get(n);if(typeof c=="string")a[c]=e[n];else{const d=c(n,e[n]);Object.assign(a,d)}}else a[n]=e[n];return a},{})}function j(e,t,o=new Map){const a=v(e,t);return C(a,o)}function T(e,t,o=new Map){return S[t.title]=t,a=>{const n=j(a,t,o),c=Object.keys(e).reduce((d,p)=>(d[p]=e[p].default,d),{});return Object.assign(c,n)}}function B(e,t){return{customClass:t.class}}const F=new Map([["appearance",B]]),q={$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"]},g={id:String,disable:{type:Boolean,default:!1},enumData:{type:Array,default:[]},horizontal:{type:Boolean,default:!1},isStringValue:{type:Boolean,default:!0},loadData:{type:Function},modelValue:[String,Array],name:{type:String,default:""},separator:{type:String,default:","},tabIndex:{type:Number,default:0},textField:{type:String,default:"name"},valueField:{type:String,default:"value"}},V=T(g,q,F);function D(e,t,o){const a=i.computed(()=>!e.disable),n=i.ref(e.enumData);function c(r){return r[e.valueField]}function d(r){return r[e.textField]}function p(r){return r?e.isStringValue?r.split(e.separator):r:[]}function k(r){const s=n.value.map(l=>c(l)).filter(l=>r.some(m=>m===String(l)));return e.isStringValue?s.join(e.separator):s}function f(r){const h=String(c(r));return p(o.value).some(l=>l===h)}function y(r,h){if(a.value){let s=p(o.value)||[];const l=String(c(r));!s||!s.length?s.push(l):s.some(m=>m===l)?s=s.filter(m=>m!==l):s.push(l),o.value=k(s),t.emit("changeValue",o.value),t.emit("update:modelValue",o.value)}h.stopPropagation()}return{enumData:n,getValue:c,getText:d,checked:f,onClickCheckbox:y}}const b=i.defineComponent({name:"FCheckboxGroup",props:g,emits:["changeValue","update:modelValue"],setup(e,t){const o=i.ref(e.modelValue),{enumData:a,onClickCheckbox:n,getValue:c,getText:d,checked:p}=D(e,t,o),k=i.computed(()=>({"farris-checkradio-hor":e.horizontal}));return i.watch(()=>e.modelValue,f=>{o.value=f,t.emit("changeValue",o.value)}),()=>i.createVNode("div",{class:["farris-input-wrap",k.value]},[a.value.map((f,y)=>{const r="checkbox_"+e.name+y;return i.createVNode("div",{class:"custom-control custom-checkbox"},[i.createVNode("input",{type:"checkbox",class:"custom-control-input",name:e.name,id:r,value:c(f),checked:p(f),disabled:e.disable,tabindex:e.tabIndex,onClick:h=>n(f,h)},null),i.createVNode("label",{class:"custom-control-label",for:r,title:d(f)},[d(f)])])})])}}),G={install(e){e.component(b.name,b)},register(e,t){e["check-box"]=b,t["check-box"]=V}};u.CheckBoxGroup=b,u.checkboxGroupProps=g,u.default=G,u.propsResolver=V,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/checkbox/package.json

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