@farris/ui-vue 1.2.8 → 1.2.9

package/components/calendar/index.umd.cjs

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

package/components/capsule/index.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent as F, ref as y, watch as D, computed as M, onMounted as P, createVNode as A, nextTick as T, inject as H } from "vue";
+import { defineComponent as F, ref as y, watch as D, computed as S, onMounted as P, createVNode as w, nextTick as T, inject as H } from "vue";
 import { cloneDeep as Q } from "lodash-es";
 import { withInstall as U } from "../common/index.esm.js";
 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", x = {
@@ -76,101 +76,101 @@ const X = "https://json-schema.org/draft/2020-12/schema", Y = "https://farris-de
   required: ee
 }, q = {}, _ = {};
 function W(n) {
-  const { properties: e, title: r } = n, l = Object.keys(e).reduce((u, o) => (u[o] = e[o].type === "object" && e[o].properties ? W(e[o]) : Q(e[o].default), u), {});
-  return l.id = `${r}-${Date.now()}`, l;
+  const { properties: e, title: u, ignore: l } = n, c = l && Array.isArray(l), o = Object.keys(e).reduce((i, g) => ((!c || !l.find((O) => O == g)) && (i[g] = e[g].type === "object" && e[g].properties ? W(e[g]) : Q(e[g].default)), i), {});
+  return (!c || !l.find((i) => i == "id")) && (o.id = `${u}-${Date.now()}`), o;
 }
-function N(n, e = {}) {
-  const r = q[n];
-  if (r) {
-    let l = W(r);
-    const u = _[n];
-    return l = u ? u({ getSchemaByType: N }, l, e) : l, l;
+function N(n, e = {}, u) {
+  const l = q[n];
+  if (l) {
+    let c = W(l);
+    const o = _[n];
+    return c = o ? o({ getSchemaByType: N }, c, e, u) : c, c;
   }
   return null;
 }
 function ne(n, e) {
-  const r = W(e);
-  return Object.keys(n).reduce((l, u) => (l[u] && typeof l[u] == "object" ? Object.assign(l[u], n[u]) : l[u] = n[u], l), r), r;
+  const u = W(e);
+  return Object.keys(n).reduce((l, c) => (l[c] && typeof l[c] == "object" ? Object.assign(l[c], n[c]) : l[c] = n[c], l), u), u;
 }
 function ae(n, e) {
-  return Object.keys(n).filter((l) => n[l] != null).reduce((l, u) => {
-    if (e.has(u)) {
-      const o = e.get(u);
+  return Object.keys(n).filter((l) => n[l] != null).reduce((l, c) => {
+    if (e.has(c)) {
+      const o = e.get(c);
       if (typeof o == "string")
-        l[o] = n[u];
+        l[o] = n[c];
       else {
-        const d = o(u, n[u], n);
-        Object.assign(l, d);
+        const i = o(c, n[c], n);
+        Object.assign(l, i);
       }
     } else
-      l[u] = n[u];
+      l[c] = n[c];
     return l;
   }, {});
 }
-function le(n, e, r = /* @__PURE__ */ new Map()) {
+function le(n, e, u = /* @__PURE__ */ new Map()) {
   const l = ne(n, e);
-  return ae(l, r);
+  return ae(l, u);
 }
 function se(n = {}) {
-  function e(s, p, i, f) {
-    if (typeof i == "number")
-      return f[s].length === i;
-    if (typeof i == "object") {
-      const h = Object.keys(i)[0], g = i[h];
+  function e(r, f, p, d) {
+    if (typeof p == "number")
+      return d[r].length === p;
+    if (typeof p == "object") {
+      const h = Object.keys(p)[0], b = p[h];
       if (h === "not")
-        return Number(f[s].length) !== Number(g);
+        return Number(d[r].length) !== Number(b);
       if (h === "moreThan")
-        return Number(f[s].length) >= Number(g);
+        return Number(d[r].length) >= Number(b);
       if (h === "lessThan")
-        return Number(f[s].length) <= Number(g);
+        return Number(d[r].length) <= Number(b);
     }
     return !1;
   }
-  function r(s, p, i, f) {
-    return f[s] && f[s].propertyValue && String(f[s].propertyValue.value) === String(i);
+  function u(r, f, p, d) {
+    return d[r] && d[r].propertyValue && String(d[r].propertyValue.value) === String(p);
   }
   const l = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", r]
+    ["getProperty", u]
   ]);
-  Object.keys(n).reduce((s, p) => (s.set(p, n[p]), s), l);
-  function u(s, p) {
-    const i = s;
-    return typeof p == "number" ? [{ target: i, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: i, operator: "getProperty", param: s, value: !!p }] : typeof p == "object" ? Object.keys(p).map((f) => {
-      if (f === "length")
-        return { target: i, operator: "length", param: null, value: p[f] };
-      const h = f, g = p[f];
-      return { target: i, operator: "getProperty", param: h, value: g };
+  Object.keys(n).reduce((r, f) => (r.set(f, n[f]), r), l);
+  function c(r, f) {
+    const p = r;
+    return typeof f == "number" ? [{ target: p, operator: "length", param: null, value: Number(f) }] : typeof f == "boolean" ? [{ target: p, operator: "getProperty", param: r, value: !!f }] : typeof f == "object" ? Object.keys(f).map((d) => {
+      if (d === "length")
+        return { target: p, operator: "length", param: null, value: f[d] };
+      const h = d, b = f[d];
+      return { target: p, operator: "getProperty", param: h, value: b };
     }) : [];
   }
-  function o(s) {
-    return Object.keys(s).reduce((i, f) => {
-      const h = u(f, s[f]);
-      return i.push(...h), i;
+  function o(r) {
+    return Object.keys(r).reduce((p, d) => {
+      const h = c(d, r[d]);
+      return p.push(...h), p;
     }, []);
   }
-  function d(s, p) {
-    if (l.has(s.operator)) {
-      const i = l.get(s.operator);
-      return i && i(s.target, s.param, s.value, p) || !1;
+  function i(r, f) {
+    if (l.has(r.operator)) {
+      const p = l.get(r.operator);
+      return p && p(r.target, r.param, r.value, f) || !1;
     }
     return !1;
   }
-  function j(s, p) {
-    return o(s).reduce((h, g) => h && d(g, p), !0);
+  function g(r, f) {
+    return o(r).reduce((h, b) => h && i(b, f), !0);
   }
-  function S(s, p) {
-    const i = Object.keys(s), f = i.includes("allOf"), h = i.includes("anyOf"), g = f || h, V = (g ? s[g ? f ? "allOf" : "anyOf" : "allOf"] : [s]).map((C) => j(C, p));
-    return f ? !V.includes(!1) : V.includes(!0);
+  function O(r, f) {
+    const p = Object.keys(r), d = p.includes("allOf"), h = p.includes("anyOf"), b = d || h, V = (b ? r[b ? d ? "allOf" : "anyOf" : "allOf"] : [r]).map((C) => g(C, f));
+    return d ? !V.includes(!1) : V.includes(!0);
   }
-  return { parseValueSchema: S };
+  return { parseValueSchema: O };
 }
-const ce = {}, ue = {};
+const ce = {}, re = {};
 se();
-function re(n, e, r = /* @__PURE__ */ new Map(), l = (d, j, S) => j, u = {}, o = (d) => d) {
-  return q[e.title] = e, _[e.title] = l, ce[e.title] = u, ue[e.title] = o, (d = {}) => {
-    const j = le(d, e, r), S = Object.keys(n).reduce((s, p) => (s[p] = n[p].default, s), {});
-    return Object.assign(S, j);
+function ue(n, e, u = /* @__PURE__ */ new Map(), l = (i, g, O) => g, c = {}, o = (i) => i) {
+  return q[e.title] = e, _[e.title] = l, ce[e.title] = c, re[e.title] = o, (i = {}) => {
+    const g = le(i, e, u), O = Object.keys(n).reduce((r, f) => (r[f] = n[f].default, r), {});
+    return Object.assign(O, g);
   };
 }
 function oe(n, e) {
@@ -179,7 +179,7 @@ function oe(n, e) {
 const ie = /* @__PURE__ */ new Map([
   ["appearance", oe]
 ]);
-function pe(n, e, r) {
+function pe(n, e, u) {
   return e;
 }
 const fe = "capsule", de = "A Farris Component", ve = "object", me = {
@@ -230,34 +230,34 @@ const fe = "capsule", de = "A Farris Component", ve = "object", me = {
   index: { type: Number, default: 0 },
   show: { type: Boolean, default: !0 },
   disabled: { type: Boolean, default: !1 }
-}, J = re(L, te, ie, pe, ye), z = /* @__PURE__ */ F({
+}, J = ue(L, te, ie, pe, ye), z = /* @__PURE__ */ F({
   name: "FCapsuleItem",
   props: he,
   emits: ["mounted", "active"],
   setup(n, e) {
-    const r = y(), l = y(n.isActive);
-    D(() => n.isActive, (d) => {
-      l.value = d;
+    const u = y(), l = y(n.isActive);
+    D(() => n.isActive, (i) => {
+      l.value = i;
     });
-    const u = M(() => ({
+    const c = S(() => ({
       "f-capsule-item": !0,
       "f-capsule-active-item": l.value,
       "f-capsule-disabled": n.disabled
     }));
     P(() => {
-      e.emit("mounted", r, n.value);
+      e.emit("mounted", u, n.value);
     });
-    function o(d) {
-      n.disabled || e.emit("active", d, {
+    function o(i) {
+      n.disabled || e.emit("active", i, {
         name: n.name,
         value: n.value
       });
     }
-    return () => A("div", {
-      ref: r,
-      class: u.value,
-      onClick: (d) => o(d)
-    }, [n.icon && A("i", {
+    return () => w("div", {
+      ref: u,
+      class: c.value,
+      onClick: (i) => o(i)
+    }, [n.icon && w("i", {
       class: n.icon
     }, null), n.name]);
   }
@@ -266,59 +266,59 @@ const fe = "capsule", de = "A Farris Component", ve = "object", me = {
   props: L,
   emits: ["change", "update:modelValue"],
   setup(n, e) {
-    const r = y(n.items), l = y(), u = 2, o = y(n.modelValue), d = y("none"), j = y(n.type), S = M(() => {
+    const u = y(n.items), l = y(), c = 2, o = y(n.modelValue), i = y("none"), g = y(n.type), O = S(() => {
       const a = {
         "f-capsule-container": !0
       };
-      return j.value && (a[j.value] = !0), a;
-    }), s = M(() => ({})), p = M(() => ({
+      return g.value && (a[g.value] = !0), a;
+    }), r = S(() => ({})), f = S(() => ({
       "f-capsule": !0
-    })), i = y(u), f = y(0), h = y(0), g = M(() => ({
-      left: `${i.value}px`,
-      width: `${f.value}px`,
-      transition: d.value
-    })), R = M(() => ({
+    })), p = y(c), d = y(0), h = y(0), b = S(() => ({
+      left: `${p.value}px`,
+      width: `${d.value}px`,
+      transition: i.value
+    })), R = S(() => ({
       width: `${h.value}px`
-    })), O = /* @__PURE__ */ new Map();
+    })), A = /* @__PURE__ */ new Map();
     function V(a) {
       var t;
-      if (O.has(a.value)) {
-        const c = (t = O.get(a.value)) == null ? void 0 : t.value;
-        if (c) {
-          const m = c.getBoundingClientRect(), B = l.value.getBoundingClientRect();
-          i.value = m.left - B.left + u + l.value.scrollLeft, f.value = m.width - 2 * u;
+      if (A.has(a.value)) {
+        const s = (t = A.get(a.value)) == null ? void 0 : t.value;
+        if (s) {
+          const m = s.getBoundingClientRect(), B = l.value.getBoundingClientRect();
+          p.value = m.left - B.left + c + l.value.scrollLeft, d.value = m.width - 2 * c;
         }
       }
     }
-    function w(a, t) {
-      const c = a.value;
-      o.value = c, e.emit("update:modelValue", c), V(a), t && e.emit("change", c);
+    function M(a, t) {
+      const s = a.value;
+      o.value = s, e.emit("update:modelValue", s), V(a), t && e.emit("change", s);
     }
     function C(a) {
-      const t = r.value.findIndex((c) => c.value === a);
-      t > -1 && w(r.value[t], !1);
+      const t = u.value.findIndex((s) => s.value === a);
+      t > -1 && M(u.value[t], !1);
     }
     D(() => n.modelValue, (a) => {
       o.value = a, C(o.value);
     }), D(() => n.items, async (a) => {
-      const t = a.filter((c) => c.show);
-      v(t), r.value = t, await T(), C(o.value), h.value = Array.from(O.values()).reduce((c, m) => (c += m.value.clientWidth, c), 0);
+      const t = a.filter((s) => s.show);
+      v(t), u.value = t, await T(), C(o.value), h.value = Array.from(A.values()).reduce((s, m) => (s += m.value.clientWidth, s), 0);
     }), P(async () => {
-      C(o.value), await T(), d.value = "0.1s ease-out all", h.value = Array.from(O.values()).reduce((a, t) => (a += t.value.clientWidth, a), 0);
+      C(o.value), await T(), i.value = "0.1s ease-out all", h.value = Array.from(A.values()).reduce((a, t) => (a += t.value.clientWidth, a), 0);
     });
     function $(a, t) {
-      w(t, !0);
+      M(t, !0);
     }
     function E(a, t) {
-      O.set(t, a);
+      A.set(t, a);
     }
     function v(a) {
-      Array.from(O.keys()).forEach((t) => {
-        a.find((m) => m.value === t) || O.delete(t);
+      Array.from(A.keys()).forEach((t) => {
+        a.find((m) => m.value === t) || A.delete(t);
       });
     }
-    function b(a, t) {
-      return A(z, {
+    function j(a, t) {
+      return w(z, {
         name: a.name,
         value: a.value,
         isActive: a.value === o.value,
@@ -329,70 +329,70 @@ const fe = "capsule", de = "A Farris Component", ve = "object", me = {
         onActive: $
       }, null);
     }
-    return () => A("span", {
+    return () => w("span", {
       ref: l,
-      class: S.value,
-      style: s.value
-    }, [A("span", {
+      class: O.value,
+      style: r.value
+    }, [w("span", {
       class: "f-capsule-pane"
-    }, [r.value.map((a, t) => b(a, t))]), A("small", {
-      class: p.value,
-      style: g.value
-    }, null), A("div", {
+    }, [u.value.map((a, t) => j(a, t))]), w("small", {
+      class: f.value,
+      style: b.value
+    }, null), w("div", {
       class: "f-capsule-board",
       style: R.value
     }, null)]);
   }
 });
-function ge(n, e, r) {
+function ge(n, e, u) {
   var E;
   function l() {
   }
-  const u = "", o = "", d = y();
-  function j() {
+  const c = "", o = "", i = y();
+  function g() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function S() {
+  function O() {
     return !1;
   }
-  function s() {
+  function r() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function p() {
+  function f() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function i(v) {
+  function p(v) {
     if (!v || !v.value)
       return null;
     if (v.value.schema && v.value.schema.type === "component")
       return v.value;
-    const b = y(v == null ? void 0 : v.value.parent), a = i(b);
+    const j = y(v == null ? void 0 : v.value.parent), a = p(j);
     return a || null;
   }
-  function f(v = e) {
-    const { componentInstance: b, designerItemElementRef: a } = v;
-    return !b || !b.value ? null : b.value.canMove ? a : f(v.parent);
+  function d(v = e) {
+    const { componentInstance: j, designerItemElementRef: a } = v;
+    return !j || !j.value ? null : j.value.canMove ? a : d(v.parent);
   }
   function h(v) {
-    return !!r;
+    return !!u;
   }
-  function g() {
+  function b() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
   function R() {
   }
-  function O(v, b) {
+  function A(v, j) {
   }
-  function V(v) {
-    const { componentType: b } = v;
-    let a = N(b, v);
-    const t = b.toLowerCase().replace("-", "_");
-    return a && !a.id && a.type === b && (a.id = `${t}_${Math.random().toString().slice(2, 6)}`), a;
+  function V(v, j) {
+    const { componentType: a } = v;
+    let t = N(a, v, j);
+    const s = a.toLowerCase().replace("-", "_");
+    return t && !t.id && t.type === a && (t.id = `${s}_${Math.random().toString().slice(2, 6)}`), t;
   }
-  function w(v, b) {
-    const a = String(v.getAttribute("data-controltype")), t = v.getAttribute("data-feature"), c = t ? JSON.parse(t) : {};
-    c.parentComponentInstance = d.value;
-    let m = N(a, c);
+  function M(v, j) {
+    const a = String(v.getAttribute("data-controltype")), t = v.getAttribute("data-feature"), s = t ? JSON.parse(t) : {};
+    s.parentComponentInstance = i.value;
+    let m = N(a, s);
     const B = a.toLowerCase().replace("-", "_");
     return m && !m.id && m.type === a && (m.id = `${B}_${Math.random().toString().slice(2, 6)}`), m;
   }
@@ -400,115 +400,115 @@ function ge(n, e, r) {
   }
   function $(...v) {
   }
-  return d.value = {
-    canMove: j(),
-    canSelectParent: S(),
-    canDelete: s(),
-    canNested: !p(),
+  return i.value = {
+    canMove: g(),
+    canSelectParent: O(),
+    canDelete: r(),
+    canNested: !f(),
     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,
+    styles: c,
     designerClass: o,
     canAccepts: h,
-    getBelongedComponentInstance: i,
-    getDraggableDesignItemElement: f,
-    getDraggingDisplayText: g,
+    getBelongedComponentInstance: p,
+    getDraggableDesignItemElement: d,
+    getDraggingDisplayText: b,
     getPropConfig: $,
     getDragScopeElement: R,
-    onAcceptMovedChildElement: O,
-    onAcceptNewChildElement: w,
+    onAcceptMovedChildElement: A,
+    onAcceptNewChildElement: M,
     onChildElementMovedOut: C,
     addNewChildComponentSchema: V,
     updateDragAndDropRules: l,
     triggerBelongedComponentToMoveWhenMoved: y(!1),
     triggerBelongedComponentToDeleteWhenDeleted: y(!1)
-  }, d;
+  }, i;
 }
 const be = /* @__PURE__ */ F({
   name: "FCapsuleDesign",
   props: L,
   emits: ["change", "update:modelValue"],
   setup(n, e) {
-    const r = y(n.items), l = y(), u = 2, o = y(n.modelValue), d = y("none"), j = y(n.type), S = H("design-item-context"), s = ge(l, S);
+    const u = y(n.items), l = y(), c = 2, o = y(n.modelValue), i = y("none"), g = y(n.type), O = H("design-item-context"), r = ge(l, O);
     P(() => {
-      l.value.componentInstance = s;
-    }), e.expose(s.value);
-    const p = M(() => {
+      l.value.componentInstance = r;
+    }), e.expose(r.value);
+    const f = S(() => {
       const t = {
         "f-capsule-container": !0
       };
-      return j.value && (t[j.value] = !0), t;
-    }), i = M(() => ({})), f = M(() => ({
+      return g.value && (t[g.value] = !0), t;
+    }), p = S(() => ({})), d = S(() => ({
       "f-capsule": !0
-    })), h = y(u), g = y(0), R = y(0), O = M(() => ({
+    })), h = y(c), b = y(0), R = y(0), A = S(() => ({
       left: `${h.value}px`,
-      width: `${g.value}px`,
-      transition: d.value
-    })), V = M(() => ({
+      width: `${b.value}px`,
+      transition: i.value
+    })), V = S(() => ({
       width: `${R.value}px`
-    })), w = /* @__PURE__ */ new Map();
+    })), M = /* @__PURE__ */ new Map();
     function C(t) {
-      var c;
-      if (w.has(t.value)) {
-        const m = (c = w.get(t.value)) == null ? void 0 : c.value;
+      var s;
+      if (M.has(t.value)) {
+        const m = (s = M.get(t.value)) == null ? void 0 : s.value;
         if (m) {
           const B = m.getBoundingClientRect(), G = l.value.getBoundingClientRect();
-          h.value = B.left - G.left + u + l.value.scrollLeft, g.value = B.width - 2 * u;
+          h.value = B.left - G.left + c + l.value.scrollLeft, b.value = B.width - 2 * c;
         }
       }
     }
-    function $(t, c) {
+    function $(t, s) {
       const m = t.value;
-      o.value = m, e.emit("update:modelValue", m), C(t), c && e.emit("change", m);
+      o.value = m, e.emit("update:modelValue", m), C(t), s && e.emit("change", m);
     }
     function E(t) {
-      const c = r.value.findIndex((m) => m.value === t);
-      c > -1 && $(r.value[c], !1);
+      const s = u.value.findIndex((m) => m.value === t);
+      s > -1 && $(u.value[s], !1);
     }
     D(() => n.modelValue, (t) => {
       o.value = t, E(o.value);
     }), D(() => n.items, async (t) => {
-      r.value = t, await T(), E(o.value), R.value = Array.from(w.values()).reduce((c, m) => (c += m.value.clientWidth, c), 0);
+      u.value = t, await T(), E(o.value), R.value = Array.from(M.values()).reduce((s, m) => (s += m.value.clientWidth, s), 0);
     }), P(async () => {
-      E(o.value), await T(), d.value = "0.1s ease-out all", R.value = Array.from(w.values()).reduce((t, c) => (t += c.value.clientWidth, t), 0);
+      E(o.value), await T(), i.value = "0.1s ease-out all", R.value = Array.from(M.values()).reduce((t, s) => (t += s.value.clientWidth, t), 0);
     });
-    function v(t, c) {
-      $(c, !0);
+    function v(t, s) {
+      $(s, !0);
     }
-    function b(t, c) {
-      w.set(c, t);
+    function j(t, s) {
+      M.set(s, t);
     }
-    function a(t, c) {
-      return A(z, {
+    function a(t, s) {
+      return w(z, {
         name: t.name,
         value: t.value,
         isActive: t.value === o.value,
-        index: c,
-        onMounted: b,
+        index: s,
+        onMounted: j,
         onActive: v
       }, null);
     }
-    return () => A("span", {
+    return () => w("span", {
       ref: l,
-      class: p.value,
-      style: i.value
-    }, [A("span", {
-      class: "f-capsule-pane"
-    }, [r.value.map((t, c) => a(t, c))]), A("small", {
       class: f.value,
-      style: O.value
-    }, null), A("div", {
+      style: p.value
+    }, [w("span", {
+      class: "f-capsule-pane"
+    }, [u.value.map((t, s) => a(t, s))]), w("small", {
+      class: d.value,
+      style: A.value
+    }, null), w("div", {
       class: "f-capsule-board",
       style: V.value
     }, null)]);
   }
 });
-k.register = (n, e, r) => {
+k.register = (n, e, u) => {
   n.capsule = k, e.capsule = J;
 };
-k.registerDesigner = (n, e, r) => {
+k.registerDesigner = (n, e, u) => {
   n.capsule = be, e.capsule = J;
 };
 const we = U(k);