@farris/ui-vue 1.1.0 → 1.1.1

package/calendar/index.umd.js

@@ -1 +0,0 @@
-(function(P,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],e):(P=typeof globalThis<"u"?globalThis:P||self,e(P.calendar={},P.Vue,P.LodashES))})(this,function(P,e,ae){"use strict";const X={},Z={};function Y(t){const{properties:r,title:n}=t,w=Object.keys(r).reduce((v,l)=>(v[l]=r[l].type==="object"&&r[l].properties?Y(r[l]):ae.cloneDeep(r[l].default),v),{});return w.id=`${n}-${Date.now()}`,w}function L(t,r={}){const n=X[t];if(n){let w=Y(n);const v=Z[t];return w=v?v({getSchemaByType:L},w,r):w,w}return null}function re(t,r){const n=Y(r);return Object.keys(t).reduce((w,v)=>(w[v]=t[v],w),n),n}function oe(t,r){return Object.keys(t).filter(w=>t[w]!=null).reduce((w,v)=>{if(r.has(v)){const l=r.get(v);if(typeof l=="string")w[l]=t[v];else{const y=l(v,t[v],t);Object.assign(w,y)}}else w[v]=t[v];return w},{})}function ce(t,r,n=new Map){const w=re(t,r);return oe(w,n)}function se(t={}){function r(a,m,g,D){if(typeof g=="number")return D[a].length===g;if(typeof g=="object"){const i=Object.keys(g)[0],d=g[i];if(i==="not")return Number(D[a].length)!==Number(d);if(i==="moreThan")return Number(D[a].length)>=Number(d);if(i==="lessThan")return Number(D[a].length)<=Number(d)}return!1}function n(a,m,g,D){return D[m]&&D[m].propertyValue&&String(D[m].propertyValue.value)===String(g)}const w=new Map([["length",r],["getProperty",n]]);Object.keys(t).reduce((a,m)=>(a.set(m,t[m]),a),w);function v(a,m){const g=a;return typeof m=="number"?[{target:g,operator:"length",param:null,value:Number(m)}]:typeof m=="boolean"?[{target:g,operator:"getProperty",param:a,value:!!m}]:typeof m=="object"?Object.keys(m).map(D=>{if(D==="length")return{target:g,operator:"length",param:null,value:m[D]};const i=D,d=m[D];return{target:g,operator:a,param:i,value:d}}):[]}function l(a){return Object.keys(a).reduce((g,D)=>{const i=v(D,a[D]);return g.push(...i),g},[])}function y(a,m){if(w.has(a.operator)){const g=w.get(a.operator);return g&&g(a.target,a.param,a.value,m)||!1}return!1}function c(a,m){return l(a).reduce((i,d)=>i&&y(d,m),!0)}function V(a,m){const g=Object.keys(a),D=g.includes("allOf"),i=g.includes("anyOf"),d=D||i,u=(d?a[d?D?"allOf":"anyOf":"allOf"]:[a]).map(o=>c(o,m));return D?!u.includes(!1):u.includes(!0)}return{parseValueSchema:V}}const le={},ie={};se();function ue(t,r,n=new Map,w=(y,c,V)=>c,v={},l=y=>y){return X[r.title]=r,Z[r.title]=w,le[r.title]=v,ie[r.title]=l,(y={})=>{const c=ce(y,r,n),V=Object.keys(t).reduce((a,m)=>(a[m]=t[m].default,a),{});return Object.assign(V,c)}}function de(t,r){return{customClass:r.class}}const fe=new Map([["appearance",de]]);function ye(t,r,n){return r}const he={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/calendar.schema.json",title:"calendar",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for calendar",type:"string"},type:{description:"The type string of calendar",type:"string",default:"calendar"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}}},required:["id","type"]},me={title:"calendar",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},F={events:{Type:Array,default:[]},firstDayOfTheWeek:{type:String,default:"Sun."}},x=ue(F,he,fe,ye,me),$=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];var j=(t=>(t[t.previous=1]="previous",t[t.current=2]="current",t[t.next=3]="next",t))(j||{});function q(){function t(){return{year:0,month:0,day:0}}function r(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 n(a){const m=new Date;return a.year||(a.year=m.getFullYear()),a.month||(a.month=m.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 w(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 v(a){return $.indexOf(a)}function l(a){return r(a).getTime()}function y(a){return Math.round(l(a)/1e3)}function c(a,m,g){const D=l(m),i=l(g),d=l(a);return i-d>d-D?m:g}function V(){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:r,getDate2:n,getDayNumber:w,getEpocTime:y,getNearDate:c,getWeekdayIndex:v,getTimeInMilliseconds:l,getToday:V}}function pe(){function t(l,y){return new Date(y,l,0).getDate()}function r(l,y,c){return new Date(l,y-1,c,0,0,0,0)}function n(l,y){const c=r(y,l,1);return c.setMonth(c.getMonth()-1),t(c.getMonth()+1,c.getFullYear())}function w(l,y){const c={year:l===12?y+1:y},V=l===12?1:l+1;return c.month=V,c}function v(l,y){const c={year:l===1?y-1:y},V=l===1?12:l-1;return c.month=V,c}return{daysInMonth:t,daysInPreMonth:n,getNextMonth:w,getPreviousMonth:v}}function R(){const{getToday:t,getDayNumber:r}=q(),{daysInMonth:n,daysInPreMonth:w,getNextMonth:v,getPreviousMonth:l}=pe();function y(h){const N=$.indexOf(h);return N>0?7-N:0}function c(h){const{day:N,month:u,year:s}=h;if(N===void 0||u===void 0||s===void 0)throw new Error("invalided date.");const o=N===1,f=o?w(u,s):N-1,k=o?u-1:u,p=k<1,M=p?12:k;return{year:p?s-1:s,month:M,day:f}}function V(h){const{day:N,month:u,year:s}=h;if(N===void 0||u===void 0||s===void 0)throw new Error("invalided date.");const o=n(u,s),f=N===o,k=f?1:N+1,p=f?u+1:u,M=p>12,T=M?1:p;return{year:M?s+1:s,month:T,day:k}}function a(h){const N=l(h.month||1,h.year||1),u=n(N.month||1,N.year||1);return{day:(h.day||1)<=u?h.day:u,month:N.month,year:N.year}}function m(h){const N=v(h.month||1,h.year||1),u=n(N.month||1,N.year||1);return{day:(h.day||1)<=u?h.day:u,month:N.month,year:N.year}}function g(h){const u=(h.day||1)-7,s=u<1,o=s?n(h.month||1,h.year||1)+u:u,f=s?l(h.month||1,h.year||1):h;return{day:o,month:f.month,year:f.year}}function D(h){const u=(h.day||1)+7,s=n(h.month||1,h.year||1),o=u>s,f=o?u-s:u,k=o?v(h.month||1,h.year||1):h;return{day:f,month:k.month,year:k.year}}function i(h,N,u,s){const o={day:h,month:N,year:u},k=y(s)===0?1:0,p=r(o)+k,M=t();let T=c(o);const O=[];for(let A=p-1;A>=1;A--){const I=T.month!==o.month?j.previous:j.current,C=T.month===N&&T.day===M.day&&T.month===M.month&&T.year===M.year;O.push({date:T,monthTag:I,isCurrent:C}),A>1&&(T=c(T))}let S=V(o);const W=[];for(let A=p+1;A<=7;A++){const I=T.month!==o.month?j.next:j.current,C=S.day===M.day&&S.month===M.month&&S.year===M.year;W.push({date:S,monthTag:I,isCurrent:C}),A<7&&(S=V(S))}const E=h===M.day&&N===M.month&&u===M.year;return{days:[...O.reverse(),{date:o,monthTag:j.current,isCurrent:E},...W],weekNumber:0,year:u}}function d(h,N,u){const s=[],o=n(h,N);for(let f=1;f<=o;f+=7){const k=i(f,h,N,u);s.push(k)}return s}return{getMonthlyCalendar:d,getWeeklyCalendar:i,getPreviousDay:c,getNextDay:V,getDayInPreviousWeek:g,getDayInNextWeek:D,getDayInPreviousMonth:a,getDayInNextMonth:m}}function B(){const{getTimeInMilliseconds:t}=q();function r(i){return i&&i.year!==0&&i.month!==0&&i.day!==0}function n(i){return i&&i.year!==0&&i.month!==0}function w(i){return i&&i.year!==0}function v(i,d){return t(i)<t(d)}function l(i,d){return t(i)<=t(d)}function y(i,d){return t(i)===t(d)}function c(i,d){const h=t(d);return t(i.from)===h||t(i.to)===h}function V(i,d){return!d||!r(d.to)||!r(d.from)?!1:l(d.from,i)&&l(i,d.to)}function a(i,d){return r(d)&&t(i)>=t(d)}function m(i,d){return r(d)&&t(i)<=t(d)}function g(i,d){return t({year:i.year,month:i.month,day:i.day})===t({year:d.year,month:d.month,day:d.day})}function D(i,d){return t({hour:i.hour,minute:i.minute,second:i.second})===t({hour:d.hour,minute:d.minute,second:d.second})}return{isDateEarlier:v,equal:y,inPeriod:V,isPoint:c,equalOrEarlier:l,isInitializedDate:r,isInitializedMonth:n,isInitializedYear:w,isMonthDisabledByDisableSince:a,isMonthDisabledByDisableUntil:m,sameTime:D,sameDay:g}}const H={1:"Jan",2:"Feb",3:"Mar",4:"Apr",5:"May",6:"Jun",7:"Jul",8:"Aug",9:"Sep",10:"Oct",11:"Nov",12:"Dec"},_=e.defineComponent({name:"FCalendar",props:F,emits:[],setup(t,r){const{sameDay:n}=B(),{getToday:w}=q(),v=e.ref(t.firstDayOfTheWeek),l=e.ref(t.events),y=w(),c=e.ref({year:y.year||1,month:y.month||1,day:y.day||1}),V=e.ref(3),{getMonthlyCalendar:a,getWeeklyCalendar:m,getPreviousDay:g,getNextDay:D,getDayInPreviousWeek:i,getDayInNextWeek:d,getDayInPreviousMonth:h,getDayInNextMonth:N}=R(),u=e.computed(()=>`${H[c.value.month||1]} ${c.value.year}`),s=e.computed(()=>a(c.value.month||1,c.value.year||1,v.value)),o=e.computed(()=>m(c.value.day||1,c.value.month||1,c.value.year||1,v.value)),f=e.computed(()=>o.value.days.find(b=>n(b.date,c.value))||o.value.days[1]),k=e.computed(()=>{const b=o.value.days.findIndex(I=>n(I.date,c.value)),A=b>-1?b:1;return $[A]}),p=e.computed(()=>V.value===3),M=e.computed(()=>V.value===2),T=e.computed(()=>V.value===1);function O(b){V.value=b}function S(b){b===1&&(c.value=g(c.value)),b===2&&(c.value=i(c.value)),b===3&&(c.value=h(c.value))}function W(b){b===1&&(c.value=D(c.value)),b===2&&(c.value=d(c.value)),b===3&&(c.value=N(c.value))}function E(){c.value={year:y.year||1,month:y.month||1,day:y.day||1}}return()=>e.createVNode("div",{class:"f-calendar"},[e.createVNode(e.resolveComponent("f-calendar-header"),{activeView:V.value,title:u.value,onViewChange:b=>O(b),onPrevious:b=>S(b),onNext:b=>W(b),onResetToToday:()=>E()},null),e.createVNode("div",null,[T.value&&e.createVNode(e.resolveComponent("f-calendar-day-view"),{day:f.value,dayInWeek:k.value,events:l.value},null),M.value&&e.createVNode(e.resolveComponent("f-calendar-week-view"),{week:o.value,events:l.value},null),p.value&&e.createVNode(e.resolveComponent("f-calendar-month-view"),{activeDay:c.value,dates:s.value,events:l.value},null)])])}});function ve(t,r,n){var k;function w(){n!=null&&n.resolveComponentContext&&n.resolveComponentContext()}w();const v=n&&n.getStyles&&n.getStyles()||"",l=n&&n.getDesignerClass&&n.getDesignerClass()||"",y=e.ref();function c(){return(r==null?void 0:r.schema.componentType)==="frame"?!1:n&&n.checkCanMoveComponent?n.checkCanMoveComponent():!0}function V(){return!1}function a(){return(r==null?void 0:r.schema.componentType)==="frame"?!1:n&&n.checkCanDeleteComponent?n.checkCanDeleteComponent():!0}function m(){return(r==null?void 0:r.schema.componentType)==="frame"?!0:n&&n.hideNestedPaddingInDesginerView?n.hideNestedPaddingInDesginerView():!1}function g(p){if(!p||!p.value)return null;if(p.value.schema&&p.value.schema.type==="component")return p.value;const M=e.ref(p==null?void 0:p.value.parent),T=g(M);return T||null}function D(p=r){const{componentInstance:M,designerItemElementRef:T}=p;return!M||!M.value?null:M.value.canMove?T:D(p.parent)}function i(p){return!!n&&n.canAccepts(p)}function d(){return(r==null?void 0:r.schema.label)||(r==null?void 0:r.schema.title)||(r==null?void 0:r.schema.name)}function h(){}function N(p,M){M&&n!=null&&n.onAcceptMovedChildElement&&n.onAcceptMovedChildElement(M)}function u(p){const{componentType:M}=p;let T=L(M,p);n&&n.onResolveNewComponentSchema&&(T=n.onResolveNewComponentSchema(p,T));const O=M.toLowerCase().replace("-","_");return T&&!T.id&&T.type===M&&(T.id=`${O}_${Math.random().toString().slice(2,6)}`),T}function s(p,M){const T=String(p.getAttribute("data-controltype")),O=p.getAttribute("data-feature"),S=O?JSON.parse(O):{};S.parentComponentInstance=y.value;let W=L(T,S);n&&n.onAcceptNewChildElement&&(W=n.onAcceptNewChildElement(p,M,W));const E=T.toLowerCase().replace("-","_");return W&&!W.id&&W.type===T&&(W.id=`${E}_${Math.random().toString().slice(2,6)}`),W}function o(p){}function f(){return n&&n.getPropsConfig?n.getPropsConfig():[]}return y.value={canMove:c(),canSelectParent:V(),canDelete:a(),canNested:!m(),contents:r==null?void 0:r.schema.contents,elementRef:t,parent:(k=r==null?void 0:r.parent)==null?void 0:k.componentInstance,schema:r==null?void 0:r.schema,styles:v,designerClass:l,canAccepts:i,getBelongedComponentInstance:g,getDraggableDesignItemElement:D,getDraggingDisplayText:d,getPropConfig:f,getDragScopeElement:h,onAcceptMovedChildElement:N,onAcceptNewChildElement:s,onChildElementMovedOut:o,addNewChildComponentSchema:u,updateDragAndDropRules:w,triggerBelongedComponentToMoveWhenMoved:!!n&&n.triggerBelongedComponentToMoveWhenMoved||e.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!n&&n.triggerBelongedComponentToDeleteWhenDeleted||e.ref(!1)},y}const we=e.defineComponent({name:"FCalendarDesign",props:F,emits:[],setup(t,r){const{sameDay:n}=B(),{getToday:w}=q(),v=e.ref(t.firstDayOfTheWeek),l=e.ref(t.events),y=w(),c=e.ref({year:y.year||1,month:y.month||1,day:y.day||1}),V=e.ref(3),a=e.ref(),m=e.inject("design-item-context"),g=ve(a,m);e.onMounted(()=>{a.value.componentInstance=g}),r.expose(g.value);const{getMonthlyCalendar:D,getWeeklyCalendar:i,getPreviousDay:d,getNextDay:h,getDayInPreviousWeek:N,getDayInNextWeek:u,getDayInPreviousMonth:s,getDayInNextMonth:o}=R(),f=e.computed(()=>`${H[c.value.month||1]} ${c.value.year}`),k=e.computed(()=>D(c.value.month||1,c.value.year||1,v.value)),p=e.computed(()=>i(c.value.day||1,c.value.month||1,c.value.year||1,v.value)),M=e.computed(()=>p.value.days.find(C=>n(C.date,c.value))||p.value.days[1]),T=e.computed(()=>{const C=p.value.days.findIndex(Ne=>n(Ne.date,c.value)),ke=C>-1?C:1;return $[ke]}),O=e.computed(()=>V.value===3),S=e.computed(()=>V.value===2),W=e.computed(()=>V.value===1);function E(C){V.value=C}function b(C){C===1&&(c.value=d(c.value)),C===2&&(c.value=N(c.value)),C===3&&(c.value=s(c.value))}function A(C){C===1&&(c.value=h(c.value)),C===2&&(c.value=u(c.value)),C===3&&(c.value=o(c.value))}function I(){c.value={year:y.year||1,month:y.month||1,day:y.day||1}}return()=>e.createVNode("div",{ref:a,class:"f-calendar"},[e.createVNode(e.resolveComponent("f-calendar-header"),{activeView:V.value,title:f.value,onViewChange:C=>E(C),onPrevious:C=>b(C),onNext:C=>A(C),onResetToToday:()=>I()},null),e.createVNode("div",null,[W.value&&e.createVNode(e.resolveComponent("f-calendar-day-view"),{day:M.value,dayInWeek:T.value,events:l.value},null),S.value&&e.createVNode(e.resolveComponent("f-calendar-week-view"),{week:p.value,events:l.value},null),O.value&&e.createVNode(e.resolveComponent("f-calendar-month-view"),{activeDay:c.value,dates:k.value,events:l.value},null)])])}}),K={activeView:{Type:Number,default:3},title:{Type:String,default:""},dailyViewTitle:{Type:String,default:"Day"},weeklyViewTitle:{Type:String,default:"Week"},monthlyViewTitle:{Type:String,default:"Month"}},J=e.defineComponent({name:"FCalendarHeader",props:K,emits:["ViewChange","Previous","Next","ResetToToday"],setup(t,r){const n=e.ref(t.title),w=e.ref(t.dailyViewTitle),v=e.ref(t.weeklyViewTitle),l=e.ref(t.monthlyViewTitle),y=2,c=62,V=e.ref(t.activeView),a=e.ref("Today");e.watch(()=>t.title,()=>{n.value=t.title});const m=e.computed(()=>({top:`${y}px`,left:`${V.value*(y+1)+(V.value-1)*(c+1)}px`})),g=e.computed(()=>V.value===1?w.value:V.value===2?v.value:l.value);function D(){V.value=1,r.emit("ViewChange",1)}function i(){V.value=2,r.emit("ViewChange",2)}function d(){V.value=3,r.emit("ViewChange",3)}function h(){r.emit("Previous",V.value)}function N(){r.emit("Next",V.value)}function u(){r.emit("ResetToToday")}return()=>e.createVNode("div",{class:"f-calendar-header"},[e.createVNode("div",{class:"f-calendar-title"},[n.value]),e.createVNode("div",{class:"f-calendar-navigator"},[e.createVNode("div",{class:"f-calendar-navigator-today btn btn-default",onClick:()=>u()},[a.value]),e.createVNode("div",{class:"f-calendar-navigator-button-group"},[e.createVNode("div",{class:"f-calendar-navigator-previous btn btn-default",onClick:()=>h()},[e.createVNode("i",{class:"f-icon f-icon-arrow-chevron-left"},null)]),e.createVNode("div",{class:"f-calendar-navigator-next btn btn-default",onClick:()=>N()},[e.createVNode("i",{class:"f-icon f-icon-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:s=>D()},[w.value]),e.createVNode("span",{class:"f-calendar-view-switch-weekly",onClick:s=>i()},[v.value]),e.createVNode("span",{class:"f-calendar-view-switch-monthly",onClick:s=>d()},[l.value])]),e.createVNode("div",{class:"f-calendar-view-switch-active-view",style:m.value},[g.value])])])}}),ee={day:{Type:Object,default:{}},dayInWeek:{Type:String,default:""},enableMarkCurrent:{Type:Boolean,default:!0},events:{Type:Array,default:[]}},z=e.defineComponent({name:"FCalendarDayView",props:ee,emits:[],setup(t,r){const n=e.ref(),w=e.ref(),v=e.ref(t.dayInWeek),l=e.ref(t.day),y=e.ref(t.enableMarkCurrent),c=e.ref(t.events),V=e.ref([]),{equal:a}=B();function m(o){const f={year:l.value.date.year,month:l.value.date.month,day:l.value.date.day,hour:o.hour,minute:o.minute,second:o.second},k=c.value.filter(p=>a(p.starts,f));return[{day:f,events:k}]}function g(){const o=[];for(let f=0;f<24;f++){const k={hour:f,minute:0,second:0},p={hour:f,minute:30,second:0},M=m(k),T=m(p);o.push({time:k,events:M,title:f>0?`${f}:00`:"",part:"upper"}),o.push({time:p,events:T,title:`${f}:30`,part:"lower"})}V.value=o}g(),e.watch(()=>t.day,()=>{l.value=t.day,g()}),e.watch(()=>t.events,()=>{c.value=t.events,g()});const D=o=>({"f-calendar-day-view-date":!0,"f-calendar-day-view-current":o.isCurrent&&y.value});function i(){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:D(l.value)},[l.value.date.day]),e.createVNode("span",null,[v.value])])])])])}function d(){return e.createVNode("div",{class:"f-calendar-day-view-content-side"},[e.createVNode("div",{class:"f-calendar-side"},[V.value.map(o=>e.createVNode("div",{class:"f-calendar-side-row"},[e.createVNode("div",{class:"f-calendar-side-row-number"},[o.part==="upper"?o.title:""])]))])])}function h(o){return{"f-calendar-day-view-item":!0,"f-calendar-day-view-item-upper":o.part==="upper","f-calendar-day-view-item-lower":o.part==="lower"}}function N(o){const O=(o.starts.hour||0)+(o.starts.minute||0)/60;return{height:`${44*((o.ends.hour||0)+(o.ends.minute||0)/60-O)-2-2-1-1}px`}}function u(){return V.value.map(o=>e.createVNode("div",{class:h(o)},[o.events.map(f=>e.createVNode("div",{class:"f-calendar-day-view-item-cell"},[f.events.length>0&&f.events.map(k=>e.createVNode("div",{class:"f-calendar-event",style:N(k)},[k.title]))]))]))}function s(){return e.createVNode("div",{ref:w,class:"f-calendar-content-primary"},[e.createVNode("div",{class:"f-calendar-content-data"},[u()])])}return e.onMounted(()=>{n.value&&n.value.scrollTo(0,250)}),()=>e.createVNode("div",{class:"f-calendar-day-view"},[i(),e.createVNode("div",{class:"f-calendar-day-view-content",ref:n},[d(),s()])])}}),te={dates:{Type:Array,default:[]},daysInWeek:{Type:Array,default:$},enableKeyboadNavigate:{Type:Boolean,default:!0},enableMarkCurrent:{Type:Boolean,default:!0},events:{Type:Array,default:[]},activeDay:{Type:Object,default:null}};var G=(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))(G||{});function ge(){function t(r){const n=r.key||r.keyCode;return n==="Enter"||n===13?13:n==="Escape"||n===27?27:n===" "||n===32?32:n==="ArrowLeft"||n===37?37:n==="ArrowUp"||n===38?38:n==="ArrowRight"||n===39?39:n==="ArrowDown"||n===40?40:n==="Tab"||n===9?9:n==="Shift"||n===16?16:-1}return{getKeyCodeFromEvent:t}}const U=e.defineComponent({name:"FCalendarMonthView",props:te,emits:[],setup(t,r){const n=e.ref(t.daysInWeek),w=e.ref(t.enableKeyboadNavigate),v=e.ref(t.enableMarkCurrent),l=e.ref(t.activeDay),y=e.ref(t.events),{equal:c,sameDay:V}=B(),{getKeyCodeFromEvent:a}=ge();function m(u,s){return u.forEach(o=>{o.days.forEach(f=>{const k=s.filter(p=>V(p.starts,f.date));k&&k.length&&(f.events=[...k])})}),u}const g=e.ref(m(t.dates,y.value));e.watch(()=>t.dates,()=>{g.value=m(t.dates,y.value)}),e.watch(()=>t.activeDay,()=>{l.value=t.activeDay}),e.watch(()=>t.events,()=>{y.value=t.events});function D(u){return!!l.value&&c({year:l.value.year,month:l.value.month,day:l.value.day},u)}const i=(u,s,o)=>{const k={"f-datepicker-no-currmonth":u.monthTag===j.previous||u.monthTag===j.next},p=`d_${s}_${o}`;return k[p]=!0,k},d=u=>{const s=u.monthTag===j.current&&D(u.date),o=u.isCurrent&&v.value;return{"f-calendar-month-view-date":!0,"f-calendar-month-view-selected":s,"f-calendar-month-view-current":o}};function h(u,s){u.stopPropagation(),r.emit("click",s.date)}function N(u,s){const o=a(u);o!==G.tab&&(u.preventDefault(),o===G.enter||o===G.space?h(u,s):w.value&&r.emit("keyDown",s.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,[n.value&&n.value.map(u=>e.createVNode("th",{scope:"col",style:"padding: 4px 4px 8px"},[u]))])]),e.createVNode("tbody",null,[g.value&&g.value.map((u,s)=>e.createVNode("tr",null,[u.days&&u.days.map((o,f)=>e.createVNode("td",{id:`d_${s}_${f}`,tabindex:"0",class:i(o,s,f),onClick:k=>h(k,o),onKeydown:k=>N(k,o)},[e.createVNode("div",{class:"f-calendar-month-view-title"},[e.createVNode("div",{class:d(o)},[o.date.day]),e.createVNode("div",{class:"f-calendar-month-view-date-month"},[o.date.day===1?H[o.date.month||1]:""])]),o.events&&o.events.length&&o.events.map(k=>e.createVNode("div",{class:"f-calendar-month-view-event-item"},[k.title]))]))]))])])])}}),ne={daysInWeek:{Type:Array,default:$},enableMarkCurrent:{Type:Boolean,default:!0},events:{Type:Array,default:[]},week:{Type:Object,default:{days:[],weekNumber:0,year:0}}},Q=e.defineComponent({name:"FCalendarWeekView",props:ne,emits:[],setup(t){const r=e.ref(),n=e.ref(),w=e.ref(t.daysInWeek),v=e.ref(t.week),l=e.ref(t.enableMarkCurrent),y=e.ref(t.events),c=e.ref([]),{equal:V}=B();function a(s){return v.value.days.map(f=>{const k={year:f.date.year,month:f.date.month,day:f.date.day,hour:s.hour,minute:s.minute,second:s.second},p=y.value.filter(M=>V(M.starts,k));return{day:k,events:p}})}function m(){const s=[];for(let o=0;o<24;o++){const f={hour:o,minute:0,second:0},k={hour:o,minute:30,second:0},p=a(f),M=a(k);s.push({time:f,events:p,title:o>0?`${o}:00`:"",part:"upper"}),s.push({time:k,events:M,title:`${o}:30`,part:"lower"})}c.value=s}m(),e.watch(()=>t.week,()=>{v.value=t.week,m()}),e.watch(()=>t.events,()=>{y.value=t.events,m()});const g=s=>({"f-calendar-week-view-date":!0,"f-calendar-week-view-current":s.isCurrent&&l.value});function D(){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"},[w.value.map((s,o)=>e.createVNode("div",{class:"f-calendar-week-view-header-cell"},[e.createVNode("div",{class:g(v.value.days[o])},[v.value.days[o].date.day]),e.createVNode("span",null,[s])]))])])])}function i(){return e.createVNode("div",{class:"f-calendar-week-view-content-side"},[e.createVNode("div",{class:"f-calendar-side"},[c.value.map(s=>e.createVNode("div",{class:"f-calendar-side-row"},[e.createVNode("div",{class:"f-calendar-side-row-number"},[s.part==="upper"?s.title:""])]))])])}function d(s){return{"f-calendar-week-view-item":!0,"f-calendar-week-view-item-upper":s.part==="upper","f-calendar-week-view-item-lower":s.part==="lower"}}function h(s){const T=(s.starts.hour||0)+(s.starts.minute||0)/60;return{height:`${44*((s.ends.hour||0)+(s.ends.minute||0)/60-T)-2-2-1-1}px`}}function N(){return c.value.map(s=>e.createVNode("div",{class:d(s)},[s.events.map(o=>e.createVNode("div",{class:"f-calendar-week-view-item-cell"},[o.events.length>0&&o.events.map(f=>e.createVNode("div",{class:"f-calendar-event",style:h(f)},[f.title]))]))]))}function u(){return e.createVNode("div",{ref:n,class:"f-calendar-content-primary"},[e.createVNode("div",{class:"f-calendar-content-data"},[N()])])}return e.onMounted(()=>{r.value&&r.value.scrollTo(0,250)}),()=>e.createVNode("div",{class:"f-calendar-week-view"},[D(),e.createVNode("div",{class:"f-calendar-week-view-content",ref:r},[i(),u()])])}}),Ve={install(t){t.component(_.name,_).component(z.name,z).component(J.name,J).component(U.name,U).component(Q.name,Q)},register(t,r,n){t.calendar=_,r.calendar=x},registerDesigner(t,r,n){t.calendar=we,r.calendar=x}};P.Calendar=_,P.CalendarDayView=z,P.CalendarHeader=J,P.CalendarMonthView=U,P.CalendarWeekView=Q,P.MonthTag=j,P.calendarProps=F,P.dayViewProps=ee,P.default=Ve,P.defaultNameOfMonths=H,P.headerProps=K,P.monthViewProps=te,P.propsResolver=x,P.weekDays=$,P.weekViewProps=ne,Object.defineProperties(P,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/calendar/package.json

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

package/capsule/index.esm.js

@@ -1,518 +0,0 @@
-import { defineComponent as F, ref as y, watch as B, computed as A, onMounted as P, createVNode as O, nextTick as T, inject as Q } from "vue";
-import { cloneDeep as U } from "lodash-es";
-const X = "https://json-schema.org/draft/2020-12/schema", Y = "https://farris-design.gitee.io/capsule.schema.json", Z = "capsule", I = "A Farris Component", K = "object", R = {
-  id: {
-    description: "The unique identifier for a capsule",
-    type: "string"
-  },
-  type: {
-    description: "The type string of capsule component",
-    type: "string",
-    default: "capsule"
-  },
-  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
-  }
-}, x = [
-  "id",
-  "type"
-], ee = {
-  $schema: X,
-  $id: Y,
-  title: Z,
-  description: I,
-  type: K,
-  properties: R,
-  required: x
-}, H = {}, J = {};
-function L(n) {
-  const { properties: e, title: t } = n, l = Object.keys(e).reduce((u, i) => (u[i] = e[i].type === "object" && e[i].properties ? L(e[i]) : U(e[i].default), u), {});
-  return l.id = `${t}-${Date.now()}`, l;
-}
-function W(n, e = {}) {
-  const t = H[n];
-  if (t) {
-    let l = L(t);
-    const u = J[n];
-    return l = u ? u({ getSchemaByType: W }, l, e) : l, l;
-  }
-  return null;
-}
-function te(n, e) {
-  const t = L(e);
-  return Object.keys(n).reduce((l, u) => (l[u] = n[u], l), t), t;
-}
-function ne(n, e) {
-  return Object.keys(n).filter((l) => n[l] != null).reduce((l, u) => {
-    if (e.has(u)) {
-      const i = e.get(u);
-      if (typeof i == "string")
-        l[i] = n[u];
-      else {
-        const d = i(u, n[u], n);
-        Object.assign(l, d);
-      }
-    } else
-      l[u] = n[u];
-    return l;
-  }, {});
-}
-function ae(n, e, t = /* @__PURE__ */ new Map()) {
-  const l = te(n, e);
-  return ne(l, t);
-}
-function ce(n = {}) {
-  function e(r, s, p, f) {
-    if (typeof p == "number")
-      return f[r].length === p;
-    if (typeof p == "object") {
-      const h = Object.keys(p)[0], g = p[h];
-      if (h === "not")
-        return Number(f[r].length) !== Number(g);
-      if (h === "moreThan")
-        return Number(f[r].length) >= Number(g);
-      if (h === "lessThan")
-        return Number(f[r].length) <= Number(g);
-    }
-    return !1;
-  }
-  function t(r, s, p, f) {
-    return f[s] && f[s].propertyValue && String(f[s].propertyValue.value) === String(p);
-  }
-  const l = /* @__PURE__ */ new Map([
-    ["length", e],
-    ["getProperty", t]
-  ]);
-  Object.keys(n).reduce((r, s) => (r.set(s, n[s]), r), l);
-  function u(r, s) {
-    const p = r;
-    return typeof s == "number" ? [{ target: p, operator: "length", param: null, value: Number(s) }] : typeof s == "boolean" ? [{ target: p, operator: "getProperty", param: r, value: !!s }] : typeof s == "object" ? Object.keys(s).map((f) => {
-      if (f === "length")
-        return { target: p, operator: "length", param: null, value: s[f] };
-      const h = f, g = s[f];
-      return { target: p, operator: r, param: h, value: g };
-    }) : [];
-  }
-  function i(r) {
-    return Object.keys(r).reduce((p, f) => {
-      const h = u(f, r[f]);
-      return p.push(...h), p;
-    }, []);
-  }
-  function d(r, s) {
-    if (l.has(r.operator)) {
-      const p = l.get(r.operator);
-      return p && p(r.target, r.param, r.value, s) || !1;
-    }
-    return !1;
-  }
-  function C(r, s) {
-    return i(r).reduce((h, g) => h && d(g, s), !0);
-  }
-  function M(r, s) {
-    const p = Object.keys(r), f = p.includes("allOf"), h = p.includes("anyOf"), g = f || h, V = (g ? r[g ? f ? "allOf" : "anyOf" : "allOf"] : [r]).map((D) => C(D, s));
-    return f ? !V.includes(!1) : V.includes(!0);
-  }
-  return { parseValueSchema: M };
-}
-const le = {}, oe = {};
-ce();
-function re(n, e, t = /* @__PURE__ */ new Map(), l = (d, C, M) => C, u = {}, i = (d) => d) {
-  return H[e.title] = e, J[e.title] = l, le[e.title] = u, oe[e.title] = i, (d = {}) => {
-    const C = ae(d, e, t), M = Object.keys(n).reduce((r, s) => (r[s] = n[s].default, r), {});
-    return Object.assign(M, C);
-  };
-}
-function ue(n, e) {
-  return { customClass: e.class };
-}
-const se = /* @__PURE__ */ new Map([
-  ["appearance", ue]
-]);
-function ie(n, e, t) {
-  return e;
-}
-const pe = "capsule", fe = "A Farris Component", ve = "object", me = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, de = {
-  title: pe,
-  description: fe,
-  type: ve,
-  categories: me
-}, q = {
-  items: {
-    Type: Array,
-    default: [
-      { name: "升序", value: "asc", icon: "f-icon f-icon-col-ascendingorder" },
-      { name: "降序", value: "desc", icon: "f-icon f-icon-col-descendingorder" }
-    ]
-  },
-  /**
-   * 组件值
-   */
-  modelValue: { type: String, default: "" },
-  type: { type: String, default: "primary" }
-}, ye = {
-  name: { type: String, default: "" },
-  value: { type: String, default: "" },
-  isActive: { type: Boolean, default: !1 },
-  icon: { type: String, default: "" },
-  index: { type: Number, default: 0 }
-}, _ = re(q, ee, se, ie, de), z = /* @__PURE__ */ F({
-  name: "FCapsuleItem",
-  props: ye,
-  emits: ["mounted", "active"],
-  setup(n, e) {
-    const t = y(), l = y(n.isActive);
-    B(() => n.isActive, (d) => {
-      l.value = d;
-    });
-    const u = A(() => ({
-      "f-capsule-item": !0,
-      "f-capsule-active-item": l.value
-    }));
-    P(() => {
-      e.emit("mounted", t, n.value);
-    });
-    function i(d) {
-      e.emit("active", d, {
-        name: n.name,
-        value: n.value
-      });
-    }
-    return () => O("div", {
-      ref: t,
-      class: u.value,
-      onClick: (d) => i(d)
-    }, [n.icon && O("i", {
-      class: n.icon
-    }, null), n.name]);
-  }
-}), k = /* @__PURE__ */ F({
-  name: "FCapsule",
-  props: q,
-  emits: ["change", "update:modelValue"],
-  setup(n, e) {
-    const t = y(n.items), l = y(), u = 2, i = y(n.modelValue), d = y("none"), C = y(n.type), M = A(() => {
-      const a = {
-        "f-capsule-container": !0
-      };
-      return C.value && (a[C.value] = !0), a;
-    }), r = A(() => ({})), s = A(() => ({
-      "f-capsule": !0
-    })), p = y(u), f = y(0), h = y(0), g = A(() => ({
-      left: `${p.value}px`,
-      width: `${f.value}px`,
-      transition: d.value
-    })), w = A(() => ({
-      width: `${h.value}px`
-    })), S = /* @__PURE__ */ new Map();
-    function V(a) {
-      var o;
-      if (S.has(a.value)) {
-        const c = (o = S.get(a.value)) == null ? void 0 : o.value;
-        if (c) {
-          const m = c.getBoundingClientRect(), b = l.value.getBoundingClientRect();
-          p.value = m.left - b.left + u + l.value.scrollLeft, f.value = m.width - 2 * u;
-        }
-      }
-    }
-    function j(a, o) {
-      const c = a.value;
-      i.value = c, e.emit("update:modelValue", c), V(a), o && e.emit("change", c);
-    }
-    function D(a) {
-      const o = t.value.findIndex((c) => c.value === a);
-      o > -1 && j(t.value[o], !1);
-    }
-    B(() => n.modelValue, (a) => {
-      i.value = a, D(i.value);
-    }), B(() => n.items, async (a) => {
-      t.value = a, await T(), D(i.value), h.value = Array.from(S.values()).reduce((o, c) => (o += c.value.clientWidth, o), 0);
-    }), P(async () => {
-      D(i.value), await T(), d.value = "0.1s ease-out all", h.value = Array.from(S.values()).reduce((a, o) => (a += o.value.clientWidth, a), 0);
-    });
-    function $(a, o) {
-      j(o, !0);
-    }
-    function E(a, o) {
-      S.set(o, a);
-    }
-    function v(a, o) {
-      return O(z, {
-        name: a.name,
-        value: a.value,
-        isActive: a.value === i.value,
-        index: o,
-        onMounted: E,
-        onActive: $
-      }, null);
-    }
-    return () => O("span", {
-      ref: l,
-      class: M.value,
-      style: r.value
-    }, [O("span", {
-      class: "f-capsule-pane"
-    }, [t.value.map((a, o) => v(a, o))]), O("small", {
-      class: s.value,
-      style: g.value
-    }, null), O("div", {
-      class: "f-capsule-board",
-      style: w.value
-    }, null)]);
-  }
-});
-function he(n, e, t) {
-  var E;
-  function l() {
-    t != null && t.resolveComponentContext && t.resolveComponentContext();
-  }
-  l();
-  const u = t && t.getStyles && t.getStyles() || "", i = t && t.getDesignerClass && t.getDesignerClass() || "", d = y();
-  function C() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
-  }
-  function M() {
-    return !1;
-  }
-  function r() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
-  }
-  function s() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
-  }
-  function p(v) {
-    if (!v || !v.value)
-      return null;
-    if (v.value.schema && v.value.schema.type === "component")
-      return v.value;
-    const a = y(v == null ? void 0 : v.value.parent), o = p(a);
-    return o || null;
-  }
-  function f(v = e) {
-    const { componentInstance: a, designerItemElementRef: o } = v;
-    return !a || !a.value ? null : a.value.canMove ? o : f(v.parent);
-  }
-  function h(v) {
-    return !!t && t.canAccepts(v);
-  }
-  function g() {
-    return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
-  }
-  function w() {
-  }
-  function S(v, a) {
-    a && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(a);
-  }
-  function V(v) {
-    const { componentType: a } = v;
-    let o = W(a, v);
-    t && t.onResolveNewComponentSchema && (o = t.onResolveNewComponentSchema(v, o));
-    const c = a.toLowerCase().replace("-", "_");
-    return o && !o.id && o.type === a && (o.id = `${c}_${Math.random().toString().slice(2, 6)}`), o;
-  }
-  function j(v, a) {
-    const o = String(v.getAttribute("data-controltype")), c = v.getAttribute("data-feature"), m = c ? JSON.parse(c) : {};
-    m.parentComponentInstance = d.value;
-    let b = W(o, m);
-    t && t.onAcceptNewChildElement && (b = t.onAcceptNewChildElement(v, a, b));
-    const N = o.toLowerCase().replace("-", "_");
-    return b && !b.id && b.type === o && (b.id = `${N}_${Math.random().toString().slice(2, 6)}`), b;
-  }
-  function D(v) {
-  }
-  function $() {
-    return t && t.getPropsConfig ? t.getPropsConfig() : [];
-  }
-  return d.value = {
-    canMove: C(),
-    canSelectParent: M(),
-    canDelete: r(),
-    canNested: !s(),
-    contents: e == null ? void 0 : e.schema.contents,
-    elementRef: n,
-    parent: (E = e == null ? void 0 : e.parent) == null ? void 0 : E.componentInstance,
-    schema: e == null ? void 0 : e.schema,
-    styles: u,
-    designerClass: i,
-    canAccepts: h,
-    getBelongedComponentInstance: p,
-    getDraggableDesignItemElement: f,
-    getDraggingDisplayText: g,
-    getPropConfig: $,
-    getDragScopeElement: w,
-    onAcceptMovedChildElement: S,
-    onAcceptNewChildElement: j,
-    onChildElementMovedOut: D,
-    addNewChildComponentSchema: V,
-    updateDragAndDropRules: l,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || y(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || y(!1)
-  }, d;
-}
-const be = /* @__PURE__ */ F({
-  name: "FCapsuleDesign",
-  props: q,
-  emits: ["change", "update:modelValue"],
-  setup(n, e) {
-    const t = y(n.items), l = y(), u = 2, i = y(n.modelValue), d = y("none"), C = y(n.type), M = Q("design-item-context"), r = he(l, M);
-    P(() => {
-      l.value.componentInstance = r;
-    }), e.expose(r.value);
-    const s = A(() => {
-      const c = {
-        "f-capsule-container": !0
-      };
-      return C.value && (c[C.value] = !0), c;
-    }), p = A(() => ({})), f = A(() => ({
-      "f-capsule": !0
-    })), h = y(u), g = y(0), w = y(0), S = A(() => ({
-      left: `${h.value}px`,
-      width: `${g.value}px`,
-      transition: d.value
-    })), V = A(() => ({
-      width: `${w.value}px`
-    })), j = /* @__PURE__ */ new Map();
-    function D(c) {
-      var m;
-      if (j.has(c.value)) {
-        const b = (m = j.get(c.value)) == null ? void 0 : m.value;
-        if (b) {
-          const N = b.getBoundingClientRect(), G = l.value.getBoundingClientRect();
-          h.value = N.left - G.left + u + l.value.scrollLeft, g.value = N.width - 2 * u;
-        }
-      }
-    }
-    function $(c, m) {
-      const b = c.value;
-      i.value = b, e.emit("update:modelValue", b), D(c), m && e.emit("change", b);
-    }
-    function E(c) {
-      const m = t.value.findIndex((b) => b.value === c);
-      m > -1 && $(t.value[m], !1);
-    }
-    B(() => n.modelValue, (c) => {
-      i.value = c, E(i.value);
-    }), B(() => n.items, async (c) => {
-      t.value = c, await T(), E(i.value), w.value = Array.from(j.values()).reduce((m, b) => (m += b.value.clientWidth, m), 0);
-    }), P(async () => {
-      E(i.value), await T(), d.value = "0.1s ease-out all", w.value = Array.from(j.values()).reduce((c, m) => (c += m.value.clientWidth, c), 0);
-    });
-    function v(c, m) {
-      $(m, !0);
-    }
-    function a(c, m) {
-      j.set(m, c);
-    }
-    function o(c, m) {
-      return O(z, {
-        name: c.name,
-        value: c.value,
-        isActive: c.value === i.value,
-        index: m,
-        onMounted: a,
-        onActive: v
-      }, null);
-    }
-    return () => O("span", {
-      ref: l,
-      class: s.value,
-      style: p.value
-    }, [O("span", {
-      class: "f-capsule-pane"
-    }, [t.value.map((c, m) => o(c, m))]), O("small", {
-      class: f.value,
-      style: S.value
-    }, null), O("div", {
-      class: "f-capsule-board",
-      style: V.value
-    }, null)]);
-  }
-}), Oe = {
-  install(n) {
-    n.component(k.name, k);
-  },
-  register(n, e, t) {
-    n.capsule = k, e.capsule = _;
-  },
-  registerDesigner(n, e, t) {
-    n.capsule = be, e.capsule = _;
-  }
-};
-export {
-  k as Capsule,
-  ye as capsuleItemProps,
-  q as capsuleProps,
-  Oe as default,
-  _ as propsResolver
-};

package/capsule/index.umd.js

@@ -1 +0,0 @@
-(function(M,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],n):(M=typeof globalThis<"u"?globalThis:M||self,n(M.capsule={},M.Vue,M.LodashES))})(this,function(M,n,_){"use strict";const H={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/capsule.schema.json",title:"capsule",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a capsule",type:"string"},type:{description:"The type string of capsule component",type:"string",default:"capsule"},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"]},W={},q={};function P(a){const{properties:e,title:t}=a,r=Object.keys(e).reduce((u,p)=>(u[p]=e[p].type==="object"&&e[p].properties?P(e[p]):_.cloneDeep(e[p].default),u),{});return r.id=`${t}-${Date.now()}`,r}function B(a,e={}){const t=W[a];if(t){let r=P(t);const u=q[a];return r=u?u({getSchemaByType:B},r,e):r,r}return null}function J(a,e){const t=P(e);return Object.keys(a).reduce((r,u)=>(r[u]=a[u],r),t),t}function z(a,e){return Object.keys(a).filter(r=>a[r]!=null).reduce((r,u)=>{if(e.has(u)){const p=e.get(u);if(typeof p=="string")r[p]=a[u];else{const h=p(u,a[u],a);Object.assign(r,h)}}else r[u]=a[u];return r},{})}function G(a,e,t=new Map){const r=J(a,e);return z(r,t)}function Q(a={}){function e(s,i,f,d){if(typeof f=="number")return d[s].length===f;if(typeof f=="object"){const v=Object.keys(f)[0],C=f[v];if(v==="not")return Number(d[s].length)!==Number(C);if(v==="moreThan")return Number(d[s].length)>=Number(C);if(v==="lessThan")return Number(d[s].length)<=Number(C)}return!1}function t(s,i,f,d){return d[i]&&d[i].propertyValue&&String(d[i].propertyValue.value)===String(f)}const r=new Map([["length",e],["getProperty",t]]);Object.keys(a).reduce((s,i)=>(s.set(i,a[i]),s),r);function u(s,i){const f=s;return typeof i=="number"?[{target:f,operator:"length",param:null,value:Number(i)}]:typeof i=="boolean"?[{target:f,operator:"getProperty",param:s,value:!!i}]:typeof i=="object"?Object.keys(i).map(d=>{if(d==="length")return{target:f,operator:"length",param:null,value:i[d]};const v=d,C=i[d];return{target:f,operator:s,param:v,value:C}}):[]}function p(s){return Object.keys(s).reduce((f,d)=>{const v=u(d,s[d]);return f.push(...v),f},[])}function h(s,i){if(r.has(s.operator)){const f=r.get(s.operator);return f&&f(s.target,s.param,s.value,i)||!1}return!1}function g(s,i){return p(s).reduce((v,C)=>v&&h(C,i),!0)}function j(s,i){const f=Object.keys(s),d=f.includes("allOf"),v=f.includes("anyOf"),C=d||v,A=(C?s[C?d?"allOf":"anyOf":"allOf"]:[s]).map(S=>g(S,i));return d?!A.includes(!1):A.includes(!0)}return{parseValueSchema:j}}const U={},X={};Q();function Y(a,e,t=new Map,r=(h,g,j)=>g,u={},p=h=>h){return W[e.title]=e,q[e.title]=r,U[e.title]=u,X[e.title]=p,(h={})=>{const g=G(h,e,t),j=Object.keys(a).reduce((s,i)=>(s[i]=a[i].default,s),{});return Object.assign(j,g)}}function Z(a,e){return{customClass:e.class}}const I=new Map([["appearance",Z]]);function K(a,e,t){return e}const R={title:"capsule",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},$={items:{Type:Array,default:[{name:"升序",value:"asc",icon:"f-icon f-icon-col-ascendingorder"},{name:"降序",value:"desc",icon:"f-icon f-icon-col-descendingorder"}]},modelValue:{type:String,default:""},type:{type:String,default:"primary"}},F={name:{type:String,default:""},value:{type:String,default:""},isActive:{type:Boolean,default:!1},icon:{type:String,default:""},index:{type:Number,default:0}},k=Y($,H,I,K,R),L=n.defineComponent({name:"FCapsuleItem",props:F,emits:["mounted","active"],setup(a,e){const t=n.ref(),r=n.ref(a.isActive);n.watch(()=>a.isActive,h=>{r.value=h});const u=n.computed(()=>({"f-capsule-item":!0,"f-capsule-active-item":r.value}));n.onMounted(()=>{e.emit("mounted",t,a.value)});function p(h){e.emit("active",h,{name:a.name,value:a.value})}return()=>n.createVNode("div",{ref:t,class:u.value,onClick:h=>p(h)},[a.icon&&n.createVNode("i",{class:a.icon},null),a.name])}}),T=n.defineComponent({name:"FCapsule",props:$,emits:["change","update:modelValue"],setup(a,e){const t=n.ref(a.items),r=n.ref(),u=2,p=n.ref(a.modelValue),h=n.ref("none"),g=n.ref(a.type),j=n.computed(()=>{const c={"f-capsule-container":!0};return g.value&&(c[g.value]=!0),c}),s=n.computed(()=>({})),i=n.computed(()=>({"f-capsule":!0})),f=n.ref(u),d=n.ref(0),v=n.ref(0),C=n.computed(()=>({left:`${f.value}px`,width:`${d.value}px`,transition:h.value})),w=n.computed(()=>({width:`${v.value}px`})),O=new Map;function A(c){var l;if(O.has(c.value)){const o=(l=O.get(c.value))==null?void 0:l.value;if(o){const y=o.getBoundingClientRect(),b=r.value.getBoundingClientRect();f.value=y.left-b.left+u+r.value.scrollLeft,d.value=y.width-2*u}}}function V(c,l){const o=c.value;p.value=o,e.emit("update:modelValue",o),A(c),l&&e.emit("change",o)}function S(c){const l=t.value.findIndex(o=>o.value===c);l>-1&&V(t.value[l],!1)}n.watch(()=>a.modelValue,c=>{p.value=c,S(p.value)}),n.watch(()=>a.items,async c=>{t.value=c,await n.nextTick(),S(p.value),v.value=Array.from(O.values()).reduce((l,o)=>(l+=o.value.clientWidth,l),0)}),n.onMounted(async()=>{S(p.value),await n.nextTick(),h.value="0.1s ease-out all",v.value=Array.from(O.values()).reduce((c,l)=>(c+=l.value.clientWidth,c),0)});function D(c,l){V(l,!0)}function N(c,l){O.set(l,c)}function m(c,l){return n.createVNode(L,{name:c.name,value:c.value,isActive:c.value===p.value,index:l,onMounted:N,onActive:D},null)}return()=>n.createVNode("span",{ref:r,class:j.value,style:s.value},[n.createVNode("span",{class:"f-capsule-pane"},[t.value.map((c,l)=>m(c,l))]),n.createVNode("small",{class:i.value,style:C.value},null),n.createVNode("div",{class:"f-capsule-board",style:w.value},null)])}});function x(a,e,t){var N;function r(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}r();const u=t&&t.getStyles&&t.getStyles()||"",p=t&&t.getDesignerClass&&t.getDesignerClass()||"",h=n.ref();function g(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function j(){return!1}function s(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function i(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function f(m){if(!m||!m.value)return null;if(m.value.schema&&m.value.schema.type==="component")return m.value;const c=n.ref(m==null?void 0:m.value.parent),l=f(c);return l||null}function d(m=e){const{componentInstance:c,designerItemElementRef:l}=m;return!c||!c.value?null:c.value.canMove?l:d(m.parent)}function v(m){return!!t&&t.canAccepts(m)}function C(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function w(){}function O(m,c){c&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(c)}function A(m){const{componentType:c}=m;let l=B(c,m);t&&t.onResolveNewComponentSchema&&(l=t.onResolveNewComponentSchema(m,l));const o=c.toLowerCase().replace("-","_");return l&&!l.id&&l.type===c&&(l.id=`${o}_${Math.random().toString().slice(2,6)}`),l}function V(m,c){const l=String(m.getAttribute("data-controltype")),o=m.getAttribute("data-feature"),y=o?JSON.parse(o):{};y.parentComponentInstance=h.value;let b=B(l,y);t&&t.onAcceptNewChildElement&&(b=t.onAcceptNewChildElement(m,c,b));const E=l.toLowerCase().replace("-","_");return b&&!b.id&&b.type===l&&(b.id=`${E}_${Math.random().toString().slice(2,6)}`),b}function S(m){}function D(){return t&&t.getPropsConfig?t.getPropsConfig():[]}return h.value={canMove:g(),canSelectParent:j(),canDelete:s(),canNested:!i(),contents:e==null?void 0:e.schema.contents,elementRef:a,parent:(N=e==null?void 0:e.parent)==null?void 0:N.componentInstance,schema:e==null?void 0:e.schema,styles:u,designerClass:p,canAccepts:v,getBelongedComponentInstance:f,getDraggableDesignItemElement:d,getDraggingDisplayText:C,getPropConfig:D,getDragScopeElement:w,onAcceptMovedChildElement:O,onAcceptNewChildElement:V,onChildElementMovedOut:S,addNewChildComponentSchema:A,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||n.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||n.ref(!1)},h}const ee=n.defineComponent({name:"FCapsuleDesign",props:$,emits:["change","update:modelValue"],setup(a,e){const t=n.ref(a.items),r=n.ref(),u=2,p=n.ref(a.modelValue),h=n.ref("none"),g=n.ref(a.type),j=n.inject("design-item-context"),s=x(r,j);n.onMounted(()=>{r.value.componentInstance=s}),e.expose(s.value);const i=n.computed(()=>{const o={"f-capsule-container":!0};return g.value&&(o[g.value]=!0),o}),f=n.computed(()=>({})),d=n.computed(()=>({"f-capsule":!0})),v=n.ref(u),C=n.ref(0),w=n.ref(0),O=n.computed(()=>({left:`${v.value}px`,width:`${C.value}px`,transition:h.value})),A=n.computed(()=>({width:`${w.value}px`})),V=new Map;function S(o){var y;if(V.has(o.value)){const b=(y=V.get(o.value))==null?void 0:y.value;if(b){const E=b.getBoundingClientRect(),ne=r.value.getBoundingClientRect();v.value=E.left-ne.left+u+r.value.scrollLeft,C.value=E.width-2*u}}}function D(o,y){const b=o.value;p.value=b,e.emit("update:modelValue",b),S(o),y&&e.emit("change",b)}function N(o){const y=t.value.findIndex(b=>b.value===o);y>-1&&D(t.value[y],!1)}n.watch(()=>a.modelValue,o=>{p.value=o,N(p.value)}),n.watch(()=>a.items,async o=>{t.value=o,await n.nextTick(),N(p.value),w.value=Array.from(V.values()).reduce((y,b)=>(y+=b.value.clientWidth,y),0)}),n.onMounted(async()=>{N(p.value),await n.nextTick(),h.value="0.1s ease-out all",w.value=Array.from(V.values()).reduce((o,y)=>(o+=y.value.clientWidth,o),0)});function m(o,y){D(y,!0)}function c(o,y){V.set(y,o)}function l(o,y){return n.createVNode(L,{name:o.name,value:o.value,isActive:o.value===p.value,index:y,onMounted:c,onActive:m},null)}return()=>n.createVNode("span",{ref:r,class:i.value,style:f.value},[n.createVNode("span",{class:"f-capsule-pane"},[t.value.map((o,y)=>l(o,y))]),n.createVNode("small",{class:d.value,style:O.value},null),n.createVNode("div",{class:"f-capsule-board",style:A.value},null)])}}),te={install(a){a.component(T.name,T)},register(a,e,t){a.capsule=T,e.capsule=k},registerDesigner(a,e,t){a.capsule=ee,e.capsule=k}};M.Capsule=T,M.capsuleItemProps=F,M.capsuleProps=$,M.default=te,M.propsResolver=k,Object.defineProperties(M,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/capsule/package.json

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