@farris/ui-vue 1.0.0-beta.5 → 1.0.0-beta.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/index.esm.js +2 -2
- package/accordion/package.json +1 -1
- package/avatar/index.esm.js +28 -1
- package/avatar/package.json +1 -1
- package/button/index.esm.js +111 -52
- package/button/index.umd.js +1 -1
- package/button/package.json +1 -1
- package/button-edit/index.esm.js +58 -4
- package/button-edit/index.umd.js +1 -1
- package/button-edit/package.json +1 -1
- package/checkbox/index.esm.js +38 -1
- package/checkbox/package.json +1 -1
- package/combo-list/index.esm.js +125 -5
- package/combo-list/package.json +1 -1
- package/data-grid/index.esm.js +235 -143
- package/data-grid/index.umd.js +1 -1
- package/data-grid/package.json +1 -1
- package/date-picker/index.esm.js +70 -13
- package/date-picker/index.umd.js +1 -1
- package/date-picker/package.json +1 -1
- package/farris.all.esm.js +1052 -533
- package/farris.all.umd.js +1 -1
- package/list-view/index.esm.js +3 -3
- package/list-view/index.umd.js +1 -1
- package/list-view/package.json +1 -1
- package/message-box/index.esm.js +35 -35
- package/message-box/index.umd.js +1 -1
- package/message-box/package.json +1 -1
- package/modal/index.esm.js +3 -3
- package/modal/index.umd.js +1 -1
- package/modal/package.json +1 -1
- package/notify/index.esm.js +2 -2
- package/notify/package.json +1 -1
- package/package.json +3 -2
- package/pagination/index.esm.js +4 -4
- package/pagination/index.umd.js +1 -1
- package/pagination/package.json +1 -1
- package/popover/index.esm.js +1 -1
- package/popover/package.json +1 -1
- package/radio-group/index.esm.js +28 -1
- package/radio-group/package.json +1 -1
- package/section/index.esm.js +1 -1
- package/section/package.json +1 -1
- package/switch/index.esm.js +4 -1
- package/switch/package.json +1 -1
- package/tabs/index.esm.js +6 -5
- package/tabs/index.umd.js +1 -1
- package/tabs/package.json +1 -1
- package/text/index.esm.js +4 -1
- package/text/package.json +1 -1
- package/tooltip/index.esm.js +1 -1
- package/tooltip/package.json +1 -1
- package/types/accordion/src/accordion.component.d.ts +4 -2
- package/types/accordion/src/components/accordion-item.component.d.ts +4 -2
- package/types/avatar/src/avatar.component.d.ts +4 -2
- package/types/button/index.d.ts +2 -1
- package/types/button/src/button-group.component.d.ts +4 -2
- package/types/button/src/button.component.d.ts +4 -2
- package/types/button-edit/src/button-edit.component.d.ts +141 -0
- package/types/checkbox/src/checkbox-group.component.d.ts +4 -2
- package/types/combo-list/src/combo-list.component.d.ts +232 -0
- package/types/combo-list/src/components/option.component.d.ts +4 -2
- package/types/combo-list/src/components/options.component.d.ts +4 -2
- package/types/combo-list/src/components/panel.component.d.ts +25 -0
- package/types/data-grid/src/components/editors/date-picker.component.d.ts +15 -0
- package/types/date-picker/src/components/calendar/calendar.component.d.ts +4 -2
- package/types/date-picker/src/components/calendar-navbar/calendar-navbar.component.d.ts +4 -2
- package/types/date-picker/src/components/date-picker-container/date-picker-container.component.d.ts +4 -2
- package/types/date-picker/src/components/month/month.component.d.ts +4 -2
- package/types/date-picker/src/components/year/year.component.d.ts +4 -2
- package/types/date-picker/src/date-picker.component.d.ts +336 -0
- package/types/list-view/src/components/list-view-checkbox.component.d.ts +4 -2
- package/types/list-view/src/list-view.component.d.ts +60 -0
- package/types/message-box/src/message-box.component.d.ts +4 -2
- package/types/message-box/src/message-box.service.d.ts +20 -0
- package/types/modal/src/modal.component.d.ts +4 -2
- package/types/notify/src/components/toast.component.d.ts +4 -2
- package/types/notify/src/notify.component.d.ts +130 -0
- package/types/notify/src/notify.service.d.ts +4 -0
- package/types/number-range/src/number-range.component.d.ts +4 -2
- package/types/number-spinner/src/number-spinner.component.d.ts +4 -2
- package/types/overlay/src/overlay.component.d.ts +4 -2
- package/types/pagination/src/pagination.components.d.ts +4 -2
- package/types/popover/src/popover.component.d.ts +4 -2
- package/types/radio-group/src/radio-group.component.d.ts +4 -2
- package/types/section/src/section.component.d.ts +4 -2
- package/types/switch/src/switch.component.d.ts +4 -2
- package/types/tabs/src/components/tab-page.component.d.ts +4 -2
- package/types/tabs/src/tabs.component.d.ts +4 -2
- package/types/text/src/text.component.d.ts +4 -2
- package/types/tooltip/src/composition/use-adjust-position.d.ts +15 -0
- package/types/tooltip/src/tooltip.component.d.ts +4 -2
- package/types/tooltip/src/tooltip.directive.d.ts +5 -0
package/data-grid/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(T,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(T=typeof globalThis<"u"?globalThis:T||self,e(T["data-grid"]={},T.Vue))})(this,function(T,e){"use strict";const ye={enable:{type:Boolean,default:!0},index:{type:Number,default:1},mode:{type:String,default:"server"},showGoto:{type:Boolean,default:!1},showIndex:{type:Boolean,default:!0},showLimits:{type:Boolean,default:!1},showPageInfo:{type:Boolean,default:!0},size:{type:Number,default:20},sizeLimits:{type:Array,default:[10,20,30,50,100]},total:{type:Number,default:0}},me={enable:{type:Boolean,default:!1},fields:{type:Array,default:[]},mode:{type:String,default:"client"},multiSort:{type:Boolean,default:!1}},we={customGroupRow:{type:Function,default:()=>{}},customGroupRowStyle:{type:Function,default:()=>{}},customSummaryStyle:{type:Function,default:()=>{}},enable:{type:Boolean,default:!1},groupColSpan:{type:Number,default:1},groupFields:{type:Array,default:[]},showGroupedColumn:{type:Boolean,default:!0},showGroupPanel:{type:Boolean,default:!1},showSummary:{type:Boolean,default:!1},summaryPosition:{type:String,default:"separate"}},be={enable:{type:Boolean,default:!1},filterStyle:{type:String,default:"filter-column"},mode:{type:String,default:"server"},showSummary:{type:Boolean,default:!0}},Ce={wrapHeadings:{type:Boolean,default:!1}},Se={enable:{type:Boolean,default:!1},heading:{type:String,default:"\u5E8F\u53F7"},width:{type:Number,default:36}},Oe={customRowStyle:{type:Function,default:()=>{}},disable:{type:Function,default:()=>{}},height:{type:Number,default:28},showHovering:{type:Boolean,default:!0},wrapContent:{type:Boolean,default:!1}},xe={enable:{type:Boolean,default:!1},customSummaryStyle:{type:Function,default:()=>{}},groupFields:{type:Array,default:[]},mode:{type:String,default:"client"},position:{type:String,default:"bottom"}},We={fitColumns:{type:Boolean,default:!1},fitMode:{type:String,default:"average"},groups:{type:Array,defaut:[]},reorderColumn:{type:Boolean,default:!1},resizeColumn:{type:Boolean,default:!0},resizeColumnOnDoubleClick:{type:Boolean,default:!0}},He={checkOnSelect:{type:Boolean,default:!1},clearSelectionOnEmpty:{type:Boolean,default:!0},customSelectionItem:{type:Function,default:()=>{}},enabelSelectRow:{type:Boolean,default:!0},keepSelectingOnClick:{type:Boolean,default:!0},keepSelectingOnPaging:{type:Boolean,default:!0},multiSelect:{type:Boolean,default:!1},focusSelection:{type:String,default:"current"},selectOnCheck:{type:Boolean,default:!1},showCheckbox:{type:Boolean,default:!1},showSelectAll:{type:Boolean,default:!1},showSelection:{type:Boolean,default:!1}},Ve={selectOnEditing:{type:Boolean,default:!1},editMode:{type:String,default:"cell"}},ge={columns:{type:Array,default:[]},columnOption:{type:Object},data:{type:Array,default:[]},disable:{type:Boolean,default:!1},editable:{type:Boolean,default:!1},editOption:{type:Object},filter:{type:Object},fit:{type:Boolean,default:!1},group:{type:Object},header:{type:Object},height:{type:Number,default:300},id:{type:String,default:""},idField:{type:String,default:"id",require:!0},mergeCell:{type:Boolean,default:!1},pagination:{type:Object},rowNumber:{type:Object},rowOption:{type:Object},selection:{type:Object},showBorder:{type:Boolean,default:!1},showFooter:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showOptions:{type:Boolean,default:!1},showScrollBar:{type:String,default:"auto"},showStripe:{type:Boolean,default:!0},sort:{type:Object},summary:{type:Object},virtualized:{type:Boolean,default:!1},width:{type:Number,default:800}};var K=(a=>(a[a.readonly=0]="readonly",a[a.editable=1]="editable",a[a.editing=2]="editing",a))(K||{}),Q=(a=>(a[a.data=0]="data",a[a.group=1]="group",a[a.summary=2]="summary",a))(Q||{});function Ne(a,v,c,w,W,b,D){var N,h;const $=e.ref(a.mergeCell),p=e.ref(a.rowOption),j=((N=p.value)==null?void 0:N.height)||28,f=((h=p.value)==null?void 0:h.wrapContent)||!1,i=e.ref(W-1+b),C=e.ref(0);function r(y,H,O){const G=H&&H.data[O];if(G&&G.data===y.data){const _=G&&G.spannedBy||G;_.rowSpan++,_.spanned=_.spanned||[],_.spanned.push(y),y.colSpan=0,y.rowSpan=0,y.spannedBy=_}}function u(y,H,O,G,x,_){const t=y.__fv_data_index__,n={index:G,dataIndex:t,top:x,layer:-1,type:Q.data,pre:H,data:{},setRef:o=>{n.ref=o}};if(!f){n.height=j,y.__fv_data_height__=n.height;const o=n.pre;if(o){const g=(o.__fv_data_position__||0)+(o.__fv_data_height__||0);n.top=g,y.__fv_data_position__=g}}return _.forEach((o,g)=>{const d={colSpan:1,rowSpan:1,index:g,field:o.field,mode:o.readonly?K.readonly:K.editable,data:y[o.field],parent:n,getEditor(V){return D.getEditor(V,o)},setRef:V=>{if(f&&V){const F=d.parent;d.cellHeight!==V.offsetHeight&&(d.cellHeight=V.offsetHeight),d.cellHeight&&d.cellHeight>(F.height||0)&&(F.height=d.cellHeight,y.__fv_data_height__=F.height);const S=F.pre;if(S){const P=(S.__fv_data_position__||0)+(S.__fv_data_height__||0);F.top=P,y.__fv_data_position__=P}}},update:V=>{V!==void 0&&(y[o.field]=V,d.data=y[o.field])}};$.value&&r(d,O,o.field),n.data[o.field]=d}),n}function s(y,H,O,G){const{dataView:x}=w,_=[],t=G?Date.now().toString():"";for(let n=y,o=0;n<H;n++,o++){const g=x.value[n],d=x.value[n-1]||O,V=_[o-1],F=d?(d.__fv_data_position__||0)+(d.__fv_data_height__||0):0,S=g.__fv_data_grid_group_row__?c.renderGroupRow(g,d,n,F,v.value):g.__fv_data_grid_group_summary__?c.renderSummaryRow(g,d,n,F,v.value):u(g,d,V,n,F,v.value);S.refreshKey=t,_.push(S)}return C.value=_[0].index,i.value=_[_.length-1].index,_}function l(y,H,O){const G=H.groupField||"",{groupValue:x}=H;w[y](G,x);const{dataView:_}=w,t=O[0].index,n=Math.min(t+W+b+1,_.value.length);return s(t,n)}return{getVisualData:s,maxVisibleRowIndex:i,minVisibleRowIndex:C,toggleGroupRow:l}}function $e(a,v){var C;const c=((C=a.rowOption)==null?void 0:C.height)||28,w=e.ref(v.value.primaryColumnsWidth);function W(r){const u={};return r.reduce((s,l,N)=>{const h=N<r.length-1?r[N+1]:null;return N===0&&(s[l.field]={left:0,width:0}),s[l.field].width=l.actualWidth||0,h&&(s[h.field]={left:s[l.field].left+(l.actualWidth||0),width:0}),s},u),u}function b(r,u,s){const l=c*(s+1),h=u[r.field].left-l+u[r.field].width,y=r.parent.height?`${r.parent.height}px`:"";return{left:`${l}px`,width:`${h}px`,height:`${y}`}}function D(r,u,s){return{right:"0px",height:`${r.parent.height?`${r.parent.height}px`:""}`}}function $(r,u){const s=r.parent.height?`${r.parent.height}px`:"";return{left:`${u[r.field].left}px`,width:`${u[r.field].width}px`,height:`${s}`}}function p(r,u,s){const N=(u.spanned||[]).reduce((y,H)=>y+(H.parent.height||0),0)+(r.height||0);return{top:`${r.top}px`,left:`${s[u.field].left}px`,width:`${s[u.field].width}px`,height:`${N}px`,padding:`calc(${N/2}px - 1rem) 0`}}function j(r,u){return`${r.type}_r_${r.index}_c_${u}_${r.refreshKey||""}`}function f(r){return`${r.type}_r_${r.index}_${r.refreshKey||""}`}function i(r){const u=r.height?`${r.height}px`:"";return{top:`${r.top}px`,width:`${w.value}px`,height:`${u}`}}return e.watch(v,()=>{w.value=v.value.primaryColumnsWidth}),{calculateCellPositionInRow:W,cellKey:j,cellPosition:$,groupCellPosition:b,rowKey:f,rowPosition:i,rowSpanCellPosition:p,summaryCellPosition:D}}function Ge(a,v,c,w,W,b,D,$){var Y;const{dataView:p}=v,{getVisualData:j,maxVisibleRowIndex:f,minVisibleRowIndex:i}=W,C=e.ref(w.value.primaryColumnsWidth),r=e.ref(w.value.leftColumnsWidth),u=e.ref(w.value.rightColumnsWidth),s=((Y=a.rowOption)==null?void 0:Y.height)||28,l=e.ref(0),N=e.ref(0);let h=0,y=b-1;const H=e.ref(0),O=e.ref(0),G=e.ref(0),x=s*b,_=e.computed(()=>p.value.length*s),t=e.computed(()=>p.value.length>b+D?Math.floor((b+D)/p.value.length*O.value):O.value),n=e.computed(()=>Math.floor(G.value/C.value*H.value)),o=0,g=0,d=e.computed(()=>H.value-(r.value+C.value+u.value+$.value));function V(){const B=f.value<p.value.length?p.value[f.value]:p.value[p.value.length-1];return(B.__fv_data_position__||0)+(B.__fv_data_height__||0)+Math.max(p.value.length-1-f.value,0)*s}function F(B){const E=p.value.find(L=>L.__fv_data_position__>B);return E?E.__fv_index__-1:0}function S(B){const E=Math.max(h-D,0),L=Math.min(y+D+1,p.value.length),q=p.value[E-1],de=j(E,L,q,B);de.length&&(c.value=[...de])}function P(B){let E=l.value+B;E>o&&(E=o);const L=E>o,q=V(),de=q>O.value;de&&E<O.value-q&&(E=O.value-q),(!de||L)&&(E=o),l.value!==E&&(l.value=E,h=F(Math.abs(l.value)),y=h+b,(h<i.value||y>f.value-D/2)&&S())}function k(B){let E=N.value+B;E>g&&(E=g),E<d.value&&(E=d.value),N.value!==E&&(N.value=E)}e.watch(G,()=>{k(0)}),e.watch(w,()=>{C.value=w.value.primaryColumnsWidth,r.value=w.value.leftColumnsWidth,u.value=w.value.rightColumnsWidth});function A(B){B.preventDefault(),B.stopPropagation();const E=(B.wheelDeltaY||B.deltaY)/10,L=(B.wheelDeltaX||B.deltaX)/10;P(E),k(L)}const X=e.computed(()=>({height:`${p.value.length*s}px`,width:`${r.value}px`,transform:`translateY(${l.value}px)`})),U=e.computed(()=>({transform:`translateY(${l.value}px)`})),J=e.computed(()=>({height:`${p.value.length*s}px`,width:`${C.value}px`,transform:`translate(${N.value}px, ${l.value}px)`})),ee=e.computed(()=>({transform:`translate(${N.value}px, ${l.value}px)`})),oe=e.computed(()=>({height:`${p.value.length*s}px`,width:`${u.value}px`,transform:`translateY(${l.value}px)`})),te=e.computed(()=>({transform:`translateY(${l.value}px)`})),ae=e.computed(()=>({height:`${p.value.length*s}px`,width:`${$.value}px`,transform:`translateY(${l.value}px)`})),le=e.computed(()=>({width:`${r.value}px`})),ce=e.computed(()=>({transform:`translateX(${N.value}px)`})),fe=e.computed(()=>({width:`${u.value}px`})),he=e.computed(()=>{const B=V();return l.value/(O.value-B)*(O.value-t.value)}),pe=e.computed(()=>({height:`${t.value}px`,top:`${he.value}px`})),ie=e.computed(()=>N.value/d.value*(H.value-n.value)),se=e.computed(()=>({width:`${n.value}px`,left:`${ie.value}px`})),ne=e.ref(!1),Z=e.ref(-1),I=e.ref(-1);let re;function m(B){if(ne.value&&I.value!==-1){const E=I.value-B.pageX,L=H.value-n.value;if(Math.abs(E)<=L){const q=E/(G.value-n.value)*(C.value-G.value);k(q),I.value=B.pageX}}}function R(B){if(ne.value&&Z.value!==-1){const E=Z.value-B.pageY,L=x-t.value;if(Math.abs(E)<=L){const q=E/(x-t.value)*(_.value-x);P(q),Z.value=B.pageY}}}function M(B){ne.value=!1,Z.value=-1,I.value=-1,document.removeEventListener("mouseup",M),re&&(re.removeEventListener("mousemove",m),re.removeEventListener("mousemove",R)),document.body.style.userSelect=""}function z(B,E,L){ne.value=!0;const q=L==="horizontal"?m:R;L==="vertical"&&(Z.value=B.pageY),L==="horizontal"&&(I.value=B.pageX),E.value&&(E.value.addEventListener("mousemove",q),re=E.value,document.addEventListener("mouseup",M),document.body.style.userSelect="none")}return{onMouseDownScrollThumb:z,onWheel:A,dataGridWidth:H,gridDataStyle:J,gridHeaderColumnsStyle:ce,gridMergedDataStyle:ee,gridSideStyle:ae,viewPortWidth:G,viewPortHeight:O,horizontalScrollThumbStyle:se,leftFixedGridDataStyle:X,leftFixedGridHeaderColumnsStyle:le,leftFixedGridMergedDataStyle:U,reCalculateVisualDataRows:S,rightFixedGridDataStyle:oe,rightFixedGridHeaderColumnsStyle:fe,rightFixedGridMergedDataStyle:te,verticalScrollThumbStyle:pe}}function De(a){const v=e.ref(a.idField),c=e.ref(-1),w=e.ref("");function W(p){return{"fv-grid-row":p.type===Q.data,"fv-grid-group-row":p.type===Q.group,"fv-grid-summary-row":p.type===Q.summary,"fv-grid-row-hover":p.index===c.value,"fv-grid-row-selected":p.data[v.value].data===w.value,"fv-grid-row-odd":p.dataIndex%2>0,"fv-grid-row-even":p.dataIndex%2===0}}function b(p,j){w.value=j.data[v.value].data}function D(p,j){c.value=j.index}function $(p){return{"fv-grid-sidebar-row":!0,"fv-grid-sidebar-row-hover":p.index===c.value,"fv-grid-sidebar-row-selected":p.data[v.value].data===w.value,"fv-grid-sidebar-row-odd":p.dataIndex%2>0,"fv-grid-sidebar-row-even":p.dataIndex%2===0}}return{gridRowClass:W,onClickRow:b,onMouseoverRow:D,sidebarRowClass:$}}function je(a){const c=e.ref({defaultColumnWidth:120,headerDepth:1,leftColumns:[],leftColumnsWidth:0,leftHeaderColumns:[],primaryColumns:[],primaryColumnsWidth:0,primaryHeaderColumns:[],rightColumns:[],rightColumnsWidth:0,rightHeaderColumns:[],summaryColumns:[]}),w=e.ref(a.summary),W=e.computed(()=>{const p=w.value;return(p==null?void 0:p.groupFields)||[]});function b(p){const j=new Map;return W.value&&W.value.reduce((f,i)=>(f.set(i,!0),f),j),p.reduce((f,i)=>(i.fixed==="left"?(c.value.leftColumns.push(i),c.value.leftColumnsWidth+=i.actualWidth||120):i.fixed==="right"?(c.value.rightColumns.push(i),c.value.rightColumnsWidth+=i.actualWidth||120):(c.value.primaryColumns.push(i),c.value.primaryColumnsWidth+=i.actualWidth||120),j.has(i.field)&&c.value.summaryColumns.push(i),f),c),c}b(a.columns);const D=e.computed(()=>c.value.leftColumns.length>0),$=e.computed(()=>c.value.rightColumns.length>0);return{columnContext:c,hasLeftFixedColumn:D,hasRightFixedColumn:$}}function Fe(a,v){var j;const c=e.ref((j=a.columnOption)==null?void 0:j.groups);function w(f,i,C,r,u){const s={actualWidth:0,children:[],depth:1,field:f.field,layer:1,left:0,parent:C,resizable:!1,title:f.title||""},l=r||s;if(f.group){let N=1;f.group.reduce((h,y)=>{if(typeof y=="string"){const H=i.get(y);H&&(u.fieldToRootMap.set(y,l),h.actualWidth+=H.actualWidth,h.children.push(H))}else{const H=w(y,i,h,l,u);N=Math.max(N,H.depth),h.actualWidth+=H.actualWidth,h.children.push(H)}return h},s),s.depth+=N}return v.value.headerDepth=Math.max(v.value.headerDepth,s.depth),s}function W(f){const i={groupedCells:new Map,fieldToRootMap:new Map};return c.value&&c.value.reduce((C,r)=>{const u=w(r,f,null,null,i);return C.groupedCells.set(r.field,u),C},i),i}function b(f){if(!f||f.length===0)return 0;const i=f[0];return i.children&&i.children.length>0&&(i.left=b(i.children)),i.left}function D(f,i){const C=v.value.headerDepth;f.forEach(r=>{r.layer=i?i.layer+1:1;const u=r.children&&r.children.length===0;r.depth=u?C-(r.layer-1):1,r.left=u?r.left:b(r.children),r.children&&D(r.children,r)})}function $(f,i){const C=new Map;return f.forEach(r=>{const u=i.fieldToRootMap.get(r.field),s=u!=null;s&&!C.has(u.field)&&C.set(u.field,u),s||C.set(r.field,r)}),D(Array.from(C.values())),C}function p(f){let i=new Map,C=0;if(f.reduce((r,u)=>(r.set(u.field,{actualWidth:u.actualWidth||0,children:[],depth:1,layer:1,left:C,field:u.field,parent:null,resizable:u.resizable||!1,title:u.title}),C+=u.actualWidth||0,r),i),c.value){const r=W(i);i=$(i,r)}return i}return{getGridHeaderCells:p}}function Be(a,v){var H,O,G,x,_;const{getGridHeaderCells:c}=Fe(a,v),w=120,W=32,b=e.ref(((H=a.rowNumber)==null?void 0:H.enable)||!1),D=e.ref(((O=a.selection)==null?void 0:O.multiSelect)||!1),$=e.ref(0+(b.value&&((G=a.rowNumber)==null?void 0:G.width)||0)+(D.value?W:0)),p=e.ref(((x=a.columnOption)==null?void 0:x.fitColumns)||!1),j=e.ref(p.value&&((_=a.columnOption)==null?void 0:_.fitMode)||"none");function f(t,n,o){const g=parseInt(t.width,10)/100;return o*g}function i(t,n,o){return typeof t.width=="string"?f(t,n,o):t.width||w}function C(t,n){const o=[],g=[];let d=0;t.value.primaryColumns.forEach(S=>{typeof S.width=="string"?g.push(S):(S.width=S.width||w,d+=S.width,o.push(S))});const V=n*(o.length/t.value.primaryColumns.length);o.forEach(S=>{const P=V*(S.width/d);S.actualWidth=P,t.value.primaryColumnsWidth+=S.actualWidth});const F=n-V;g.forEach(S=>{const P=f(S,t.value,F);S.actualWidth=P,t.value.primaryColumnsWidth+=S.actualWidth})}function r(t,n){const o=n/(t.value.primaryColumns.length||1);t.value.primaryColumns.forEach(g=>{g.actualWidth=o,t.value.primaryColumnsWidth+=g.actualWidth})}function u(t,n){const o=[],g=[],d=new WeakMap;let V=0,F=0;if(t.value.primaryColumns.forEach(P=>{if(typeof P.width=="string"){const k=f(P,t.value,n);d.set(P,k),V+=k,g.push(P)}else P.width=P.width||w,F+=P.width,o.push(P)}),n-V>F){const P=n-V;g.forEach(k=>{k.actualWidth=d.get(k)||w,t.value.primaryColumnsWidth+=k.actualWidth}),o.forEach(k=>{k.actualWidth=P*(k.width/F),t.value.primaryColumnsWidth+=k.actualWidth})}else C(t,n)}function s(t,n){t.value.primaryColumns.forEach(o=>{o.actualWidth=i(o,t.value,n),t.value.primaryColumnsWidth+=o.actualWidth})}const l={average:r,expand:u,none:s,percentage:C};function N(t){t.value.leftHeaderColumns=Array.from(c(t.value.leftColumns).values()),t.value.primaryHeaderColumns=Array.from(c(t.value.primaryColumns).values()),t.value.rightHeaderColumns=Array.from(c(t.value.rightColumns).values())}function h(t){t.value.leftColumnsWidth=0,t.value.primaryColumnsWidth=0,t.value.rightColumnsWidth=0,t.value.leftColumns.forEach(n=>{t.value.leftColumnsWidth+=n.actualWidth||0}),t.value.primaryColumns.forEach(n=>{t.value.primaryColumnsWidth+=n.actualWidth||0}),t.value.rightColumns.forEach(n=>{t.value.rightColumnsWidth+=n.actualWidth||0}),t.value=Object.assign({},t.value)}function y(t,n,o){if(n){t.value.leftColumnsWidth=0,t.value.primaryColumnsWidth=0,t.value.rightColumnsWidth=0;const g=n.clientWidth-$.value;t.value.leftColumns.forEach(F=>{F.actualWidth=i(F,t.value,g),t.value.leftColumnsWidth+=F.actualWidth}),t.value.rightColumns.forEach(F=>{F.actualWidth=i(F,t.value,g),t.value.rightColumnsWidth+=F.actualWidth});const d=g-t.value.leftColumnsWidth-t.value.rightColumnsWidth,V=l[j.value];V&&V(t,d),o.value=d,N(t),t.value=Object.assign({},t.value)}}return{calculateColumnHeaders:N,calculateColumnsSize:y,calculateColumnsWidth:h}}function Me(a){var j,f,i;const c=e.ref(((j=a.rowNumber)==null?void 0:j.enable)||!1),w=e.ref(((f=a.selection)==null?void 0:f.showCheckbox)||!1),W=e.ref(c.value&&((i=a.rowNumber)==null?void 0:i.width)||0),b=e.ref(w.value?50:0),D=e.computed(()=>b.value+W.value);function $(C){return{top:`${C.top}px`,width:`${D.value}px`,height:`${C.height||""}px`}}const p=e.computed(()=>({width:`${D.value}px`}));return{showRowCheckbox:w,showRowNumer:c,sidebarCellPosition:$,sidebarCornerCellStyle:p,sidebarWidth:D}}function _e(a){const v=e.ref(a.idField),c=e.ref(a.summary),w=e.ref(a.group),W=e.computed(()=>{const l=c.value;return(l==null?void 0:l.groupFields)||[]}),b=e.computed(()=>{const l=c.value;return l&&l.enable&&l.groupFields&&l.groupFields.length>0}),D=e.computed(()=>{const l=w.value;return l&&l.showSummary}),$=new Map;let p=[],j="";function f(l,N,h,y){const H=y[h];H&&(N.reduce((O,G,x)=>{const _=G[H];let t=O.get(_);if(!t){const n=W.value.reduce((o,g)=>(o.set(g,0),o),new Map);t={field:H,value:_,layer:h,details:[],groupSummaries:n},O.set(_,t)}return W.value&&W.value.forEach(n=>{if(t){const o=t.groupSummaries.get(n)||0;t.groupSummaries.set(n,o+G[n])}}),t.details.push(G),O},l),h<y.length-1&&l.forEach((O,G)=>{O.nestGroup=new Map,f(O.nestGroup,O.details,h+1,y),O.details=[]}))}function i(l){const N=[];return l.forEach(h=>{const y={__fv_data_grid_group_collapse__:!1,__fv_data_grid_group_field__:h.field,__fv_data_grid_group_layer__:h.layer,__fv_data_grid_group_row__:!0,__fv_data_grid_group_value__:h.value};let H=0;if(N.push(y),h.nestGroup){const O=i(h.nestGroup);N.push(...O),H+=O.length}if(h.details&&h.details.length&&(N.push(...h.details),H+=h.details.length),D.value){const O={__fv_data_grid_group_field__:h.field,__fv_data_grid_group_layer__:h.layer,__fv_data_grid_group_summary__:!0};O[v.value]=`summary_of_${h.field}_${h.value}`,O[h.field]=Array.from(h.groupSummaries.entries()).reduce((G,[x,_])=>`${G} ${x} total:${_} `,""),N.push(O)}h.groupSummaries&&h.groupSummaries.size&&h.groupSummaries.forEach((O,G)=>{y[G]=O}),y[v.value]=`group_of_${h.field}_${h.value}`,y[h.field]=`${h.field}:${h.value} (${H})`}),N.forEach((h,y)=>{h.__fv_data_index__=y}),N}function C(l,N){if(!l||l.length===0)return N;const h=l.join(",");return h!==j&&($.clear(),p=[],j=h,f($,N,0,l),p=i($)),p}function r(l,N,h,y,H){const O=l.__fv_data_grid_group_collapse__,G=l.__fv_data_grid_group_field__,x=l.__fv_data_grid_group_value__,_=l.__fv_data_index__,t=l.__fv_data_grid_group_layer__,n={collapse:O,data:{},dataIndex:_,groupField:G,groupValue:x,layer:t,index:h,pre:N,top:y,type:Q.group,setRef:d=>{n.ref=d}},o={colSpan:0,rowSpan:0,index:-1,field:v.value,data:l[v.value],parent:n,mode:K.readonly,getEditor:d=>d.data,setRef:d=>{if(d){const V=o.parent;o.cellHeight!==d.offsetHeight&&(o.cellHeight=d.offsetHeight),o.cellHeight&&o.cellHeight>(V.height||0)&&(V.height=o.cellHeight,l.__fv_data_height__=V.height);const F=V.pre;if(F){const S=(F.__fv_data_position__||0)+(F.__fv_data_height__||0);V.top=S,l.__fv_data_position__=S}}},update:()=>{}};n.data[v.value]=o;const g={colSpan:H.length,rowSpan:1,index:1,field:G,data:l[G],parent:n,mode:K.readonly,getEditor:d=>d.data,setRef:d=>{if(d){const V=g.parent;g.cellHeight!==d.offsetHeight&&(g.cellHeight=d.offsetHeight),g.cellHeight&&g.cellHeight>(V.height||0)&&(V.height=g.cellHeight,l.__fv_data_height__=V.height);const F=V.pre;if(F){const S=(F.__fv_data_position__||0)+(F.__fv_data_height__||0);V.top=S,l.__fv_data_position__=S}}},update:()=>{}};if(n.data[G]=g,b.value){let d=g.colSpan;const V=W.value.reduce((F,S)=>(F.set(S,!0),F),new Map);H.reduce((F,S,P)=>{if(V.has(S.field)){const k={colSpan:1,rowSpan:1,index:P,field:S.field,data:l[S.field],parent:n,mode:K.readonly,getEditor:A=>A.data,setRef:A=>{if(A){const X=k.parent;k.cellHeight!==A.offsetHeight&&(k.cellHeight=A.offsetHeight),k.cellHeight&&k.cellHeight>(X.height||0)&&(X.height=k.cellHeight,l.__fv_data_height__=X.height);const U=X.pre;if(U){const J=(U.__fv_data_position__||0)+(U.__fv_data_height__||0);X.top=J,l.__fv_data_position__=J}}},update:()=>{}};n.data[S.field]=k,d-1>P&&(d=P)}return F},n),g.colSpan=d}return n}function u(l,N,h,y,H){const O=l.__fv_data_grid_group_field__,G=l.__fv_data_index__,x=l.__fv_data_grid_group_layer__,_={data:{},dataIndex:G,groupField:O,groupValue:null,layer:x,index:h,pre:N,top:y,type:Q.summary,setRef:o=>{_.ref=o}},t={colSpan:0,rowSpan:0,index:-1,field:v.value,data:l[v.value],parent:_,mode:K.readonly,getEditor:o=>o.data,setRef:o=>{if(o){const g=t.parent;t.cellHeight!==o.offsetHeight&&(t.cellHeight=o.offsetHeight),t.cellHeight&&t.cellHeight>(g.height||0)&&(g.height=t.cellHeight,l.__fv_data_height__=g.height);const d=g.pre;if(d){const V=(d.__fv_data_position__||0)+(d.__fv_data_height__||0);g.top=V,l.__fv_data_position__=V}}},update:()=>{}};_.data[v.value]=t;const n={colSpan:H.length,rowSpan:1,index:1,field:O,data:l[O],parent:_,mode:K.readonly,getEditor:o=>o.data,setRef:o=>{if(o){const g=n.parent;n.cellHeight!==o.offsetHeight&&(n.cellHeight=o.offsetHeight),n.cellHeight&&n.cellHeight>(g.height||0)&&(g.height=n.cellHeight,l.__fv_data_height__=g.height);const d=g.pre;if(d){const V=(d.__fv_data_position__||0)+(d.__fv_data_height__||0);g.top=V,l.__fv_data_position__=V}}},update:()=>{}};return _.data[O]=n,_}function s(l){return{"f-icon":!0,"f-icon-arrow-chevron-down":!0,"fv-grid-group-row-icon-collapse":l.collapse}}return{collpaseGroupIconClass:s,renderGroupedData:C,renderGroupRow:r,renderSummaryRow:u}}function Pe(a){var O,G;const v=new Map,c=new Map,w=e.ref(((O=a.group)==null?void 0:O.groupFields)||[]),W=e.ref(((G=a.group)==null?void 0:G.enable)||!1),b=e.ref(a.data),D=_e(a),$=e.ref(a.summary),p=e.computed(()=>{const x=$.value;return(x==null?void 0:x.groupFields)||[]}),j=p.value.reduce((x,_)=>(x.set(_,0),x),new Map),f=e.computed(()=>b.value.length),i=e.ref(a.pagination),C=e.computed(()=>{var x;return((x=i.value)==null?void 0:x.size)||b.value.length}),r=e.ref(1);function u(){let x=b.value;W.value&&(x=D.renderGroupedData(w.value,b.value));const _=(r.value-1)*C.value,t=Math.min(_+C.value,f.value);let n=0;const o=[];for(let g=_;g<t;g++){const d=x[g];d.__fv_data_grid_group_row__?(n=0,d.__fv_data_index__=""):d.__fv_data_grid_group_summary__?d.__fv_data_index__="":(n++,d.__fv_data_index__=n),d.__fv_index__=g,p.value.forEach(V=>{const F=j.get(V)||0;j.set(V,F+d[V])}),o.push(d)}return o}const s=e.ref(u());function l(x,_=!1){const t=_?u():s.value;return s.value=t.filter((n,o)=>x.reduce((g,d)=>g&&d(n),!0)).map((n,o)=>{if(n.__fv_data_grid_group_row__){const g=`group_of_${n.__fv_data_grid_group_field__}_${n.__fv_data_grid_group_value__}`;n.__fv_data_grid_group_collapse__=!!v.get(g)}return n.__fv_index__=o,n}),s.value}function N(x,_){const t=`group_of_${x}_${_}`;v.set(t,!0);const n=o=>o[x]!==_;return c.set(`collapse_${x}_${_}`,n),l(Array.from(c.values()))}function h(x,_){const t=`group_of_${x}_${_}`;return v.set(t,!1),c.delete(`collapse_${x}_${_}`),l(Array.from(c.values()),!0)}function y(x,_,t){return(x&&x.length?s.value.filter((o,g)=>x.reduce((d,V)=>d&&V(o),!0)):s.value).slice(_,t)}function H(x){if(x*C.value<f.value){r.value=x;const t=u();s.value=t}}return{collapse:N,dataView:s,expand:h,getRange:y,navigatePageTo:H,summaries:j,totalItems:f}}function Ee(a){return e.createVNode(e.resolveComponent("f-date-picker"),{modelValue:a.data,onDatePicked:v=>a.update(v)},null)}function ke(a){const v=e.computed(()=>({height:"100%",resize:"none"}));return e.createVNode("textarea",{class:"form-control",name:"text-area-cell-editor",onInput:c=>{var w;return a.update((w=c.target)==null?void 0:w.value)},style:v.value,title:a.data,value:a.data},null)}function ve(a){return e.createVNode("input",{class:"form-control",name:"text-cell-editor",title:a.data,type:"text",value:a.data,onChange:v=>{var c;return a.update((c=v.target)==null?void 0:c.value)}},null)}function Re(a){var f;const v=e.ref(a.editable),c=e.ref(((f=a.rowOption)==null?void 0:f.wrapContent)||!1);e.watch(()=>a.editable,()=>{v.value=a.editable});const w=new Map([["boolean","checkbox"],["datetime","date-picker"],["number","text-editor"],["string","text-editor"],["text","text-area"]]),W=new Map([["checkbox",ve],["date-picker",Ee],["text-editor",ve],["text-area",ke]]);let b;function D(i){i.mode=K.editing,b=i}function $(i){i.mode=K.editable}function p(i,C){v.value&&C.mode===K.editable&&b!==C&&(b&&$(b),D(C))}function j(i,C){const r=C.dataType;let u=C.editor||w.get(r)||"text-editor";!c.value&&u==="text-area"&&(u="text-editor");const s=W.get(u);return s?s(i):i.data}return{getEditor:j,onClickCell:p}}function ze(a,v,c,w,W,b,D,$,p,j){const{calculateCellPositionInRow:f,cellKey:i,cellPosition:C,rowKey:r,rowPosition:u,rowSpanCellPosition:s,groupCellPosition:l,summaryCellPosition:N}=c,{collpaseGroupIconClass:h}=b,{gridRowClass:y,onClickRow:H,onMouseoverRow:O}=D,{onClickCell:G}=W,{toggleGroupRow:x}=$,{columnContext:_,hasLeftFixedColumn:t,hasRightFixedColumn:n}=w,{onMouseDownScrollThumb:o,onWheel:g,dataGridWidth:d,gridDataStyle:V,gridMergedDataStyle:F,gridSideStyle:S,viewPortHeight:P,viewPortWidth:k,horizontalScrollThumbStyle:A,leftFixedGridDataStyle:X,leftFixedGridMergedDataStyle:U,rightFixedGridDataStyle:J,rightFixedGridMergedDataStyle:ee,verticalScrollThumbStyle:oe}=p;function te(m,R){R.collapse=!R.collapse,j.value=x(R.collapse?"collapse":"expand",R,j.value)}function ae(m,R){const M=[];if(m.groupField&&R[m.groupField]){for(let Y=0;Y<=m.layer;Y++)M.push(e.createVNode("div",{class:"fv-grid-group-row-icon",onClick:B=>te(B,m)},[e.createVNode("span",{class:h(m)},null)]));const z=m.data[m.groupField];M.push(e.createVNode("div",{ref:z.setRef,key:i(m,m.layer+1),class:"fv-grid-cell",style:l(z,R,m.layer)},[z.data])),Object.values(m.data).filter(Y=>Y.field!==m.groupField&&Y.colSpan!==0).forEach(Y=>{M.push(e.createVNode("div",{ref:Y.setRef,key:i(m,Y.index),class:"fv-grid-cell",style:C(Y,R)},[Y.data]))})}return M}function le(m,R){return m.layer>-1&&e.createVNode("div",{ref:m.setRef,key:r(m),class:y(m),style:u(m),onClick:M=>H(M,m),onMouseover:M=>O(M,m)},[ae(m,R)])}function ce(m,R){const M=[];if(m.groupField&&R[m.groupField]){const z=m.data[m.groupField];M.push(e.createVNode("div",{ref:z.setRef,key:i(m,m.layer+1),class:"fv-grid-cell",style:N(z,R,m.layer)},[z.data]))}return M}function fe(m,R){return m.layer>-1&&e.createVNode("div",{ref:m.setRef,key:r(m),class:y(m),style:u(m),onClick:M=>H(M,m),onMouseover:M=>O(M,m)},[ce(m,R)])}function he(m,R){return e.createVNode("div",{ref:m.setRef,key:r(m),class:y(m),style:u(m),onClick:M=>H(M,m),onMouseover:M=>O(M,m)},[Object.values(m.data).filter(M=>R[M.field]&&M.rowSpan===1).map(M=>e.createVNode("div",{ref:M.setRef,key:i(m,M.index),class:"fv-grid-cell",style:C(M,R),onClick:z=>G(z,M)},[M.mode===K.editing?M.getEditor(M):M.data]))])}const pe=[he,le,fe];function ie(m,R){const M=f(m);return j.value.map(z=>pe[z.type](z,M))}function se(m){const R=f(m);return j.value.map(M=>Object.values(M.data).filter(z=>R[z.field]&&z.rowSpan>1).map(z=>e.createVNode("div",{key:i(M,z.index),class:"fv-grid-cell fv-grid-merged-cell",style:s(M,z,R)},[z.data])))}function ne(){return e.createVNode("div",{class:"fv-grid-content-left-fixed"},[e.createVNode("div",{class:"fv-grid-data",style:X.value},[ie(_.value.leftColumns)]),e.createVNode("div",{class:"fv-grid-merge-date",style:U.value},[se(_.value.leftColumns)])])}function Z(){return e.createVNode("div",{ref:v,class:"fv-grid-content-primary"},[e.createVNode("div",{class:"fv-grid-data",style:V.value},[ie(_.value.primaryColumns)]),e.createVNode("div",{class:"fv-grid-merge-date",style:F.value},[se(_.value.primaryColumns)])])}function I(){return e.createVNode("div",{class:"fv-grid-content-right-fixed"},[e.createVNode("div",{class:"fv-grid-data",style:J.value},[ie(_.value.rightColumns)]),e.createVNode("div",{class:"fv-grid-merge-date",style:ee.value},[se(_.value.rightColumns)])])}function re(){const m=[];return t.value&&m.push(ne()),m.push(Z()),n.value&&m.push(I()),m}return{renderDataArea:re}}function Te(a,v,c,w){const W=e.ref(-1),b=e.ref(0),D=e.ref(!1);let $="";const p=e.computed(()=>({display:D.value?"block":"none",left:`${b.value}px`})),j=e.computed(()=>({display:D.value?"block":"none"}));function f(r){b.value=r.clientX-r.target.parentElement.offsetLeft}function i(r){const u=v.value.primaryColumns.find(s=>s.field===$)||v.value.leftColumns.find(s=>s.field===$)||v.value.rightColumns.find(s=>s.field===$);if(u){const s=r.clientX-r.target.parentElement.offsetLeft;u.actualWidth=(u.actualWidth||0)+(s-W.value),c.calculateColumnHeaders(v),c.calculateColumnsWidth(v)}b.value=0,D.value=!1,w.reCalculateVisualDataRows(),document.removeEventListener("mousemove",f),document.body.style.userSelect="",$=""}function C(r,u){$=u,D.value=!0;const s=r.path.find(l=>l.className.split(" ")[0]==="fv-grid");b.value=r.clientX-s.offsetLeft,W.value=r.clientX-s.offsetLeft,document.addEventListener("mousemove",f),document.addEventListener("mouseup",i),document.body.style.userSelect="none"}return{onClickColumnResizeBar:C,resizeHandleStyle:p,resizeOverlayStyle:j}}function Ae(a,v,c,w,W,b,D){const{showRowCheckbox:$,showRowNumer:p,sidebarCornerCellStyle:j}=W,{columnContext:f,hasLeftFixedColumn:i,hasRightFixedColumn:C}=c,{onClickColumnResizeBar:r,resizeHandleStyle:u,resizeOverlayStyle:s}=Te(a,f,w,b),{gridHeaderColumnsStyle:l,leftFixedGridHeaderColumnsStyle:N,rightFixedGridHeaderColumnsStyle:h}=b,y=f.value.defaultColumnWidth,H=32,O=new Map([[0,0]]);function G(S,P){const k=O.get(P)||0,A={height:`${S.depth*H}px`,left:`${S.left}px`,top:`${(S.layer-1)*H}px`,width:`${S.actualWidth}px`};return f.value.headerDepth>1&&(A["line-height"]=`${S.depth*H}px`),O.set(P+1,k+(S.actualWidth||y)),A}const x=e.computed(()=>({"fv-grid-header":!0,"fv-grid-header-group-columns":f.value.headerDepth>1})),_=e.computed(()=>({height:`${f.value.headerDepth*H}px`}));function t(S,P){return e.createVNode("div",{class:"fv-grid-header-cell",style:G(S,P)},[S.title,S.resizable&&e.createVNode("span",{class:"fv-column-resize-bar",onMousedown:k=>r(k,S.field)},null)])}function n(S){return S.map((P,k)=>{const A=[];if(A.push(t(P,k)),P.children&&P.children.length){const X=n(P.children);A.push(...X)}return A})}function o(){return e.createVNode("div",{class:"fv-grid-header-left-fixed"},[e.createVNode("div",{class:"fv-grid-header-columns",style:N.value},[n(f.value.leftHeaderColumns)])])}function g(){return e.createVNode("div",{class:"fv-grid-header-right-fixed"},[e.createVNode("div",{class:"fv-grid-header-columns",style:h.value},[n(f.value.rightHeaderColumns)])])}function d(){var S;return e.createVNode("div",{class:"fv-grid-header-corner",style:j.value},[$.value&&e.createVNode("div",{class:"custom-control custom-checkbox f-checkradio-single fv-grid-sidebar-row-checkbox"},[e.createVNode("input",{id:"sidebar_checkall",title:"sidebar_checkall",type:"checkbox",class:"custom-control-input"},null),e.createVNode("label",{class:"custom-control-label",for:"sidebar_checkall"},null)]),p.value&&((S=a.rowNumber)==null?void 0:S.heading)])}function V(){return e.createVNode("div",{class:x.value,style:_.value},[($.value||p.value)&&d(),i.value&&o(),e.createVNode("div",{class:"fv-grid-header-primary"},[e.createVNode("div",{class:"fv-grid-header-columns",style:l.value},[n(f.value.primaryHeaderColumns)])]),C.value&&g()])}function F(){return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"fv-datagrid-resize-overlay",style:s.value},null),e.createVNode("div",{class:"fv-datagrid-resize-proxy",style:u.value},null)])}return{renderGridHeader:V,renderGridColumnResizeOverlay:F}}function Le(a,v){const c=e.computed(()=>1e4);function w(b){v.navigatePageTo(b)}function W(){return e.createVNode("div",{class:"fv-datagrid-pagination"},[e.createVNode(e.resolveComponent("f-pagination"),{mode:"default",totalItems:c.value,onPageIndexChanged:w},null)])}return{renderDataGridPagination:W}}function Xe(a,v,c,w){const{onMouseoverRow:W,sidebarRowClass:b}=v,{showRowCheckbox:D,showRowNumer:$,sidebarCellPosition:p,sidebarWidth:j}=c,{gridSideStyle:f}=w;function i(s){return e.createVNode("div",{class:"custom-control custom-checkbox f-checkradio-single fv-grid-sidebar-row-checkbox"},[e.createVNode("input",{id:`${s.dataIndex}`,title:`${s.dataIndex}`,type:"checkbox",class:"custom-control-input"},null),e.createVNode("label",{class:"custom-control-label",for:`${s.dataIndex}`},null)])}function C(s){return e.createVNode("div",{class:"fv-grid-sidebar-row-number",onMouseover:l=>W(l,s)},[s.dataIndex])}function r(s){return(D.value||$.value)&&s.value.map(l=>e.createVNode("div",{class:b(l),style:p(l)},[D.value&&i(l),$.value&&C(l)]))}function u(s){return e.createVNode("div",{class:"fv-grid-content-side"},[e.createVNode("div",{class:"fv-grid-side",style:f.value},[r(s)])])}return{renderDataGridSidebar:u}}function Ye(a,v,c){const{columnContext:w}=c,W=e.ref(a.summary),b=e.computed(()=>{const $=W.value;return $&&$.enable&&$.groupFields&&$.groupFields.length>0});function D(){return b.value&&e.createVNode("div",{class:"fv-datagrid-summary"},[e.createVNode("div",{class:"fv-datagird-summary-panel"},[e.createVNode("span",{class:"fv-datagrid-summary-title"},[e.createTextVNode("\u5F53\u9875\u5408\u8BA1")]),e.createVNode("div",{class:"fv-datagrid-summary-content"},[w.value.summaryColumns.map($=>e.createVNode("div",{class:"fv-datagrid-summary-field"},[e.createVNode("span",{class:"fv-datagrid-summary-field-title"},[`${$.title}:`]),e.createVNode("span",{class:"fv-datagrid-summary-field-value"},[v.summaries.get($.field)])]))])])])}return{renderDataGridSummery:D}}function Ke(a,v,c){const{horizontalScrollThumbStyle:w,onMouseDownScrollThumb:W}=c;function b(){return e.createVNode("div",{class:"fv-grid-horizontal-scroll"},[e.createVNode("div",{class:"fv-grid-horizontal-scroll-thumb",style:w.value,onMousedown:D=>W(D,v,"horizontal")},null)])}return{renderHorizontalScrollbar:b}}function qe(a,v,c){const{verticalScrollThumbStyle:w,onMouseDownScrollThumb:W}=c;function b(){return e.createVNode("div",{class:"fv-grid-vertical-scroll"},[e.createVNode("div",{class:"fv-grid-vertical-scroll-thumb",style:w.value,onMousedown:D=>W(D,v,"vertical")},null)])}return{renderVerticalScrollbar:b}}const Je="",ue=e.defineComponent({name:"FDataGrid",props:ge,emits:[],setup(a){var ee;const v=e.ref(a.columns),c=20,w=0,W=e.ref(),b=e.ref(),D=e.ref(a.showStripe),$=e.ref(!1),p=e.ref(((ee=a.rowOption)==null?void 0:ee.wrapContent)||!1),j=Pe(a),f=je(a),{columnContext:i}=f,C=Be(a,i),{calculateColumnsSize:r}=C,u=_e(a),s=Re(a),l=Ne(a,v,u,j,c,w,s),{getVisualData:N}=l,h=$e(a,i),y=Me(a),{sidebarWidth:H}=y,O=e.ref(N(0,c+w)),G=Ge(a,j,O,i,l,c,w,H),{onWheel:x,dataGridWidth:_,viewPortHeight:t,viewPortWidth:n}=G,o=De(a),g=e.computed(()=>({"fv-grid":!0,"fv-datagrid-strip":D.value})),d=e.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":$.value,"fv-grid-wrap-content":p.value})),{renderDataArea:V}=ze(a,b,h,f,s,u,o,l,G,O),{renderGridHeader:F,renderGridColumnResizeOverlay:S}=Ae(a,W,f,C,y,G),{renderDataGridPagination:P}=Le(a,j),{renderDataGridSidebar:k}=Xe(a,o,y,G),{renderDataGridSummery:A}=Ye(a,j,f),{renderHorizontalScrollbar:X}=Ke(a,W,G),{renderVerticalScrollbar:U}=qe(a,W,G);function J(oe){var te,ae,le;t.value=((te=b.value)==null?void 0:te.clientHeight)||0,n.value=((ae=b.value)==null?void 0:ae.clientWidth)||0,_.value=((le=W.value)==null?void 0:le.clientWidth)||0}return e.onMounted(()=>{W.value&&(window.addEventListener("resize",J),r(i,W.value,n),e.nextTick(()=>{W.value&&(_.value=W.value.clientWidth),b.value&&(n.value=b.value.clientWidth,t.value=b.value.clientHeight)}))}),e.onUnmounted(()=>{window.removeEventListener("resize",J)}),e.watch(n,()=>{W.value&&r(i,W.value,n)}),()=>e.createVNode("div",{class:g.value,style:"height:600px",onWheel:x},[F(),e.createVNode("div",{ref:W,class:d.value,onMouseover:()=>{$.value=!0},onMouseleave:()=>{$.value=!1}},[k(O),V(),X(),U()]),A(),P(),S()])}}),Ue={install(a){a.component(ue.name,ue)}};T.FDataGrid=ue,T.columnOptions=We,T.dataGridProps=ge,T.default=Ue,T.editOptions=Ve,T.filterOptions=be,T.groupOptions=we,T.headerOptions=Ce,T.paginationOptions=ye,T.rowNumberOptions=Se,T.rowOptions=Oe,T.selectionOptions=He,T.sortOptions=me,T.summaryOptions=xe,Object.defineProperties(T,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
1
|
+
(function(T,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(T=typeof globalThis<"u"?globalThis:T||self,e(T["data-grid"]={},T.Vue))})(this,function(T,e){"use strict";const ye={enable:{type:Boolean,default:!0},index:{type:Number,default:1},mode:{type:String,default:"server"},showGoto:{type:Boolean,default:!1},showIndex:{type:Boolean,default:!0},showLimits:{type:Boolean,default:!1},showPageInfo:{type:Boolean,default:!0},size:{type:Number,default:20},sizeLimits:{type:Array,default:[10,20,30,50,100]},total:{type:Number,default:0}},me={enable:{type:Boolean,default:!1},fields:{type:Array,default:[]},mode:{type:String,default:"client"},multiSort:{type:Boolean,default:!1}},we={customGroupRow:{type:Function,default:()=>{}},customGroupRowStyle:{type:Function,default:()=>{}},customSummaryStyle:{type:Function,default:()=>{}},enable:{type:Boolean,default:!1},groupColSpan:{type:Number,default:1},groupFields:{type:Array,default:[]},showGroupedColumn:{type:Boolean,default:!0},showGroupPanel:{type:Boolean,default:!1},showSummary:{type:Boolean,default:!1},summaryPosition:{type:String,default:"separate"}},be={enable:{type:Boolean,default:!1},filterStyle:{type:String,default:"filter-column"},mode:{type:String,default:"server"},showSummary:{type:Boolean,default:!0}},Ce={wrapHeadings:{type:Boolean,default:!1}},Se={enable:{type:Boolean,default:!1},heading:{type:String,default:"序号"},width:{type:Number,default:36}},Oe={customRowStyle:{type:Function,default:()=>{}},disable:{type:Function,default:()=>{}},height:{type:Number,default:28},showHovering:{type:Boolean,default:!0},wrapContent:{type:Boolean,default:!1}},xe={enable:{type:Boolean,default:!1},customSummaryStyle:{type:Function,default:()=>{}},groupFields:{type:Array,default:[]},mode:{type:String,default:"client"},position:{type:String,default:"bottom"}},We={fitColumns:{type:Boolean,default:!1},fitMode:{type:String,default:"average"},groups:{type:Array,defaut:[]},reorderColumn:{type:Boolean,default:!1},resizeColumn:{type:Boolean,default:!0},resizeColumnOnDoubleClick:{type:Boolean,default:!0}},He={checkOnSelect:{type:Boolean,default:!1},clearSelectionOnEmpty:{type:Boolean,default:!0},customSelectionItem:{type:Function,default:()=>{}},enabelSelectRow:{type:Boolean,default:!0},keepSelectingOnClick:{type:Boolean,default:!0},keepSelectingOnPaging:{type:Boolean,default:!0},multiSelect:{type:Boolean,default:!1},focusSelection:{type:String,default:"current"},selectOnCheck:{type:Boolean,default:!1},showCheckbox:{type:Boolean,default:!1},showSelectAll:{type:Boolean,default:!1},showSelection:{type:Boolean,default:!1}},Ve={selectOnEditing:{type:Boolean,default:!1},editMode:{type:String,default:"cell"}},ge={columns:{type:Array,default:[]},columnOption:{type:Object},data:{type:Array,default:[]},disable:{type:Boolean,default:!1},editable:{type:Boolean,default:!1},editOption:{type:Object},filter:{type:Object},fit:{type:Boolean,default:!1},group:{type:Object},header:{type:Object},height:{type:Number,default:300},id:{type:String,default:""},idField:{type:String,default:"id",require:!0},mergeCell:{type:Boolean,default:!1},pagination:{type:Object},rowNumber:{type:Object},rowOption:{type:Object},selection:{type:Object},showBorder:{type:Boolean,default:!1},showFooter:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showOptions:{type:Boolean,default:!1},showScrollBar:{type:String,default:"auto"},showStripe:{type:Boolean,default:!0},sort:{type:Object},summary:{type:Object},virtualized:{type:Boolean,default:!1},width:{type:Number,default:800}};var K=(a=>(a[a.readonly=0]="readonly",a[a.editable=1]="editable",a[a.editing=2]="editing",a))(K||{}),Q=(a=>(a[a.data=0]="data",a[a.group=1]="group",a[a.summary=2]="summary",a))(Q||{});function Ne(a,v,c,w,W,b,D){var N,h;const $=e.ref(a.mergeCell),p=e.ref(a.rowOption),j=((N=p.value)==null?void 0:N.height)||28,f=((h=p.value)==null?void 0:h.wrapContent)||!1,i=e.ref(W-1+b),C=e.ref(0);function r(y,H,O){const G=H&&H.data[O];if(G&&G.data===y.data){const _=G&&G.spannedBy||G;_.rowSpan++,_.spanned=_.spanned||[],_.spanned.push(y),y.colSpan=0,y.rowSpan=0,y.spannedBy=_}}function u(y,H,O,G,x,_){const t=y.__fv_data_index__,n={index:G,dataIndex:t,top:x,layer:-1,type:Q.data,pre:H,data:{},setRef:o=>{n.ref=o}};if(!f){n.height=j,y.__fv_data_height__=n.height;const o=n.pre;if(o){const g=(o.__fv_data_position__||0)+(o.__fv_data_height__||0);n.top=g,y.__fv_data_position__=g}}return _.forEach((o,g)=>{const d={colSpan:1,rowSpan:1,index:g,field:o.field,mode:o.readonly?K.readonly:K.editable,data:y[o.field],parent:n,getEditor(V){return D.getEditor(V,o)},setRef:V=>{if(f&&V){const B=d.parent;d.cellHeight!==V.offsetHeight&&(d.cellHeight=V.offsetHeight),d.cellHeight&&d.cellHeight>(B.height||0)&&(B.height=d.cellHeight,y.__fv_data_height__=B.height);const S=B.pre;if(S){const P=(S.__fv_data_position__||0)+(S.__fv_data_height__||0);B.top=P,y.__fv_data_position__=P}}},update:V=>{V!==void 0&&(y[o.field]=V,d.data=y[o.field])}};$.value&&r(d,O,o.field),n.data[o.field]=d}),n}function s(y,H,O,G){const{dataView:x}=w,_=[],t=G?Date.now().toString():"";for(let n=y,o=0;n<H;n++,o++){const g=x.value[n],d=x.value[n-1]||O,V=_[o-1],B=d?(d.__fv_data_position__||0)+(d.__fv_data_height__||0):0,S=g.__fv_data_grid_group_row__?c.renderGroupRow(g,d,n,B,v.value):g.__fv_data_grid_group_summary__?c.renderSummaryRow(g,d,n,B,v.value):u(g,d,V,n,B,v.value);S.refreshKey=t,_.push(S)}return C.value=_[0].index,i.value=_[_.length-1].index,_}function l(y,H,O){const G=H.groupField||"",{groupValue:x}=H;w[y](G,x);const{dataView:_}=w,t=O[0].index,n=Math.min(t+W+b+1,_.value.length);return s(t,n)}return{getVisualData:s,maxVisibleRowIndex:i,minVisibleRowIndex:C,toggleGroupRow:l}}function $e(a,v){var C;const c=((C=a.rowOption)==null?void 0:C.height)||28,w=e.ref(v.value.primaryColumnsWidth);function W(r){const u={};return r.reduce((s,l,N)=>{const h=N<r.length-1?r[N+1]:null;return N===0&&(s[l.field]={left:0,width:0}),s[l.field].width=l.actualWidth||0,h&&(s[h.field]={left:s[l.field].left+(l.actualWidth||0),width:0}),s},u),u}function b(r,u,s){const l=c*(s+1),h=u[r.field].left-l+u[r.field].width,y=r.parent.height?`${r.parent.height}px`:"";return{left:`${l}px`,width:`${h}px`,height:`${y}`}}function D(r,u,s){return{right:"0px",height:`${r.parent.height?`${r.parent.height}px`:""}`}}function $(r,u){const s=r.parent.height?`${r.parent.height}px`:"";return{left:`${u[r.field].left}px`,width:`${u[r.field].width}px`,height:`${s}`}}function p(r,u,s){const N=(u.spanned||[]).reduce((y,H)=>y+(H.parent.height||0),0)+(r.height||0);return{top:`${r.top}px`,left:`${s[u.field].left}px`,width:`${s[u.field].width}px`,height:`${N}px`,padding:`calc(${N/2}px - 1rem) 0`}}function j(r,u){return`${r.type}_r_${r.index}_c_${u}_${r.refreshKey||""}`}function f(r){return`${r.type}_r_${r.index}_${r.refreshKey||""}`}function i(r){const u=r.height?`${r.height}px`:"";return{top:`${r.top}px`,width:`${w.value}px`,height:`${u}`}}return e.watch(v,()=>{w.value=v.value.primaryColumnsWidth}),{calculateCellPositionInRow:W,cellKey:j,cellPosition:$,groupCellPosition:b,rowKey:f,rowPosition:i,rowSpanCellPosition:p,summaryCellPosition:D}}function Ge(a,v,c,w,W,b,D,$){var Y;const{dataView:p}=v,{getVisualData:j,maxVisibleRowIndex:f,minVisibleRowIndex:i}=W,C=e.ref(w.value.primaryColumnsWidth),r=e.ref(w.value.leftColumnsWidth),u=e.ref(w.value.rightColumnsWidth),s=((Y=a.rowOption)==null?void 0:Y.height)||28,l=e.ref(0),N=e.ref(0);let h=0,y=b-1;const H=e.ref(0),O=e.ref(0),G=e.ref(0),x=s*b,_=e.computed(()=>p.value.length*s),t=e.computed(()=>p.value.length>b+D?Math.floor((b+D)/p.value.length*O.value):O.value),n=e.computed(()=>Math.floor(G.value/C.value*H.value)),o=0,g=0,d=e.computed(()=>H.value-(r.value+C.value+u.value+$.value));function V(){const F=f.value<p.value.length?p.value[f.value]:p.value[p.value.length-1];return(F.__fv_data_position__||0)+(F.__fv_data_height__||0)+Math.max(p.value.length-1-f.value,0)*s}function B(F){const k=p.value.find(L=>L.__fv_data_position__>F);return k?k.__fv_index__-1:0}function S(F){const k=Math.max(h-D,0),L=Math.min(y+D+1,p.value.length),q=p.value[k-1],de=j(k,L,q,F);de.length&&(c.value=[...de])}function P(F){let k=l.value+F;k>o&&(k=o);const L=k>o,q=V(),de=q>O.value;de&&k<O.value-q&&(k=O.value-q),(!de||L)&&(k=o),l.value!==k&&(l.value=k,h=B(Math.abs(l.value)),y=h+b,(h<i.value||y>f.value-D/2)&&S())}function E(F){let k=N.value+F;k>g&&(k=g),k<d.value&&(k=d.value),N.value!==k&&(N.value=k)}e.watch(G,()=>{E(0)}),e.watch(w,()=>{C.value=w.value.primaryColumnsWidth,r.value=w.value.leftColumnsWidth,u.value=w.value.rightColumnsWidth});function A(F){F.preventDefault(),F.stopPropagation();const k=(F.wheelDeltaY||F.deltaY)/10,L=(F.wheelDeltaX||F.deltaX)/10;P(k),E(L)}const X=e.computed(()=>({height:`${p.value.length*s}px`,width:`${r.value}px`,transform:`translateY(${l.value}px)`})),U=e.computed(()=>({transform:`translateY(${l.value}px)`})),J=e.computed(()=>({height:`${p.value.length*s}px`,width:`${C.value}px`,transform:`translate(${N.value}px, ${l.value}px)`})),ee=e.computed(()=>({transform:`translate(${N.value}px, ${l.value}px)`})),oe=e.computed(()=>({height:`${p.value.length*s}px`,width:`${u.value}px`,transform:`translateY(${l.value}px)`})),te=e.computed(()=>({transform:`translateY(${l.value}px)`})),ae=e.computed(()=>({height:`${p.value.length*s}px`,width:`${$.value}px`,transform:`translateY(${l.value}px)`})),le=e.computed(()=>({width:`${r.value}px`})),ce=e.computed(()=>({transform:`translateX(${N.value}px)`})),fe=e.computed(()=>({width:`${u.value}px`})),he=e.computed(()=>{const F=V();return l.value/(O.value-F)*(O.value-t.value)}),pe=e.computed(()=>({height:`${t.value}px`,top:`${he.value}px`})),ie=e.computed(()=>N.value/d.value*(H.value-n.value)),se=e.computed(()=>({width:`${n.value}px`,left:`${ie.value}px`})),ne=e.ref(!1),Z=e.ref(-1),I=e.ref(-1);let re;function m(F){if(ne.value&&I.value!==-1){const k=I.value-F.pageX,L=H.value-n.value;if(Math.abs(k)<=L){const q=k/(G.value-n.value)*(C.value-G.value);E(q),I.value=F.pageX}}}function R(F){if(ne.value&&Z.value!==-1){const k=Z.value-F.pageY,L=x-t.value;if(Math.abs(k)<=L){const q=k/(x-t.value)*(_.value-x);P(q),Z.value=F.pageY}}}function M(F){ne.value=!1,Z.value=-1,I.value=-1,document.removeEventListener("mouseup",M),re&&(re.removeEventListener("mousemove",m),re.removeEventListener("mousemove",R)),document.body.style.userSelect=""}function z(F,k,L){ne.value=!0;const q=L==="horizontal"?m:R;L==="vertical"&&(Z.value=F.pageY),L==="horizontal"&&(I.value=F.pageX),k.value&&(k.value.addEventListener("mousemove",q),re=k.value,document.addEventListener("mouseup",M),document.body.style.userSelect="none")}return{onMouseDownScrollThumb:z,onWheel:A,dataGridWidth:H,gridDataStyle:J,gridHeaderColumnsStyle:ce,gridMergedDataStyle:ee,gridSideStyle:ae,viewPortWidth:G,viewPortHeight:O,horizontalScrollThumbStyle:se,leftFixedGridDataStyle:X,leftFixedGridHeaderColumnsStyle:le,leftFixedGridMergedDataStyle:U,reCalculateVisualDataRows:S,rightFixedGridDataStyle:oe,rightFixedGridHeaderColumnsStyle:fe,rightFixedGridMergedDataStyle:te,verticalScrollThumbStyle:pe}}function De(a){const v=e.ref(a.idField),c=e.ref(-1),w=e.ref("");function W(p){return{"fv-grid-row":p.type===Q.data,"fv-grid-group-row":p.type===Q.group,"fv-grid-summary-row":p.type===Q.summary,"fv-grid-row-hover":p.index===c.value,"fv-grid-row-selected":p.data[v.value].data===w.value,"fv-grid-row-odd":p.dataIndex%2>0,"fv-grid-row-even":p.dataIndex%2===0}}function b(p,j){w.value=j.data[v.value].data}function D(p,j){c.value=j.index}function $(p){return{"fv-grid-sidebar-row":!0,"fv-grid-sidebar-row-hover":p.index===c.value,"fv-grid-sidebar-row-selected":p.data[v.value].data===w.value,"fv-grid-sidebar-row-odd":p.dataIndex%2>0,"fv-grid-sidebar-row-even":p.dataIndex%2===0}}return{gridRowClass:W,onClickRow:b,onMouseoverRow:D,sidebarRowClass:$}}function je(a){const c=e.ref({defaultColumnWidth:120,headerDepth:1,leftColumns:[],leftColumnsWidth:0,leftHeaderColumns:[],primaryColumns:[],primaryColumnsWidth:0,primaryHeaderColumns:[],rightColumns:[],rightColumnsWidth:0,rightHeaderColumns:[],summaryColumns:[]}),w=e.ref(a.summary),W=e.computed(()=>{const p=w.value;return(p==null?void 0:p.groupFields)||[]});function b(p){const j=new Map;return W.value&&W.value.reduce((f,i)=>(f.set(i,!0),f),j),p.reduce((f,i)=>(i.fixed==="left"?(c.value.leftColumns.push(i),c.value.leftColumnsWidth+=i.actualWidth||120):i.fixed==="right"?(c.value.rightColumns.push(i),c.value.rightColumnsWidth+=i.actualWidth||120):(c.value.primaryColumns.push(i),c.value.primaryColumnsWidth+=i.actualWidth||120),j.has(i.field)&&c.value.summaryColumns.push(i),f),c),c}b(a.columns);const D=e.computed(()=>c.value.leftColumns.length>0),$=e.computed(()=>c.value.rightColumns.length>0);return{columnContext:c,hasLeftFixedColumn:D,hasRightFixedColumn:$}}function Be(a,v){var j;const c=e.ref((j=a.columnOption)==null?void 0:j.groups);function w(f,i,C,r,u){const s={actualWidth:0,children:[],depth:1,field:f.field,layer:1,left:0,parent:C,resizable:!1,title:f.title||""},l=r||s;if(f.group){let N=1;f.group.reduce((h,y)=>{if(typeof y=="string"){const H=i.get(y);H&&(u.fieldToRootMap.set(y,l),h.actualWidth+=H.actualWidth,h.children.push(H))}else{const H=w(y,i,h,l,u);N=Math.max(N,H.depth),h.actualWidth+=H.actualWidth,h.children.push(H)}return h},s),s.depth+=N}return v.value.headerDepth=Math.max(v.value.headerDepth,s.depth),s}function W(f){const i={groupedCells:new Map,fieldToRootMap:new Map};return c.value&&c.value.reduce((C,r)=>{const u=w(r,f,null,null,i);return C.groupedCells.set(r.field,u),C},i),i}function b(f){if(!f||f.length===0)return 0;const i=f[0];return i.children&&i.children.length>0&&(i.left=b(i.children)),i.left}function D(f,i){const C=v.value.headerDepth;f.forEach(r=>{r.layer=i?i.layer+1:1;const u=r.children&&r.children.length===0;r.depth=u?C-(r.layer-1):1,r.left=u?r.left:b(r.children),r.children&&D(r.children,r)})}function $(f,i){const C=new Map;return f.forEach(r=>{const u=i.fieldToRootMap.get(r.field),s=u!=null;s&&!C.has(u.field)&&C.set(u.field,u),s||C.set(r.field,r)}),D(Array.from(C.values())),C}function p(f){let i=new Map,C=0;if(f.reduce((r,u)=>(r.set(u.field,{actualWidth:u.actualWidth||0,children:[],depth:1,layer:1,left:C,field:u.field,parent:null,resizable:u.resizable||!1,title:u.title}),C+=u.actualWidth||0,r),i),c.value){const r=W(i);i=$(i,r)}return i}return{getGridHeaderCells:p}}function Fe(a,v){var H,O,G,x,_;const{getGridHeaderCells:c}=Be(a,v),w=120,W=32,b=e.ref(((H=a.rowNumber)==null?void 0:H.enable)||!1),D=e.ref(((O=a.selection)==null?void 0:O.multiSelect)||!1),$=e.ref(0+(b.value&&((G=a.rowNumber)==null?void 0:G.width)||0)+(D.value?W:0)),p=e.ref(((x=a.columnOption)==null?void 0:x.fitColumns)||!1),j=e.ref(p.value&&((_=a.columnOption)==null?void 0:_.fitMode)||"none");function f(t,n,o){const g=parseInt(t.width,10)/100;return o*g}function i(t,n,o){return typeof t.width=="string"?f(t,n,o):t.width||w}function C(t,n){const o=[],g=[];let d=0;t.value.primaryColumns.forEach(S=>{typeof S.width=="string"?g.push(S):(S.width=S.width||w,d+=S.width,o.push(S))});const V=n*(o.length/t.value.primaryColumns.length);o.forEach(S=>{const P=V*(S.width/d);S.actualWidth=P,t.value.primaryColumnsWidth+=S.actualWidth});const B=n-V;g.forEach(S=>{const P=f(S,t.value,B);S.actualWidth=P,t.value.primaryColumnsWidth+=S.actualWidth})}function r(t,n){const o=n/(t.value.primaryColumns.length||1);t.value.primaryColumns.forEach(g=>{g.actualWidth=o,t.value.primaryColumnsWidth+=g.actualWidth})}function u(t,n){const o=[],g=[],d=new WeakMap;let V=0,B=0;if(t.value.primaryColumns.forEach(P=>{if(typeof P.width=="string"){const E=f(P,t.value,n);d.set(P,E),V+=E,g.push(P)}else P.width=P.width||w,B+=P.width,o.push(P)}),n-V>B){const P=n-V;g.forEach(E=>{E.actualWidth=d.get(E)||w,t.value.primaryColumnsWidth+=E.actualWidth}),o.forEach(E=>{E.actualWidth=P*(E.width/B),t.value.primaryColumnsWidth+=E.actualWidth})}else C(t,n)}function s(t,n){t.value.primaryColumns.forEach(o=>{o.actualWidth=i(o,t.value,n),t.value.primaryColumnsWidth+=o.actualWidth})}const l={average:r,expand:u,none:s,percentage:C};function N(t){t.value.leftHeaderColumns=Array.from(c(t.value.leftColumns).values()),t.value.primaryHeaderColumns=Array.from(c(t.value.primaryColumns).values()),t.value.rightHeaderColumns=Array.from(c(t.value.rightColumns).values())}function h(t){t.value.leftColumnsWidth=0,t.value.primaryColumnsWidth=0,t.value.rightColumnsWidth=0,t.value.leftColumns.forEach(n=>{t.value.leftColumnsWidth+=n.actualWidth||0}),t.value.primaryColumns.forEach(n=>{t.value.primaryColumnsWidth+=n.actualWidth||0}),t.value.rightColumns.forEach(n=>{t.value.rightColumnsWidth+=n.actualWidth||0}),t.value=Object.assign({},t.value)}function y(t,n,o){if(n){t.value.leftColumnsWidth=0,t.value.primaryColumnsWidth=0,t.value.rightColumnsWidth=0;const g=n.clientWidth-$.value;t.value.leftColumns.forEach(B=>{B.actualWidth=i(B,t.value,g),t.value.leftColumnsWidth+=B.actualWidth}),t.value.rightColumns.forEach(B=>{B.actualWidth=i(B,t.value,g),t.value.rightColumnsWidth+=B.actualWidth});const d=g-t.value.leftColumnsWidth-t.value.rightColumnsWidth,V=l[j.value];V&&V(t,d),o.value=d,N(t),t.value=Object.assign({},t.value)}}return{calculateColumnHeaders:N,calculateColumnsSize:y,calculateColumnsWidth:h}}function Me(a){var j,f,i;const c=e.ref(((j=a.rowNumber)==null?void 0:j.enable)||!1),w=e.ref(((f=a.selection)==null?void 0:f.showCheckbox)||!1),W=e.ref(c.value&&((i=a.rowNumber)==null?void 0:i.width)||0),b=e.ref(w.value?50:0),D=e.computed(()=>b.value+W.value);function $(C){return{top:`${C.top}px`,width:`${D.value}px`,height:`${C.height||""}px`}}const p=e.computed(()=>({width:`${D.value}px`}));return{showRowCheckbox:w,showRowNumer:c,sidebarCellPosition:$,sidebarCornerCellStyle:p,sidebarWidth:D}}function _e(a){const v=e.ref(a.idField),c=e.ref(a.summary),w=e.ref(a.group),W=e.computed(()=>{const l=c.value;return(l==null?void 0:l.groupFields)||[]}),b=e.computed(()=>{const l=c.value;return l&&l.enable&&l.groupFields&&l.groupFields.length>0}),D=e.computed(()=>{const l=w.value;return l&&l.showSummary}),$=new Map;let p=[],j="";function f(l,N,h,y){const H=y[h];H&&(N.reduce((O,G,x)=>{const _=G[H];let t=O.get(_);if(!t){const n=W.value.reduce((o,g)=>(o.set(g,0),o),new Map);t={field:H,value:_,layer:h,details:[],groupSummaries:n},O.set(_,t)}return W.value&&W.value.forEach(n=>{if(t){const o=t.groupSummaries.get(n)||0;t.groupSummaries.set(n,o+G[n])}}),t.details.push(G),O},l),h<y.length-1&&l.forEach((O,G)=>{O.nestGroup=new Map,f(O.nestGroup,O.details,h+1,y),O.details=[]}))}function i(l){const N=[];return l.forEach(h=>{const y={__fv_data_grid_group_collapse__:!1,__fv_data_grid_group_field__:h.field,__fv_data_grid_group_layer__:h.layer,__fv_data_grid_group_row__:!0,__fv_data_grid_group_value__:h.value};let H=0;if(N.push(y),h.nestGroup){const O=i(h.nestGroup);N.push(...O),H+=O.length}if(h.details&&h.details.length&&(N.push(...h.details),H+=h.details.length),D.value){const O={__fv_data_grid_group_field__:h.field,__fv_data_grid_group_layer__:h.layer,__fv_data_grid_group_summary__:!0};O[v.value]=`summary_of_${h.field}_${h.value}`,O[h.field]=Array.from(h.groupSummaries.entries()).reduce((G,[x,_])=>`${G} ${x} total:${_} `,""),N.push(O)}h.groupSummaries&&h.groupSummaries.size&&h.groupSummaries.forEach((O,G)=>{y[G]=O}),y[v.value]=`group_of_${h.field}_${h.value}`,y[h.field]=`${h.field}:${h.value} (${H})`}),N.forEach((h,y)=>{h.__fv_data_index__=y}),N}function C(l,N){if(!l||l.length===0)return N;const h=l.join(",");return h!==j&&($.clear(),p=[],j=h,f($,N,0,l),p=i($)),p}function r(l,N,h,y,H){const O=l.__fv_data_grid_group_collapse__,G=l.__fv_data_grid_group_field__,x=l.__fv_data_grid_group_value__,_=l.__fv_data_index__,t=l.__fv_data_grid_group_layer__,n={collapse:O,data:{},dataIndex:_,groupField:G,groupValue:x,layer:t,index:h,pre:N,top:y,type:Q.group,setRef:d=>{n.ref=d}},o={colSpan:0,rowSpan:0,index:-1,field:v.value,data:l[v.value],parent:n,mode:K.readonly,getEditor:d=>d.data,setRef:d=>{if(d){const V=o.parent;o.cellHeight!==d.offsetHeight&&(o.cellHeight=d.offsetHeight),o.cellHeight&&o.cellHeight>(V.height||0)&&(V.height=o.cellHeight,l.__fv_data_height__=V.height);const B=V.pre;if(B){const S=(B.__fv_data_position__||0)+(B.__fv_data_height__||0);V.top=S,l.__fv_data_position__=S}}},update:()=>{}};n.data[v.value]=o;const g={colSpan:H.length,rowSpan:1,index:1,field:G,data:l[G],parent:n,mode:K.readonly,getEditor:d=>d.data,setRef:d=>{if(d){const V=g.parent;g.cellHeight!==d.offsetHeight&&(g.cellHeight=d.offsetHeight),g.cellHeight&&g.cellHeight>(V.height||0)&&(V.height=g.cellHeight,l.__fv_data_height__=V.height);const B=V.pre;if(B){const S=(B.__fv_data_position__||0)+(B.__fv_data_height__||0);V.top=S,l.__fv_data_position__=S}}},update:()=>{}};if(n.data[G]=g,b.value){let d=g.colSpan;const V=W.value.reduce((B,S)=>(B.set(S,!0),B),new Map);H.reduce((B,S,P)=>{if(V.has(S.field)){const E={colSpan:1,rowSpan:1,index:P,field:S.field,data:l[S.field],parent:n,mode:K.readonly,getEditor:A=>A.data,setRef:A=>{if(A){const X=E.parent;E.cellHeight!==A.offsetHeight&&(E.cellHeight=A.offsetHeight),E.cellHeight&&E.cellHeight>(X.height||0)&&(X.height=E.cellHeight,l.__fv_data_height__=X.height);const U=X.pre;if(U){const J=(U.__fv_data_position__||0)+(U.__fv_data_height__||0);X.top=J,l.__fv_data_position__=J}}},update:()=>{}};n.data[S.field]=E,d-1>P&&(d=P)}return B},n),g.colSpan=d}return n}function u(l,N,h,y,H){const O=l.__fv_data_grid_group_field__,G=l.__fv_data_index__,x=l.__fv_data_grid_group_layer__,_={data:{},dataIndex:G,groupField:O,groupValue:null,layer:x,index:h,pre:N,top:y,type:Q.summary,setRef:o=>{_.ref=o}},t={colSpan:0,rowSpan:0,index:-1,field:v.value,data:l[v.value],parent:_,mode:K.readonly,getEditor:o=>o.data,setRef:o=>{if(o){const g=t.parent;t.cellHeight!==o.offsetHeight&&(t.cellHeight=o.offsetHeight),t.cellHeight&&t.cellHeight>(g.height||0)&&(g.height=t.cellHeight,l.__fv_data_height__=g.height);const d=g.pre;if(d){const V=(d.__fv_data_position__||0)+(d.__fv_data_height__||0);g.top=V,l.__fv_data_position__=V}}},update:()=>{}};_.data[v.value]=t;const n={colSpan:H.length,rowSpan:1,index:1,field:O,data:l[O],parent:_,mode:K.readonly,getEditor:o=>o.data,setRef:o=>{if(o){const g=n.parent;n.cellHeight!==o.offsetHeight&&(n.cellHeight=o.offsetHeight),n.cellHeight&&n.cellHeight>(g.height||0)&&(g.height=n.cellHeight,l.__fv_data_height__=g.height);const d=g.pre;if(d){const V=(d.__fv_data_position__||0)+(d.__fv_data_height__||0);g.top=V,l.__fv_data_position__=V}}},update:()=>{}};return _.data[O]=n,_}function s(l){return{"f-icon":!0,"f-icon-arrow-chevron-down":!0,"fv-grid-group-row-icon-collapse":l.collapse}}return{collpaseGroupIconClass:s,renderGroupedData:C,renderGroupRow:r,renderSummaryRow:u}}function Pe(a){var O,G;const v=new Map,c=new Map,w=e.ref(((O=a.group)==null?void 0:O.groupFields)||[]),W=e.ref(((G=a.group)==null?void 0:G.enable)||!1),b=e.ref(a.data),D=_e(a),$=e.ref(a.summary),p=e.computed(()=>{const x=$.value;return(x==null?void 0:x.groupFields)||[]}),j=p.value.reduce((x,_)=>(x.set(_,0),x),new Map),f=e.computed(()=>b.value.length),i=e.ref(a.pagination),C=e.computed(()=>{var x;return((x=i.value)==null?void 0:x.size)||b.value.length}),r=e.ref(1);function u(){let x=b.value;W.value&&(x=D.renderGroupedData(w.value,b.value));const _=(r.value-1)*C.value,t=Math.min(_+C.value,f.value);let n=0;const o=[];for(let g=_;g<t;g++){const d=x[g];d.__fv_data_grid_group_row__?(n=0,d.__fv_data_index__=""):d.__fv_data_grid_group_summary__?d.__fv_data_index__="":(n++,d.__fv_data_index__=n),d.__fv_index__=g,p.value.forEach(V=>{const B=j.get(V)||0;j.set(V,B+d[V])}),o.push(d)}return o}const s=e.ref(u());function l(x,_=!1){const t=_?u():s.value;return s.value=t.filter((n,o)=>x.reduce((g,d)=>g&&d(n),!0)).map((n,o)=>{if(n.__fv_data_grid_group_row__){const g=`group_of_${n.__fv_data_grid_group_field__}_${n.__fv_data_grid_group_value__}`;n.__fv_data_grid_group_collapse__=!!v.get(g)}return n.__fv_index__=o,n}),s.value}function N(x,_){const t=`group_of_${x}_${_}`;v.set(t,!0);const n=o=>o[x]!==_;return c.set(`collapse_${x}_${_}`,n),l(Array.from(c.values()))}function h(x,_){const t=`group_of_${x}_${_}`;return v.set(t,!1),c.delete(`collapse_${x}_${_}`),l(Array.from(c.values()),!0)}function y(x,_,t){return(x&&x.length?s.value.filter((o,g)=>x.reduce((d,V)=>d&&V(o),!0)):s.value).slice(_,t)}function H(x){if(x*C.value<f.value){r.value=x;const t=u();s.value=t}}return{collapse:N,dataView:s,expand:h,getRange:y,navigatePageTo:H,summaries:j,totalItems:f}}function ke(a){return e.createVNode(e.resolveComponent("f-date-picker"),{modelValue:a.data,onDatePicked:v=>a.update(v)},null)}function Ee(a){const v=e.computed(()=>({height:"100%",resize:"none"}));return e.createVNode("textarea",{class:"form-control",name:"text-area-cell-editor",onInput:c=>{var w;return a.update((w=c.target)==null?void 0:w.value)},style:v.value,title:a.data,value:a.data},null)}function ve(a){return e.createVNode("input",{class:"form-control",name:"text-cell-editor",title:a.data,type:"text",value:a.data,onChange:v=>{var c;return a.update((c=v.target)==null?void 0:c.value)}},null)}function Re(a){var f;const v=e.ref(a.editable),c=e.ref(((f=a.rowOption)==null?void 0:f.wrapContent)||!1);e.watch(()=>a.editable,()=>{v.value=a.editable});const w=new Map([["boolean","checkbox"],["datetime","date-picker"],["number","text-editor"],["string","text-editor"],["text","text-area"]]),W=new Map([["checkbox",ve],["date-picker",ke],["text-editor",ve],["text-area",Ee]]);let b;function D(i){i.mode=K.editing,b=i}function $(i){i.mode=K.editable}function p(i,C){v.value&&C.mode===K.editable&&b!==C&&(b&&$(b),D(C))}function j(i,C){const r=C.dataType;let u=C.editor||w.get(r)||"text-editor";!c.value&&u==="text-area"&&(u="text-editor");const s=W.get(u);return s?s(i):i.data}return{getEditor:j,onClickCell:p}}function ze(a,v,c,w,W,b,D,$,p,j){const{calculateCellPositionInRow:f,cellKey:i,cellPosition:C,rowKey:r,rowPosition:u,rowSpanCellPosition:s,groupCellPosition:l,summaryCellPosition:N}=c,{collpaseGroupIconClass:h}=b,{gridRowClass:y,onClickRow:H,onMouseoverRow:O}=D,{onClickCell:G}=W,{toggleGroupRow:x}=$,{columnContext:_,hasLeftFixedColumn:t,hasRightFixedColumn:n}=w,{onMouseDownScrollThumb:o,onWheel:g,dataGridWidth:d,gridDataStyle:V,gridMergedDataStyle:B,gridSideStyle:S,viewPortHeight:P,viewPortWidth:E,horizontalScrollThumbStyle:A,leftFixedGridDataStyle:X,leftFixedGridMergedDataStyle:U,rightFixedGridDataStyle:J,rightFixedGridMergedDataStyle:ee,verticalScrollThumbStyle:oe}=p;function te(m,R){R.collapse=!R.collapse,j.value=x(R.collapse?"collapse":"expand",R,j.value)}function ae(m,R){const M=[];if(m.groupField&&R[m.groupField]){for(let Y=0;Y<=m.layer;Y++)M.push(e.createVNode("div",{class:"fv-grid-group-row-icon",onClick:F=>te(F,m)},[e.createVNode("span",{class:h(m)},null)]));const z=m.data[m.groupField];M.push(e.createVNode("div",{ref:z.setRef,key:i(m,m.layer+1),class:"fv-grid-cell",style:l(z,R,m.layer)},[z.data])),Object.values(m.data).filter(Y=>Y.field!==m.groupField&&Y.colSpan!==0).forEach(Y=>{M.push(e.createVNode("div",{ref:Y.setRef,key:i(m,Y.index),class:"fv-grid-cell",style:C(Y,R)},[Y.data]))})}return M}function le(m,R){return m.layer>-1&&e.createVNode("div",{ref:m.setRef,key:r(m),class:y(m),style:u(m),onClick:M=>H(M,m),onMouseover:M=>O(M,m)},[ae(m,R)])}function ce(m,R){const M=[];if(m.groupField&&R[m.groupField]){const z=m.data[m.groupField];M.push(e.createVNode("div",{ref:z.setRef,key:i(m,m.layer+1),class:"fv-grid-cell",style:N(z,R,m.layer)},[z.data]))}return M}function fe(m,R){return m.layer>-1&&e.createVNode("div",{ref:m.setRef,key:r(m),class:y(m),style:u(m),onClick:M=>H(M,m),onMouseover:M=>O(M,m)},[ce(m,R)])}function he(m,R){return e.createVNode("div",{ref:m.setRef,key:r(m),class:y(m),style:u(m),onClick:M=>H(M,m),onMouseover:M=>O(M,m)},[Object.values(m.data).filter(M=>R[M.field]&&M.rowSpan===1).map(M=>e.createVNode("div",{ref:M.setRef,key:i(m,M.index),class:"fv-grid-cell",style:C(M,R),onClick:z=>G(z,M)},[M.mode===K.editing?M.getEditor(M):M.data]))])}const pe=[he,le,fe];function ie(m,R){const M=f(m);return j.value.map(z=>pe[z.type](z,M))}function se(m){const R=f(m);return j.value.map(M=>Object.values(M.data).filter(z=>R[z.field]&&z.rowSpan>1).map(z=>e.createVNode("div",{key:i(M,z.index),class:"fv-grid-cell fv-grid-merged-cell",style:s(M,z,R)},[z.data])))}function ne(){return e.createVNode("div",{class:"fv-grid-content-left-fixed"},[e.createVNode("div",{class:"fv-grid-data",style:X.value},[ie(_.value.leftColumns)]),e.createVNode("div",{class:"fv-grid-merge-date",style:U.value},[se(_.value.leftColumns)])])}function Z(){return e.createVNode("div",{ref:v,class:"fv-grid-content-primary"},[e.createVNode("div",{class:"fv-grid-data",style:V.value},[ie(_.value.primaryColumns)]),e.createVNode("div",{class:"fv-grid-merge-date",style:B.value},[se(_.value.primaryColumns)])])}function I(){return e.createVNode("div",{class:"fv-grid-content-right-fixed"},[e.createVNode("div",{class:"fv-grid-data",style:J.value},[ie(_.value.rightColumns)]),e.createVNode("div",{class:"fv-grid-merge-date",style:ee.value},[se(_.value.rightColumns)])])}function re(){const m=[];return t.value&&m.push(ne()),m.push(Z()),n.value&&m.push(I()),m}return{renderDataArea:re}}function Te(a,v,c,w){const W=e.ref(-1),b=e.ref(0),D=e.ref(!1);let $="";const p=e.computed(()=>({display:D.value?"block":"none",left:`${b.value}px`})),j=e.computed(()=>({display:D.value?"block":"none"}));function f(r){b.value=r.clientX-r.target.parentElement.offsetLeft}function i(r){const u=v.value.primaryColumns.find(s=>s.field===$)||v.value.leftColumns.find(s=>s.field===$)||v.value.rightColumns.find(s=>s.field===$);if(u){const s=r.clientX-r.target.parentElement.offsetLeft;u.actualWidth=(u.actualWidth||0)+(s-W.value),c.calculateColumnHeaders(v),c.calculateColumnsWidth(v)}b.value=0,D.value=!1,w.reCalculateVisualDataRows(),document.removeEventListener("mousemove",f),document.body.style.userSelect="",$=""}function C(r,u){$=u,D.value=!0;const s=r.path.find(l=>l.className.split(" ")[0]==="fv-grid");b.value=r.clientX-s.offsetLeft,W.value=r.clientX-s.offsetLeft,document.addEventListener("mousemove",f),document.addEventListener("mouseup",i),document.body.style.userSelect="none"}return{onClickColumnResizeBar:C,resizeHandleStyle:p,resizeOverlayStyle:j}}function Ae(a,v,c,w,W,b,D){const{showRowCheckbox:$,showRowNumer:p,sidebarCornerCellStyle:j}=W,{columnContext:f,hasLeftFixedColumn:i,hasRightFixedColumn:C}=c,{onClickColumnResizeBar:r,resizeHandleStyle:u,resizeOverlayStyle:s}=Te(a,f,w,b),{gridHeaderColumnsStyle:l,leftFixedGridHeaderColumnsStyle:N,rightFixedGridHeaderColumnsStyle:h}=b,y=f.value.defaultColumnWidth,H=32,O=new Map([[0,0]]);function G(S,P){const E=O.get(P)||0,A={height:`${S.depth*H}px`,left:`${S.left}px`,top:`${(S.layer-1)*H}px`,width:`${S.actualWidth}px`};return f.value.headerDepth>1&&(A["line-height"]=`${S.depth*H}px`),O.set(P+1,E+(S.actualWidth||y)),A}const x=e.computed(()=>({"fv-grid-header":!0,"fv-grid-header-group-columns":f.value.headerDepth>1})),_=e.computed(()=>({height:`${f.value.headerDepth*H}px`}));function t(S,P){return e.createVNode("div",{class:"fv-grid-header-cell",style:G(S,P)},[S.title,S.resizable&&e.createVNode("span",{class:"fv-column-resize-bar",onMousedown:E=>r(E,S.field)},null)])}function n(S){return S.map((P,E)=>{const A=[];if(A.push(t(P,E)),P.children&&P.children.length){const X=n(P.children);A.push(...X)}return A})}function o(){return e.createVNode("div",{class:"fv-grid-header-left-fixed"},[e.createVNode("div",{class:"fv-grid-header-columns",style:N.value},[n(f.value.leftHeaderColumns)])])}function g(){return e.createVNode("div",{class:"fv-grid-header-right-fixed"},[e.createVNode("div",{class:"fv-grid-header-columns",style:h.value},[n(f.value.rightHeaderColumns)])])}function d(){var S;return e.createVNode("div",{class:"fv-grid-header-corner",style:j.value},[$.value&&e.createVNode("div",{class:"custom-control custom-checkbox f-checkradio-single fv-grid-sidebar-row-checkbox"},[e.createVNode("input",{id:"sidebar_checkall",title:"sidebar_checkall",type:"checkbox",class:"custom-control-input"},null),e.createVNode("label",{class:"custom-control-label",for:"sidebar_checkall"},null)]),p.value&&((S=a.rowNumber)==null?void 0:S.heading)])}function V(){return e.createVNode("div",{class:x.value,style:_.value},[($.value||p.value)&&d(),i.value&&o(),e.createVNode("div",{class:"fv-grid-header-primary"},[e.createVNode("div",{class:"fv-grid-header-columns",style:l.value},[n(f.value.primaryHeaderColumns)])]),C.value&&g()])}function B(){return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"fv-datagrid-resize-overlay",style:s.value},null),e.createVNode("div",{class:"fv-datagrid-resize-proxy",style:u.value},null)])}return{renderGridHeader:V,renderGridColumnResizeOverlay:B}}function Le(a,v){const c=e.computed(()=>1e4);function w(b){v.navigatePageTo(b)}function W(){return e.createVNode("div",{class:"fv-datagrid-pagination"},[e.createVNode(e.resolveComponent("f-pagination"),{mode:"default",totalItems:c.value,onPageIndexChanged:w},null)])}return{renderDataGridPagination:W}}function Xe(a,v,c,w){const{onMouseoverRow:W,sidebarRowClass:b}=v,{showRowCheckbox:D,showRowNumer:$,sidebarCellPosition:p,sidebarWidth:j}=c,{gridSideStyle:f}=w;function i(s){return e.createVNode("div",{class:"custom-control custom-checkbox f-checkradio-single fv-grid-sidebar-row-checkbox"},[e.createVNode("input",{id:`${s.dataIndex}`,title:`${s.dataIndex}`,type:"checkbox",class:"custom-control-input"},null),e.createVNode("label",{class:"custom-control-label",for:`${s.dataIndex}`},null)])}function C(s){return e.createVNode("div",{class:"fv-grid-sidebar-row-number",onMouseover:l=>W(l,s)},[s.dataIndex])}function r(s){return(D.value||$.value)&&s.value.map(l=>e.createVNode("div",{class:b(l),style:p(l)},[D.value&&i(l),$.value&&C(l)]))}function u(s){return e.createVNode("div",{class:"fv-grid-content-side"},[e.createVNode("div",{class:"fv-grid-side",style:f.value},[r(s)])])}return{renderDataGridSidebar:u}}function Ye(a,v,c){const{columnContext:w}=c,W=e.ref(a.summary),b=e.computed(()=>{const $=W.value;return $&&$.enable&&$.groupFields&&$.groupFields.length>0});function D(){return b.value&&e.createVNode("div",{class:"fv-datagrid-summary"},[e.createVNode("div",{class:"fv-datagird-summary-panel"},[e.createVNode("span",{class:"fv-datagrid-summary-title"},[e.createTextVNode("当页合计")]),e.createVNode("div",{class:"fv-datagrid-summary-content"},[w.value.summaryColumns.map($=>e.createVNode("div",{class:"fv-datagrid-summary-field"},[e.createVNode("span",{class:"fv-datagrid-summary-field-title"},[`${$.title}:`]),e.createVNode("span",{class:"fv-datagrid-summary-field-value"},[v.summaries.get($.field)])]))])])])}return{renderDataGridSummery:D}}function Ke(a,v,c){const{horizontalScrollThumbStyle:w,onMouseDownScrollThumb:W}=c;function b(){return e.createVNode("div",{class:"fv-grid-horizontal-scroll"},[e.createVNode("div",{class:"fv-grid-horizontal-scroll-thumb",style:w.value,onMousedown:D=>W(D,v,"horizontal")},null)])}return{renderHorizontalScrollbar:b}}function qe(a,v,c){const{verticalScrollThumbStyle:w,onMouseDownScrollThumb:W}=c;function b(){return e.createVNode("div",{class:"fv-grid-vertical-scroll"},[e.createVNode("div",{class:"fv-grid-vertical-scroll-thumb",style:w.value,onMousedown:D=>W(D,v,"vertical")},null)])}return{renderVerticalScrollbar:b}}const Je="",ue=e.defineComponent({name:"FDataGrid",props:ge,emits:[],setup(a){var ee;const v=e.ref(a.columns),c=20,w=0,W=e.ref(),b=e.ref(),D=e.ref(a.showStripe),$=e.ref(!1),p=e.ref(((ee=a.rowOption)==null?void 0:ee.wrapContent)||!1),j=Pe(a),f=je(a),{columnContext:i}=f,C=Fe(a,i),{calculateColumnsSize:r}=C,u=_e(a),s=Re(a),l=Ne(a,v,u,j,c,w,s),{getVisualData:N}=l,h=$e(a,i),y=Me(a),{sidebarWidth:H}=y,O=e.ref(N(0,c+w)),G=Ge(a,j,O,i,l,c,w,H),{onWheel:x,dataGridWidth:_,viewPortHeight:t,viewPortWidth:n}=G,o=De(a),g=e.computed(()=>({"fv-grid":!0,"fv-datagrid-strip":D.value})),d=e.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":$.value,"fv-grid-wrap-content":p.value})),{renderDataArea:V}=ze(a,b,h,f,s,u,o,l,G,O),{renderGridHeader:B,renderGridColumnResizeOverlay:S}=Ae(a,W,f,C,y,G),{renderDataGridPagination:P}=Le(a,j),{renderDataGridSidebar:E}=Xe(a,o,y,G),{renderDataGridSummery:A}=Ye(a,j,f),{renderHorizontalScrollbar:X}=Ke(a,W,G),{renderVerticalScrollbar:U}=qe(a,W,G);function J(oe){var te,ae,le;t.value=((te=b.value)==null?void 0:te.clientHeight)||0,n.value=((ae=b.value)==null?void 0:ae.clientWidth)||0,_.value=((le=W.value)==null?void 0:le.clientWidth)||0}return e.onMounted(()=>{W.value&&(window.addEventListener("resize",J),r(i,W.value,n),e.nextTick(()=>{W.value&&(_.value=W.value.clientWidth),b.value&&(n.value=b.value.clientWidth,t.value=b.value.clientHeight)}))}),e.onUnmounted(()=>{window.removeEventListener("resize",J)}),e.watch(n,()=>{W.value&&r(i,W.value,n)}),()=>e.createVNode("div",{class:g.value,style:"height:600px",onWheel:x},[B(),e.createVNode("div",{ref:W,class:d.value,onMouseover:()=>{$.value=!0},onMouseleave:()=>{$.value=!1}},[E(O),V(),X(),U()]),A(),P(),S()])}}),Ue={install(a){a.component(ue.name,ue)}};T.FDataGrid=ue,T.columnOptions=We,T.dataGridProps=ge,T.default=Ue,T.editOptions=Ve,T.filterOptions=be,T.groupOptions=we,T.headerOptions=Ce,T.paginationOptions=ye,T.rowNumberOptions=Se,T.rowOptions=Oe,T.selectionOptions=He,T.sortOptions=me,T.summaryOptions=xe,Object.defineProperties(T,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/data-grid/package.json
CHANGED
package/date-picker/index.esm.js
CHANGED
|
@@ -133,7 +133,7 @@ function te() {
|
|
|
133
133
|
isMonthDisabledByDisableUntil: f
|
|
134
134
|
};
|
|
135
135
|
}
|
|
136
|
-
const oe = G({
|
|
136
|
+
const oe = /* @__PURE__ */ G({
|
|
137
137
|
name: "FDatePickerCalendarView",
|
|
138
138
|
props: ht,
|
|
139
139
|
emits: ["click", "clickWeek", "keyDown", "mouseEnter", "mouseLeave"],
|
|
@@ -263,7 +263,7 @@ const oe = G({
|
|
|
263
263
|
selectingYear: { type: Boolean, default: !1 },
|
|
264
264
|
selectMode: { type: String, default: "day" }
|
|
265
265
|
};
|
|
266
|
-
const le = G({
|
|
266
|
+
const le = /* @__PURE__ */ G({
|
|
267
267
|
name: "FDatePickerCalendarNavbar",
|
|
268
268
|
props: bt,
|
|
269
269
|
emits: ["clickMonth", "clickYear", "prePage", "preRecord", "nextRecord", "nextPage"],
|
|
@@ -438,7 +438,7 @@ const le = G({
|
|
|
438
438
|
enablePeriod: { Type: Boolean, default: !1 },
|
|
439
439
|
selected: { Type: Object, default: null },
|
|
440
440
|
selectedPeriod: { Type: Object, default: null }
|
|
441
|
-
}, re = G({
|
|
441
|
+
}, re = /* @__PURE__ */ G({
|
|
442
442
|
name: "FDatePickerMonthView",
|
|
443
443
|
props: kt,
|
|
444
444
|
emits: ["click", "keyDown", "mouseEnter", "mouseLeave"],
|
|
@@ -529,7 +529,7 @@ const le = G({
|
|
|
529
529
|
enablePeriod: { Type: Boolean, default: !1 },
|
|
530
530
|
selected: { Type: Object, default: null },
|
|
531
531
|
selectedPeriod: { Type: Object, default: null }
|
|
532
|
-
}, ue = G({
|
|
532
|
+
}, ue = /* @__PURE__ */ G({
|
|
533
533
|
name: "FDatePickerYearView",
|
|
534
534
|
props: gt,
|
|
535
535
|
emits: ["click", "keyDown", "mouseEnter", "mouseLeave"],
|
|
@@ -828,7 +828,7 @@ function Tt() {
|
|
|
828
828
|
}
|
|
829
829
|
return { generateYears: i };
|
|
830
830
|
}
|
|
831
|
-
const Me = G({
|
|
831
|
+
const Me = /* @__PURE__ */ G({
|
|
832
832
|
name: "FDatePickerContainer",
|
|
833
833
|
props: mt,
|
|
834
834
|
emits: ["datePicked"],
|
|
@@ -1121,13 +1121,13 @@ const Me = G({
|
|
|
1121
1121
|
}, [me.value && v("button", {
|
|
1122
1122
|
class: "btn btn-link",
|
|
1123
1123
|
onClick: ut
|
|
1124
|
-
}, [ne("
|
|
1124
|
+
}, [ne("今天")]), Ge.value && v("button", {
|
|
1125
1125
|
class: "btn btn-link",
|
|
1126
1126
|
onClick: st
|
|
1127
|
-
}, [ne("
|
|
1127
|
+
}, [ne("本月")]), Qe.value && v("button", {
|
|
1128
1128
|
class: "btn btn-link",
|
|
1129
1129
|
onClick: it
|
|
1130
|
-
}, [ne("
|
|
1130
|
+
}, [ne("今年")])])])]), ct.value && v("div", {
|
|
1131
1131
|
class: "f-datepicker-content"
|
|
1132
1132
|
}, [be(!0, Je.value), ke(!0, Ze.value), n.value && ge(!0, at.value), y.value && pe(!0, lt.value)])]);
|
|
1133
1133
|
}
|
|
@@ -1147,27 +1147,84 @@ const Me = G({
|
|
|
1147
1147
|
highlightDates: { Type: Array, default: [] },
|
|
1148
1148
|
highlightSaturday: { Type: Boolean, default: !1 },
|
|
1149
1149
|
highlightSunday: { Type: Boolean, default: !1 },
|
|
1150
|
+
/**
|
|
1151
|
+
* 组件值
|
|
1152
|
+
*/
|
|
1150
1153
|
modelValue: { type: String, default: "" },
|
|
1151
1154
|
nameOfMonths: { Type: Object, default: Te },
|
|
1152
1155
|
periodDelimiter: { Type: String, default: "" }
|
|
1153
1156
|
}, Ct = {
|
|
1157
|
+
/**
|
|
1158
|
+
* 组件标识
|
|
1159
|
+
*/
|
|
1154
1160
|
id: String,
|
|
1161
|
+
/**
|
|
1162
|
+
* 扩展按钮显示内容,这是一段现在扩展按钮中的html标签
|
|
1163
|
+
*/
|
|
1155
1164
|
buttonContent: { type: String, default: '<i class="f-icon f-icon-lookup"></i>' },
|
|
1165
|
+
/**
|
|
1166
|
+
* 启用输入框自动完成功能
|
|
1167
|
+
*/
|
|
1156
1168
|
autoComplete: { type: Boolean, default: !1 },
|
|
1169
|
+
/**
|
|
1170
|
+
* 组件自定义样式
|
|
1171
|
+
*/
|
|
1157
1172
|
customClass: { type: String, default: "" },
|
|
1173
|
+
/**
|
|
1174
|
+
* 禁用组件,既不允许在输入框中录入,也不允许点击扩展按钮。
|
|
1175
|
+
*/
|
|
1158
1176
|
disable: { type: Boolean, default: !1 },
|
|
1177
|
+
/**
|
|
1178
|
+
* 允许在输入框中录入文本。
|
|
1179
|
+
*/
|
|
1159
1180
|
editable: { type: Boolean, default: !0 },
|
|
1181
|
+
/**
|
|
1182
|
+
* 显示清空文本按钮
|
|
1183
|
+
*/
|
|
1160
1184
|
enableClear: { type: Boolean, default: !1 },
|
|
1185
|
+
/**
|
|
1186
|
+
* 组件值
|
|
1187
|
+
*/
|
|
1161
1188
|
modelValue: { type: String, default: "" },
|
|
1189
|
+
/**
|
|
1190
|
+
* 将组件设置为只读,既不允许在输入框中录入,也不允许点击扩展按钮,但是允许复制输入框中的内容。
|
|
1191
|
+
*/
|
|
1162
1192
|
readonly: { type: Boolean, default: !1 },
|
|
1193
|
+
/**
|
|
1194
|
+
* 文本对齐方式
|
|
1195
|
+
*/
|
|
1163
1196
|
textAlign: { type: String, default: "left" },
|
|
1197
|
+
/**
|
|
1198
|
+
* 禁用组件时,是否显示扩展按钮
|
|
1199
|
+
*/
|
|
1164
1200
|
showButtonWhenDisabled: { type: Boolean, default: !1 },
|
|
1201
|
+
/**
|
|
1202
|
+
* 显示输入框的标签
|
|
1203
|
+
*/
|
|
1165
1204
|
enableTitle: { type: Boolean, default: !1 },
|
|
1205
|
+
/**
|
|
1206
|
+
* 输入框类型
|
|
1207
|
+
*/
|
|
1166
1208
|
inputType: { type: String, default: "text" },
|
|
1209
|
+
/**
|
|
1210
|
+
* 显示输入框提示信息
|
|
1211
|
+
*/
|
|
1167
1212
|
forcePlaceholder: { type: Boolean, default: !1 },
|
|
1213
|
+
/**
|
|
1214
|
+
* 输入框提示文本
|
|
1215
|
+
*/
|
|
1168
1216
|
placeholder: { type: String, default: "" },
|
|
1217
|
+
/**
|
|
1218
|
+
* 输入框最小长度
|
|
1219
|
+
*/
|
|
1169
1220
|
minLength: Number,
|
|
1221
|
+
/**
|
|
1222
|
+
* 输入框最大长度
|
|
1223
|
+
*/
|
|
1170
1224
|
maxLength: Number,
|
|
1225
|
+
/**
|
|
1226
|
+
* 输入框Tab键索引
|
|
1227
|
+
*/
|
|
1171
1228
|
tabIndex: Number
|
|
1172
1229
|
};
|
|
1173
1230
|
function Dt(e, l, s) {
|
|
@@ -1275,7 +1332,7 @@ function Bt(e, l, s, k, i) {
|
|
|
1275
1332
|
u.stopPropagation(), (y || b) && (c("", !1), d(!r.value), l.emit("clear"));
|
|
1276
1333
|
}
|
|
1277
1334
|
function f(u) {
|
|
1278
|
-
if (
|
|
1335
|
+
if (h.value) {
|
|
1279
1336
|
if (!s.value) {
|
|
1280
1337
|
d(!1);
|
|
1281
1338
|
return;
|
|
@@ -1284,7 +1341,7 @@ function Bt(e, l, s, k, i) {
|
|
|
1284
1341
|
}
|
|
1285
1342
|
}
|
|
1286
1343
|
function n(u) {
|
|
1287
|
-
|
|
1344
|
+
h.value && d(!1);
|
|
1288
1345
|
}
|
|
1289
1346
|
return {
|
|
1290
1347
|
enableClearButton: h,
|
|
@@ -1296,7 +1353,7 @@ function Bt(e, l, s, k, i) {
|
|
|
1296
1353
|
}
|
|
1297
1354
|
const wt = {
|
|
1298
1355
|
popupContentPosition: { type: Object, default: { left: 0, top: 0 } }
|
|
1299
|
-
}, Ot = G({
|
|
1356
|
+
}, Ot = /* @__PURE__ */ G({
|
|
1300
1357
|
name: "FOverlay",
|
|
1301
1358
|
props: wt,
|
|
1302
1359
|
emits: ["click"],
|
|
@@ -1325,7 +1382,7 @@ const wt = {
|
|
|
1325
1382
|
}
|
|
1326
1383
|
});
|
|
1327
1384
|
}
|
|
1328
|
-
}), Nt = G({
|
|
1385
|
+
}), Nt = /* @__PURE__ */ G({
|
|
1329
1386
|
name: "FButtonEdit",
|
|
1330
1387
|
props: Ct,
|
|
1331
1388
|
emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
|
|
@@ -1439,7 +1496,7 @@ const wt = {
|
|
|
1439
1496
|
}
|
|
1440
1497
|
})]);
|
|
1441
1498
|
}
|
|
1442
|
-
}), Pe = G({
|
|
1499
|
+
}), Pe = /* @__PURE__ */ G({
|
|
1443
1500
|
name: "FDatePicker",
|
|
1444
1501
|
props: xt,
|
|
1445
1502
|
emits: ["update:modelValue", "datePicked"],
|
package/date-picker/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(q,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(q=typeof globalThis<"u"?globalThis:q||self,e(q["date-picker"]={},q.Vue))})(this,function(q,e){"use strict";const Q=["Sun.","Mon.","Tue.","Wed.","Thur","Fri.","Sat."];var L=(t=>(t[t.previous=1]="previous",t[t.current=2]="current",t[t.next=3]="next",t))(L||{});const se={dates:{Type:Array,default:[]},daysInWeek:{Type:Array,default:Q},enableKeyboadNavigate:{Type:Boolean,default:!0},enableMarkCurrent:{Type:Boolean,default:!0},enablePeriod:{Type:Boolean,default:!1},firstDayOfTheWeek:{Type:Boolean,default:"Sun."},selected:{Type:Object,default:null},selectedPeriod:{Type:Object,default:null},selectedWeek:{Type:Object,default:null},selectMode:{Type:String,default:"day"},showWeekNumber:{Type:Boolean,default:!1},weekTitle:{Type:String,default:"Week"}},Pt="";var U=(t=>(t[t.enter=13]="enter",t[t.esc=27]="esc",t[t.space=32]="space",t[t.leftArrow=37]="leftArrow",t[t.upArrow=38]="upArrow",t[t.rightArrow=39]="rightArrow",t[t.downArrow=40]="downArrow",t[t.tab=9]="tab",t[t.shift=16]="shift",t))(U||{});function ee(){function t(l){const i=l.key||l.keyCode;return i==="Enter"||i===13?13:i==="Escape"||i===27?27:i===" "||i===32?32:i==="ArrowLeft"||i===37?37:i==="ArrowUp"||i===38?38:i==="ArrowRight"||i===39?39:i==="ArrowDown"||i===40?40:i==="Tab"||i===9?9:i==="Shift"||i===16?16:-1}return{getKeyCodeFromEvent:t}}function H(){function t(){return{year:0,month:0,day:0}}function l(a){return new Date(a.year||0,a.month?a.month-1:0,a.day||0,a.hour?a.hour:0,a.minute?a.minute:0,a.second?a.second:0,0)}function i(a){const f=new Date;return a.year||(a.year=f.getFullYear()),a.month||(a.month=f.getMonth()+1),a.day||(a.day=1),new Date(a.year,a.month-1,a.day,a.hour?a.hour:0,a.minute?a.minute:0,a.second?a.second:0,0)}function v(a){return new Date(a.year||1,(a.month||1)-1,a.day,a.hour?a.hour:0,a.minute?a.minute:0,a.second?a.second:0,0).getDay()}function c(a){return Q.indexOf(a)}function r(a){return l(a).getTime()}function h(a){return Math.round(r(a)/1e3)}function u(a,f,o){const s=r(f),y=r(o),b=r(a);return y-b>b-s?f:o}function d(){const a=new Date;return{year:a.getFullYear(),month:a.getMonth()+1,day:a.getDate(),hour:a.getHours(),minute:a.getMinutes(),second:a.getSeconds()}}return{emptyDate:t,getDate:l,getDate2:i,getDayNumber:v,getEpocTime:h,getNearDate:u,getWeekdayIndex:c,getTimeInMilliseconds:r,getToday:d}}function X(){const{getTimeInMilliseconds:t}=H();function l(o){return o&&o.year!==0&&o.month!==0&&o.day!==0}function i(o){return o&&o.year!==0&&o.month!==0}function v(o){return o&&o.year!==0}function c(o,s){return t(o)<t(s)}function r(o,s){return t(o)<=t(s)}function h(o,s){return t(o)===t(s)}function u(o,s){const y=t(s);return t(o.from)===y||t(o.to)===y}function d(o,s){return!s||!l(s.to)||!l(s.from)?!1:r(s.from,o)&&r(o,s.to)}function a(o,s){return l(s)&&t(o)>=t(s)}function f(o,s){return l(s)&&t(o)<=t(s)}return{isDateEarlier:c,equal:h,inPeriod:d,isPoint:u,equalOrEarlier:r,isInitializedDate:l,isInitializedMonth:i,isInitializedYear:v,isMonthDisabledByDisableSince:a,isMonthDisabledByDisableUntil:f}}const Z=e.defineComponent({name:"FDatePickerCalendarView",props:se,emits:["click","clickWeek","keyDown","mouseEnter","mouseLeave"],setup(t,l){const i=e.ref(t.dates),v=e.ref(t.daysInWeek),c=e.ref(t.enableKeyboadNavigate),r=e.ref(t.enableMarkCurrent),h=e.ref(t.enablePeriod),u=e.ref(t.firstDayOfTheWeek),d=e.ref(t.selected),a=e.ref(t.selectedPeriod),f=e.ref(t.selectedWeek),o=e.ref(t.selectMode),s=e.ref(t.showWeekNumber),y=e.ref(t.weekTitle),b=e.computed(()=>s.value&&u.value==="Mon");e.watch(()=>t.dates,()=>{i.value=t.dates}),e.watch(()=>t.selected,()=>{d.value=t.selected});const{equal:V,inPeriod:x,isInitializedDate:T,equalOrEarlier:D,isPoint:p}=X(),{getKeyCodeFromEvent:g}=ee(),N=n=>{const P=!!f.value&&n.numberInTheYear===f.value.numberInTheYear&&n.year===f.value.year;return{"f-datepicker-selectWeek":o.value==="week","f-datepicker-selectedWeek":o.value==="week"&&P}},m=e.computed(()=>s.value&&u.value==="Mon");function C(n){return x(n,a.value)}function B(n){return!!a.value&&p(a.value,n)}function Y(n){return!!d.value&&V({year:d.value.year,month:d.value.month,day:d.value.day},n)}const $=(n,P,k)=>{const W=o.value!=="week"&&n.tag===L.current&&(h.value&&C(n.date)&&!B(n.date)||n.range),R=n.tag===L.previous||n.tag===L.next,z={"f-datepicker-range":W,"f-datepicker-no-currmonth":R,"f-datepicker-disabled":n.disable,"f-datepicker-singledate":!n.disable},J=`d_${P}_${k}`;return z[J]=!0,z},j=n=>{const P=o.value!=="week"&&n.tag===L.current&&(!h.value&&Y(n.date)||h.value&&B(n.date)),k=n.isCurrent&&r.value,W=n.highlight&&(n.tag===L.previous||n.tag===L.next||n.disable);return{"f-datepicker-date":!0,"f-datepicker-selected":P,"f-datepicker-current":k,"f-datepicker-opacity":W,"f-datepicker-highlight":n.highlight,"f-datepicker-disabled":n.disable}};function I(n,P){P.disable||o.value==="week"||(n.stopPropagation(),l.emit("click",P.date))}function A(n,P){o.value==="week"&&(n.stopPropagation(),l.emit("clickWeek",P))}function K(n,P){const k=g(n);k!==U.tab&&(n.preventDefault(),k===U.enter||k===U.space?I(n,P):c.value&&l.emit("keyDown",P.date))}function F(n){a.value&&T(a.value.from)&&!T(a.value.to)&&(i.value.forEach(P=>{P.days.forEach(k=>{k.range=!!a.value&&(D(a.value.from,k.date)&&D(k.date,n.date)||D(k.date,a.value.from)&&D(n.date,k.date))})}),l.emit("mouseEnter",n.date))}function _(){i.value.forEach(n=>{n.days.forEach(P=>{P.range=!1})}),l.emit("mouseLeave")}return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"f-datepicker-table-wrapper"},[e.createVNode("table",{class:"f-datepicker-table",cellpadding:"0"},[e.createVNode("thead",null,[e.createVNode("tr",null,[b.value&&e.createVNode("th",{class:"f-datepicker-weeknbr-title"},[y.value]),v.value&&v.value.map(n=>e.createVNode("th",{scope:"col",style:"padding-bottom: 8px;padding-top: 4px"},[n]))])]),e.createVNode("tbody",null,[i.value&&i.value.map((n,P)=>e.createVNode("tr",{class:N(n),onClick:k=>A(k,n)},[m.value&&e.createVNode("td",{class:"f-datepicker-weeknbr"},[e.createVNode("div",{class:"f-datepicker-date"},[n.numberInTheYear])]),n.days&&n.days.map((k,W)=>e.createVNode("td",{id:`d_${P}_${W}`,tabindex:"0",class:$(k,P,W),onClick:R=>I(R,k),onKeydown:R=>K(R,k),onMouseenter:()=>F(k),onMouseleave:()=>_()},[k.marked&&k.marked.marked&&e.createVNode("span",{class:"f-datepicker-markdate",style:{"background-color":k.marked.color}},null),e.createVNode("div",{class:j(k)},[k.date.day])]))]))])])])])}}),Me={activeMonth:{type:Object,require:!0},ariaLabelPrevMonth:{type:String,default:""},ariaLabelNextMonth:{type:String,default:""},dateFormat:{type:String,default:"yyyy-MM-dd"},disablePrePage:{type:Boolean,default:!1},disablePreRecord:{type:Boolean,default:!1},disableNextRecord:{type:Boolean,default:!1},disableNextPage:{type:Boolean,default:!1},years:{type:Array,default:[[{}]]},selectingMonth:{type:Boolean,default:!1},selectingYear:{type:Boolean,default:!1},selectMode:{type:String,default:"day"}},Tt="",te=e.defineComponent({name:"FDatePickerCalendarNavbar",props:Me,emits:["clickMonth","clickYear","prePage","preRecord","nextRecord","nextPage"],setup(t,l){return()=>{const i=e.ref(t.ariaLabelPrevMonth),v=e.ref(t.ariaLabelNextMonth),c=e.ref(t.dateFormat),r=e.ref(t.disablePrePage),h=e.ref(t.disablePreRecord),u=e.ref(t.disableNextRecord),d=e.ref(t.disableNextPage),a=e.ref(t.activeMonth),f=e.ref(t.years),o=e.ref(t.selectingMonth),s=e.ref(t.selectingYear),y=e.ref(t.selectMode),b=e.ref(!0),V=e.ref(!0);e.watch(()=>t.activeMonth,()=>{var n,P,k,W;a.value={month:(n=t.activeMonth)==null?void 0:n.month,year:(P=t.activeMonth)==null?void 0:P.year,displayTextOfMonth:(k=t.activeMonth)==null?void 0:k.displayTextOfMonth,displayTextOfYear:(W=t.activeMonth)==null?void 0:W.displayTextOfMonth}});const x=e.computed(()=>({"f-datepicker-header":!0,monthYearSelBarBorder:o.value||s.value})),T=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-header-btn-disabled":r.value})),D=e.computed(()=>!o.value&&!s.value),p=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-header-btn-disabled":h.value})),g=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-header-btn-disabled":u.value})),N=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-header-btn-disabled":d.value})),m=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-yearLabel":b.value,"f-datepicker-labelBtnNotEdit":!b.value})),C=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-monthLabel":V.value,"f-datepicker-labelBtnNotEdit":!V.value})),B=e.computed(()=>{const n=c.value?c.value.indexOf("yyyy"):0,P=c.value?c.value.indexOf("MM"):0;return n>P?"MM-yyyy":"yyyy-MM"});function Y(n){n.stopPropagation(),l.emit("prePage")}function $(n){n.stopPropagation(),l.emit("preRecord")}function j(n){n.stopPropagation(),l.emit("clickYear")}function I(n){n.stopPropagation(),l.emit("clickMonth")}function A(n){n.stopPropagation(),n.stopPropagation(),l.emit("nextRecord")}function K(n){n.stopPropagation(),l.emit("nextPage")}function F(){return e.createVNode("button",{type:"button",class:m.value,onClick:n=>{b.value&&j(n)},tabindex:b.value?"0":"-1",disabled:y.value==="year"},[s.value?f.value.length>3?f.value[0][1].year+" - "+f.value[3][1].year:"":a.value.displayTextOfYear])}function _(){return!s.value&&y.value!=="month"&&e.createVNode("button",{type:"button",class:C.value,onClick:n=>{V.value&&I(n)},tabindex:V.value?"0":"-1"},[a.value.displayTextOfMonth])}return e.createVNode("div",{class:x.value},[e.createVNode("div",{class:"f-datepicker-prev-btn"},[e.createVNode("button",{title:"prePage",type:"button",class:T.value,onClick:Y},[e.createVNode("i",{class:"k-icon k-i-arrow-double-60-left"},null)]),D.value&&e.createVNode("button",{type:"button","aria-label":i.value,class:p.value,onClick:$},[e.createVNode("i",{class:"k-icon k-i-arrow-chevron-left"},null)])]),e.createVNode("div",{class:"f-datepicker-monthYearText"},[B.value==="yyyy-MM"?[F(),_()]:[_(),F()]]),e.createVNode("div",{class:"f-datepicker-next-btn"},[D.value&&e.createVNode("button",{type:"button","aria-label":v.value,class:g.value,onClick:A},[e.createVNode("i",{class:"k-icon k-i-arrow-chevron-right"},null)]),e.createVNode("button",{title:"nextPage",type:"button",class:N.value,onClick:K},[e.createVNode("i",{class:"k-icon k-i-arrow-double-60-right"},null)])])])}}}),ae={1:"Jan",2:"Feb",3:"Mar",4:"Apr",5:"May",6:"Jun",7:"Jul",8:"Aug",9:"Sep",10:"Oct",11:"Nov",12:"Dec"},Pe={top:{type:Number,default:0},left:{type:Number,default:0},position:{type:String,default:"bottom"},enablePeriod:{type:Boolean,default:!1},dateFormat:{type:String,default:"MM-dd-yyyy"},dates:{type:Array,default:[]},daysInWeek:{type:Array,default:Q},disableDates:{Type:Array,default:[]},disablePeriod:{Type:Array,default:[]},disableSince:{Type:Object,default:{year:0,month:0,day:0}},disableWeekdays:{Type:Array,default:[]},disableWeekends:{Type:Boolean,default:!1},disableUntil:{Type:Object,default:{year:0,month:0,day:0}},enableKeyboadNavigate:{type:Boolean,default:!0},enableMarkCurrent:{type:Boolean,default:!0},firstDayOfTheWeek:{type:String,default:"Sun."},highlightDates:{Type:Array,default:[]},highlightSaturday:{Type:Boolean,default:!1},highlightSunday:{Type:Boolean,default:!1},maxYear:{Type:Number,default:2500},minYear:{Type:Number,default:1},months:{type:Array,default:[[]]},nameOfMonths:{Type:Object,default:ae},secondaryDates:{type:Array,default:[]},secondaryMonths:{type:Array,default:[[]]},selectedDate:{type:Object,default:null},selectedMonth:{type:Object,default:null},selectedPeriod:{type:Object,default:null},selectedWeek:{type:Object,default:null},selectMode:{type:String,default:"day"},showWeekNumber:{type:Boolean,default:!1},weekTitle:{type:String,default:"Week"},years:{Type:Array,default:[[]]}},Te={months:{Type:Array,default:[[]]},enableMarkCurrent:{Type:Boolean,default:!1},enableKeyboadNavigate:{Type:Boolean,default:!0},enablePeriod:{Type:Boolean,default:!1},selected:{Type:Object,default:null},selectedPeriod:{Type:Object,default:null}},ne=e.defineComponent({name:"FDatePickerMonthView",props:Te,emits:["click","keyDown","mouseEnter","mouseLeave"],setup(t,l){const i=e.ref(t.months),v=e.ref(t.enableMarkCurrent),c=e.ref(t.enableKeyboadNavigate),r=e.ref(t.enablePeriod),h=e.ref(t.selected),u=e.ref(t.selectedPeriod),{equal:d,inPeriod:a,isInitializedDate:f,equalOrEarlier:o}=X(),{getKeyCodeFromEvent:s}=ee();e.watch(()=>t.months,()=>{i.value=t.months}),e.watch(()=>t.selected,()=>{h.value=t.selected});function y(N,m){N.stopPropagation(),!m.disable&&l.emit("click",m)}function b(N,m){const C=s(N);C!==U.tab&&(N.preventDefault(),C===U.enter||C===U.space?y(N,m):c.value&&l.emit("keyDown",m))}function V(N){u.value&&f(u.value.from)&&!f(u.value.to)&&(i.value.forEach(m=>{m.forEach(C=>{C.range=!!u.value&&(o(u.value.from,C.date)&&o(C.date,N.date)||o(C.date,u.value.from)&&o(N.date,C.date))})}),l.emit("mouseEnter",N))}function x(){i.value.forEach(N=>{N.forEach(m=>{m.range=!1})}),l.emit("mouseLeave")}function T(N){return!!h.value&&d({year:h.value.year,month:h.value.month},{year:N.year,month:N.month})}function D(N){return!!u.value&&(d({year:u.value.from.month},N)||d({year:u.value.to.month},N))}function p(N){return a(N,u.value)}const g=N=>({"f-datepicker-month-cell":!0,"f-datepicker-current":N.isCurrent&&v,"f-datepicker-selected":!r.value&&T(N.date)||r.value&&D(N.date),"f-datepicker-disabled":N.disable,"f-datepicker-range":p(N.date)||N.range});return()=>e.createVNode("div",{class:"f-datepicker-table-wrapper"},[e.createVNode("table",{class:"f-datepicker-table"},[e.createVNode("tbody",null,[i.value&&i.value.map((N,m)=>e.createVNode("tr",null,[N.map((C,B)=>e.createVNode("td",{id:`m_${m}_${B}`,class:`m_${m}_${B}`,onClick:Y=>y(Y,C),onKeydown:Y=>b(Y,C),onMouseenter:()=>V(C),onMouseleave:()=>x(),tabindex:"0",style:"width: 33.3%"},[e.createVNode("div",{class:"f-datepicker-month"},[e.createVNode("span",{class:g(C)},[C.displayText])])]))]))])])])}}),Ne={years:{Type:Array,default:[[]]},enableKeyboadNavigate:{Type:Boolean,default:!0},enableMarkCurrent:{Type:Boolean,default:!0},enablePeriod:{Type:Boolean,default:!1},selected:{Type:Object,default:null},selectedPeriod:{Type:Object,default:null}},oe=e.defineComponent({name:"FDatePickerYearView",props:Ne,emits:["click","keyDown","mouseEnter","mouseLeave"],setup(t,l){const i=e.ref(t.years),v=e.ref(t.enableMarkCurrent),c=e.ref(t.enableKeyboadNavigate),r=e.ref(t.enablePeriod),h=e.ref(t.selected),u=e.ref(t.selectedPeriod),{equal:d,inPeriod:a,isInitializedDate:f,equalOrEarlier:o}=X(),{getKeyCodeFromEvent:s}=ee();e.watch(()=>t.years,()=>{i.value=t.years}),e.watch(()=>t.selected,()=>{h.value=t.selected});const y=(m,C)=>{const B=`y_${m}_${C}`,Y={"f-datepicker-no-currmonth":m===0&&C===0||m===3&&C===2};return Y[B]=!0,Y};function b(m){return a(m,u.value)}function V(m){return!!h.value&&d({year:h.value.year},m)}function x(m){return!!u.value&&(d({year:u.value.from.year},m)||d({year:u.value.to.year},m))}const T=m=>({"f-datepicker-year-cell":!0,"f-datepicker-current":m.isCurrent&&v.value,"f-datepicker-selected":!u.value&&V(m.date)||r.value&&x(m.date),"f-datepicker-disabled":m.disable,"f-datepicker-range":b(m.date)||m.range});function D(m,C){m.stopPropagation(),!C.disable&&l.emit("click",C)}function p(m,C){const B=s(m);B!==U.tab&&(m.preventDefault(),B===U.enter||B===U.space?D(m,C):c.value&&l.emit("keyDown",C))}function g(m){u.value&&f(u.value.from)&&!f(u.value.to)&&(i.value.forEach(C=>{C.forEach(B=>{B.range=!!u.value&&(o(u.value.from,B.date)&&o(B.date,m.date)||o(B.date,u.value.from)&&o(m.date,B.date))})}),l.emit("mouseEnter",m))}function N(){i.value.forEach(m=>{m.forEach(C=>{C.range=!1})}),l.emit("mouseLeave")}return()=>e.createVNode("table",{class:"f-datepicker-table-wrapper"},[e.createVNode("tbody",{class:"f-datepicker-table"},[i.value&&i.value.map((m,C)=>e.createVNode("tr",null,[m.map((B,Y)=>e.createVNode("td",{id:"y_{yi}_{i}",class:y(C,Y),onClick:$=>D($,B),onKeydown:$=>p($,B),onMouseenter:()=>g(B),onMouseleave:()=>N(),tabindex:"0"},[e.createVNode("div",{class:"f-datepicker-year"},[e.createVNode("span",{class:T(B)},[B.year])])]))]))])])}});function le(){function t(c){return new Date(c.year||0,(c.month||1)-1,c.day,c.hour?c.hour:0,c.minute?c.minute:0,c.second?c.second:0,0).getDay()}function l(c){if(!c)return 1;if(!/^\d+$/.test(c.value))return-1;let r=Number(c.value);return(c.format.length===1&&c.value.length!==1&&r<10||c.format.length===1&&c.value.length!==2&&r>=10||c.format.length===2&&c.value.length>2)&&(r=-1),r}function i(c,r){if(c.value){for(let h=1;h<=12;h++)if(c.value.toLowerCase()===r[h].toLowerCase())return h}return-1}function v(c){const r=new Date(c.year||0,(c.month||1)-1,c.day,0,0,0,0);return r.setDate(r.getDate()+(r.getDay()===0?-3:4-r.getDay())),Math.round((r.getTime()-new Date(r.getFullYear(),0,4).getTime())/864e5/7)+1}return{getNumberByValue:l,getDayNumber:t,getMonthNumberByMonthName:i,getWeekNumber:v}}function Ce(t,l,i,v,c,r,h,u){const{getTimeInMilliseconds:d,getWeekdayIndex:a}=H(),{isInitializedDate:f}=X(),{getDayNumber:o}=le();function s(y){if(y.year&&y.year<t&&y.month===12||y.year&&y.year>l&&y.month===1)return!0;const b=d(y);if(f(v)&&b+24*60*60*1e3-1<d(v)||f(i)&&b>d(i))return!0;if(h){const x=o(y);if(x===0||x===6)return!0}const V=o(y);return!!(u.length>0&&u.find(T=>a(T)===V)||c.length>0&&c.find(T=>(T.year===0||T.year===y.year)&&(T.month===0||T.month===y.month)&&T.day===y.day)||r.length>0&&r.find(T=>f(T.from)&&f(T.to)&&b>=d(T.from)&&b<=d(T.to)))}return{isDisabledDate:s}}function xe(){const{getDayNumber:t}=le();function l(v,c,r){let h=[];h=c.reduce((d,a)=>{const f=a.dates.map(o=>({date:o,color:a.color}));return[...d,...f]},h);const u=h.find(d=>(d.date.year===0||d.date.year===v.year)&&(d.date.month===0||d.date.month===v.month)&&d.date.day===v.day);if(u)return{marked:!0,color:u.color};if(r&&r.marked){const d=t(v);if(d===0||d===6)return{marked:!0,color:r.color}}return{marked:!1,color:""}}function i(v,c,r,h){const u=t(v);return c&&u===0||r&&u===6?!0:!!h.find(a=>(a.year===0||a.year===v.year)&&(a.month===0||a.month===v.month)&&a.day===v.day)}return{isHighlightedDate:i,isMarkedDate:l}}function ie(){const{getTimeInMilliseconds:t}=H(),{isInitializedDate:l}=X();function i(c,r){return l(r)&&t(c)<=t(r)}function v(c,r){return l(r)&&t(c)>=t(r)}return{isMonthDisabledByDisableSince:v,isMonthDisabledByDisableUntil:i}}function re(){const{getToday:t}=H(),{isMonthDisabledByDisableSince:l,isMonthDisabledByDisableUntil:i}=ie();function v(f){const o={displayTextOfMonth:"",month:0,year:0,displayTextOfYear:""};if(f){const s=f.match(/[^0-9]/),y=s&&s.length?s[0]:"",b=f.split(y);o.month=b[0].length===2?Number(b[0]):Number(b[1]),o.year=b[0].length===2?Number(b[1]):Number(b[0])}return o}function c(f,o){return new Date(o,f,0).getDate()}function r(f,o,s){return new Date(f,o-1,s,0,0,0,0)}function h(f,o){const s=r(o,f,1);return s.setMonth(s.getMonth()-1),c(s.getMonth()+1,s.getFullYear())}function u(f,o,s,y){const b=t(),V=[],{year:x}=o,T=3;for(let D=1;D<=12;D+=T){const p=[];for(let g=D;g<D+T;g++){const N=l({year:x,month:g,day:1},s)||i({year:x,month:g,day:c(g,x||0)},y);p.push({month:g,displayText:f[g],isCurrent:g===b.month&&x===b.year,disable:N,date:{year:x,month:g}})}V.push(p)}return V}function d(f,o){const s={year:f===12?o+1:o},y=f===12?1:f+1;return s.month=y,s}function a(f,o){const s={year:f===1?o-1:o},y=f===1?12:f-1;return s.month=y,s}return{daysInMonth:c,daysInPreMonth:h,generateMonths:u,parseDefaultMonth:v,getNextMonth:d,getPreviousMonth:a}}function we({isDisabledDate:t}){const{getToday:l}=H(),{daysInMonth:i,daysInPreMonth:v,getNextMonth:c,getPreviousMonth:r}=re(),{isHighlightedDate:h,isMarkedDate:u}=xe(),{getWeekNumber:d}=le();function a(y){const b=Q.indexOf(y);return b>0?7-b:0}function f(y,b,V){const x=new Date;x.setDate(1),x.setMonth(b-1),x.setFullYear(y);const T=x.getDay()+V;return T>=7?T-7:T}function o(y,b,V,x,T){return y===T.day&&b===T.month&&V===T.year&&x===L.current}function s(y,b,V,x,T,D,p,g,N){const m=[],C=l(),B=f(b,y,a(V)),Y=i(y,b),$=v(y,b);let j=1,I=L.previous;for(let A=1;A<7;A++){const K=[];if(A===1){const _=$-B+1;for(let P=_;P<=$;P++){const k={year:y===1?b-1:b,month:y===1?12:y-1,day:P},W=o(P,y,b,I,C),R=t(k),z=u(k,x,T),J=h(k,g,p,D);K.push({date:k,tag:I,isCurrent:W,disable:R,marked:z,highlight:J})}I=L.current;const n=7-K.length;for(let P=0;P<n;P++){const k={year:b,month:y,day:j},W=o(j,y,b,I,C),R=t(k),z=u(k,x,T),J=h(k,g,p,D);K.push({date:k,tag:I,isCurrent:W,disable:R,marked:z,highlight:J}),j++}}else for(let _=1;_<=7;_++){j>Y&&(j=1,I=L.next);const n={year:I===L.next&&y===12?b+1:b,month:I===L.current?y:I===L.next&&y<12?y+1:1,day:j},P=o(j,y,b,I,C),k=t(n),W=u(n,x,T),R=h(n,g,p,D);K.push({date:n,tag:I,isCurrent:P,disable:k,marked:W,highlight:R}),j++}const F=N&&V==="Mon."?d(K[0].date):0;m.push({days:K,numberInTheYear:F,year:b})}return m}return{generateCalendar:s}}function De(){const{getToday:t}=H(),{daysInMonth:l}=re(),{isMonthDisabledByDisableSince:i,isMonthDisabledByDisableUntil:v}=ie();function c(r,h,u,d,a,f){const o=[],s=r-r%10,{year:y,month:b}=h,V=t(),x=3,T=s+10;for(let D=s-1;D<T;D+=x){const p=[];for(let g=D;g<D+x;g++){const N=i({year:g,month:b,day:1},a)||v({year:g,month:b,day:l(b||0,g)},f),m=g<u||g>d;p.push({year:g,isCurrent:g===V.year,selected:g===y,disable:N||m,date:{year:g}})}o.push(p)}return o}return{generateYears:c}}const Nt="",ce=e.defineComponent({name:"FDatePickerContainer",props:Pe,emits:["datePicked"],setup(t,l){const i=e.ref(t.top),v=e.ref(t.left),c=e.ref(t.position),r=e.ref(t.enablePeriod),h=e.ref(t.selectMode),u=e.ref(t.dateFormat),d=e.ref(t.nameOfMonths),a=e.ref([]),f=e.ref(!1),o=e.ref(""),s=e.ref(!1),y=e.ref(""),b=e.ref(),V=e.ref(!1),x=e.ref(!1),T=e.ref(!1),D=e.ref(!1),p=e.ref(!1),g=e.ref(!1),N=e.ref(!1),m=e.ref(!1),C=e.ref(t.secondaryDates),B=e.ref(t.daysInWeek),Y=e.ref(t.enableKeyboadNavigate),$=e.ref(t.enableMarkCurrent),j=e.ref(t.firstDayOfTheWeek),I=e.ref(t.showWeekNumber),A=e.ref(t.selectedDate),K=e.ref(t.selectedWeek),F=e.ref(t.selectedPeriod),_=e.ref(t.weekTitle),n=e.ref(t.secondaryMonths),P=e.ref(t.selectedMonth),k=e.ref(t.minYear),W=e.ref(t.maxYear),R=e.ref(t.disableSince),z=e.ref(t.disableUntil),J=e.ref(t.disableDates),$e=e.ref(t.disablePeriod),je=e.ref(t.disableWeekdays),Ae=e.ref(t.disableWeekends),Re=Ce(k.value,W.value,R.value,z.value,J.value,$e.value,Ae.value,je.value),{generateCalendar:Le}=we(Re),{getToday:Fe}=H(),{generateMonths:Ke,getNextMonth:_e,getPreviousMonth:qe}=re(),{generateYears:Ue}=De(),S=Fe(),O=e.ref({year:S.year||1,month:S.month||1,displayTextOfMonth:d.value[S.month||"1"],displayTextOfYear:`${S.year}`}),fe=S.month===12?(S.year||1)+1:S.year,ze=(S.month||1)<12?(S.month||1)+1:1,He=e.ref({year:fe,month:ze,displayTextOfMonth:d.value[S.month||"1"],displayTextOfYear:`${fe}`}),Je=e.computed(()=>Le(O.value.month,O.value.year,j.value,[],{marked:!0,color:""},[],t.highlightSaturday,t.highlightSunday,I.value)),Ge=e.computed(()=>Ke(d.value,{year:O.value.year,month:O.value.month},R.value,z.value)),ye=e.computed(()=>Ue(O.value.year,{year:O.value.year,month:O.value.month},k.value,W.value,R.value,z.value)),Qe=e.computed(()=>{const M={"f-datepicker-container":!0},E=`container-position-${c.value}`;return M[E]=!0,M});function Xe(){return""}const Ze=e.computed(()=>({top:`${i.value}px`,left:`${v.value}px`,width:Xe()}));function Ct(M){}function et(M){M.stopPropagation()}function tt(M,E){const w=O.value.year-(s.value?10:1),G={year:w,month:O.value.month,displayTextOfMonth:d.value[O.value.month||"1"],displayTextOfYear:`${w}`};O.value=G}function he(M,E){const w=qe(O.value.month,O.value.year),G={year:w.year||1,month:w.month||1,displayTextOfMonth:d.value[w.month||"1"],displayTextOfYear:`${w.year}`};O.value=G}function be(M,E){const w=_e(O.value.month,O.value.year),G={year:w.year||1,month:w.month||1,displayTextOfMonth:d.value[w.month||"1"],displayTextOfYear:`${w.year}`};O.value=G}function at(M,E){const w=O.value.year+1,G={year:w,month:O.value.month,displayTextOfMonth:d.value[O.value.month||"1"],displayTextOfYear:`${w}`};O.value=G}function nt(M){f.value=!0,s.value=!1}function ot(M){f.value=!1,s.value=!0}const lt=e.computed(()=>({"active-month":O.value,"date-format":u.value,"disable-pre-page":V.value,"disable-pre-record":x.value,"disable-next-record":T.value,"disable-next-page":D.value,years:ye.value,"selecting-month":f.value,"selecting-year":s.value,"select-mode":h.value})),rt=e.computed(()=>({"active-month":He.value,"date-format":u.value,"disable-pre-page":p.value,"disable-pre-record":g.value,"disable-next-record":N.value,"disable-next-page":m.value,years:a.value,"selecting-month":o.value,"selecting-year":y.value,"select-mode":h.value}));function me(M,E){return e.createVNode(te,e.mergeProps(E,{onPrePage:w=>tt(),onPreRecord:w=>he(),onNextRecord:w=>be(),onNextPage:w=>at(),onClickMonth:w=>nt(),onClickYear:w=>ot()}),null)}const ve=e.computed(()=>!f.value&&!s.value&&!b.value||r.value&&h.value!=="week"&&!o.value&&!y.value&&!b.value),st=e.computed(()=>f.value&&!s.value),it=e.computed(()=>s.value&&!f.value),ct=e.computed(()=>({dates:Je.value,daysInWeek:B.value,enableKeyboadNavigate:Y.value,enableMarkCurrent:$.value,enablePeriod:r.value,firstDayOfTheWeek:j.value,selected:A.value,selectedPeriod:F.value,selectedWeek:K.value,selectMode:h.value,showWeekNumber:I.value,weekTitle:_.value})),ut=e.computed(()=>({dates:C,daysInWeek:B.value,enableKeyboadNavigate:Y.value,enableMarkCurrent:$.value,enablePeriod:r.value,firstDayOfTheWeek:j.value,selected:A.value,selectedPeriod:F.value,selectMode:I.value,showWeekNumber:I.value,weekTitle:_.value}));function dt(M,E){A.value=M,l.emit("datePicked",`${M.year}-${M.month}-${M.day}`)}function xt(M){}function wt(M){}function Dt(M,E){}function Bt(M,E){}function pe(M,E){return ve.value&&e.createVNode(Z,e.mergeProps(E,{onClick:w=>dt(w),onClickWeek:w=>void 0,onKeyDown:w=>void 0,onMouseEnter:w=>void 0,onMouseLeave:w=>void 0}),null)}const ft=e.computed(()=>({months:Ge.value,enableMarkCurrent:$.value,enableKeyboadNavigate:Y.value,enablePeriod:r.value,selected:P.value,selectedPeriod:F.value})),yt=e.computed(()=>({months:n.value,enableMarkCurrent:$.value,enableKeyboadNavigate:Y.value,enablePeriod:r.value,selected:P.value,selectedPeriod:F.value}));function ht(M,E){f.value=!1,s.value=!1,P.value=M,O.value={month:M.month||1,displayTextOfMonth:d.value[O.value.month||"1"],year:O.value.year||1,displayTextOfYear:`${O.value.displayTextOfYear}`}}function Ot(M){}function Vt(M,E){}function St(M,E){}function ge(M,E){return e.createVNode(ne,e.mergeProps(E,{onClick:w=>ht(w),onKeyDownMonthView:w=>void 0,onMouseEnterMonthView:w=>void 0,onMouseLeaveMonthView:w=>void 0}),null)}const bt=e.computed(()=>({years:ye.value,enableKeyboadNavigate:Y.value,enableMarkCurrent:$.value,enablePeriod:r.value,selected:A.value,selectedPeriod:F.value})),mt=e.computed(()=>({years:a.value,enableKeyboadNavigate:Y.value,enableMarkCurrent:$.value,enablePeriod:r.value,selected:A.value,selectedPeriod:F.value}));function vt(M,E){f.value=!0,s.value=!1,O.value={month:O.value.month,displayTextOfMonth:O.value.displayTextOfMonth,year:M.year||1,displayTextOfYear:`${M.year}`}}function Yt(M){}function It(M,E){}function Et(M,E){}function pt(M){O.value={year:S.year||1,month:S.month||1,displayTextOfMonth:d.value[S.month||"1"],displayTextOfYear:`${S.year}`},A.value=S}function gt(M){O.value={year:S.year||1,month:S.month||1,displayTextOfMonth:d.value[S.month||"1"],displayTextOfYear:`${S.year}`},A.value=S,P.value={year:S.year,month:S.month}}function kt(M){O.value={year:S.year||1,month:S.month||1,displayTextOfMonth:d.value[S.month||"1"],displayTextOfYear:`${S.year}`},A.value=S}const Mt=e.computed(()=>r.value&&h.value!=="week");function ke(M,E){return e.createVNode(oe,e.mergeProps(E,{onClick:w=>vt(w),onKeyDownYearView:w=>void 0,onClickPreRecord:w=>he(),onClickNextRecord:w=>be(),onMouseEnterYearView:w=>void 0,onMouseLeaveYearView:w=>void 0}),null)}return()=>e.createVNode("div",{class:Qe.value,style:Ze.value,tabindex:"0",onKeyup:M=>void 0,onClick:M=>et(M)},[e.createVNode("div",{class:"f-datepicker-content"},[me(!1,lt.value),pe(!1,ct.value),f.value&&ge(!1,ft.value),s.value&&ke(!1,bt.value),e.createVNode("div",{class:"f-datepicker-footer"},[e.createVNode("div",{class:"f-datepicker-redirect"},[ve.value&&e.createVNode("button",{class:"btn btn-link",onClick:pt},[e.createTextVNode("\u4ECA\u5929")]),st.value&&e.createVNode("button",{class:"btn btn-link",onClick:gt},[e.createTextVNode("\u672C\u6708")]),it.value&&e.createVNode("button",{class:"btn btn-link",onClick:kt},[e.createTextVNode("\u4ECA\u5E74")])])])]),Mt.value&&e.createVNode("div",{class:"f-datepicker-content"},[me(!0,rt.value),pe(!0,ut.value),o.value&&ge(!0,yt.value),y.value&&ke(!0,mt.value)])])}}),Be={displayFormat:{Type:String,default:"yyyyMMdd"},minYear:{Type:Number,default:1},maxYear:{Type:Number,default:2500},valueFormat:{Type:String,default:"yyyyMMdd"},displayTime:{Type:Boolean,default:!1},selectMode:{Type:String,default:"day"},disableUntil:{Type:Object,default:{year:0,month:0,day:0}},disableSince:{Type:Object,default:{year:0,month:0,day:0}},disableDates:{Type:Array,default:[]},disablePeriod:{Type:Array,default:[]},disableWeekends:{Type:Boolean,default:!1},disableWeekdays:{Type:Array,default:[]},highlightDates:{Type:Array,default:[]},highlightSaturday:{Type:Boolean,default:!1},highlightSunday:{Type:Boolean,default:!1},modelValue:{type:String,default:""},nameOfMonths:{Type:Object,default:ae},periodDelimiter:{Type:String,default:""}},Oe={id:String,buttonContent:{type:String,default:'<i class="f-icon f-icon-lookup"></i>'},autoComplete:{type:Boolean,default:!1},customClass:{type:String,default:""},disable:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},enableClear:{type:Boolean,default:!1},modelValue:{type:String,default:""},readonly:{type:Boolean,default:!1},textAlign:{type:String,default:"left"},showButtonWhenDisabled:{type:Boolean,default:!1},enableTitle:{type:Boolean,default:!1},inputType:{type:String,default:"text"},forcePlaceholder:{type:Boolean,default:!1},placeholder:{type:String,default:""},minLength:Number,maxLength:Number,tabIndex:Number};function Ve(t,l,i){const v=e.computed(()=>({"input-group-append":!0,"append-force-show":t.showButtonWhenDisabled&&(t.readonly||t.disable)})),c=e.computed(()=>t.showButtonWhenDisabled||(!t.editable||!t.readonly)&&!t.disable);function r(a){c.value&&(i.value=!0,l.emit("clickButton",{origin:a,value:t.modelValue})),a.stopPropagation()}function h(a){l.emit("mouseEnterIcon",a)}function u(a){l.emit("mouseLeaveIcon",a)}function d(){l.emit("mouseOverButton")}return{buttonClass:v,onClickButton:r,onMouseEnterButton:h,onMouseLeaveButton:u,onMouseOverButton:d}}function ue(t,l,i,v){const c=e.computed(()=>t.enableTitle?i.value:""),r=e.computed(()=>(t.disable||t.readonly)&&!t.forcePlaceholder?"":t.placeholder),h=e.computed(()=>t.readonly||!t.editable);let u=!1;const d=e.computed(()=>!t.disable&&u),a=e.computed(()=>({"text-left":t.textAlign==="left","text-center":t.textAlign==="center","text-right":t.textAlign==="right","form-control":!0,"f-utils-fill":!0}));function f(p,g=!0){i.value!==p&&(i.value=p,g&&l.emit("change",p),l.emit("update:modelValue",p))}e.watch(()=>t.modelValue,p=>{i.value=p,l.emit("change",p)});function o(p){u=!1,l.emit("blur",p),p.stopPropagation()}function s(p){l.emit("click",p)}function y(p){if(t.disable){u=!0;return}u=!0,h.value||l.emit("focus",p)}function b(p){l.emit("input",p.target.value);const g=p.target.value;v.value=g,i.value!==g&&f(g,!1)}function V(p){p.target.tagName!=="INPUT"&&p.preventDefault(),p.stopPropagation()}function x(p){l.emit("keydown",p)}function T(p){l.emit("keyup",p)}function D(p){const g=p.target.value;f(g)}return{hasFocusedTextBox:d,isTextBoxReadonly:h,textBoxClass:a,textBoxPlaceholder:r,textBoxTitle:c,changeTextBoxValue:f,onBlurTextBox:o,onClickTextBox:s,onFocusTextBox:y,onInput:b,onKeyDownTextBox:x,onKeyUpTextBox:T,onMouseDownTextBox:V,onTextBoxValueChange:D}}function Se(t,l,i,v,c){const r=e.ref(!1),h=e.computed(()=>t.enableClear&&!t.readonly&&!t.disable),{changeTextBoxValue:u}=ue(t,l,i,c);function d(s){r.value=s}e.watch(c,()=>{v.value?d(!!c.value):d(!1)});function a(s){const y=!t.readonly&&!t.disable&&t.editable,b=!t.editable;s.stopPropagation(),(y||b)&&(u("",!1),d(!r.value),l.emit("clear"))}function f(s){if(!!h.value){if(!i.value){d(!1);return}(!t.editable||!t.readonly)&&!t.disable&&d(!0)}}function o(s){!h.value||d(!1)}return{enableClearButton:h,showClearButton:r,onClearValue:a,onMouseEnterTextBox:f,onMouseLeaveTextBox:o}}const Ye={popupContentPosition:{type:Object,default:{left:0,top:0}}},Ie=e.defineComponent({name:"FOverlay",props:Ye,emits:["click"],setup(t,l){const i=e.ref(t.popupContentPosition);function v(r){l.emit("click"),r.preventDefault(),r.stopPropagation()}const c=e.computed(()=>({position:"relative",left:`${i.value.left}px`,top:`${i.value.top}px`}));return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>{var r,h;return[e.createVNode("div",{class:"overlay-container",style:"pointer-events: auto;",onClick:u=>v(u)},[e.createVNode("div",{style:c.value},[(h=(r=l.slots).default)==null?void 0:h.call(r)])])]}})}}),Ee=e.defineComponent({name:"FButtonEdit",props:Oe,emits:["updateExtendInfo","clear","change","click","clickButton","blur","focus","mouseEnterIcon","mouseLeaveIcon","keyup","keydown","inputClick","input","update:modelValue"],setup(t,l){const i=e.ref(),v=e.ref(t.modelValue),c=e.ref(!1),{buttonClass:r,onClickButton:h,onMouseEnterButton:u,onMouseLeaveButton:d}=Ve(t,l,c),a=e.ref(""),{hasFocusedTextBox:f,isTextBoxReadonly:o,textBoxClass:s,textBoxPlaceholder:y,textBoxTitle:b,onBlurTextBox:V,onClickTextBox:x,onFocusTextBox:T,onInput:D,onKeyDownTextBox:p,onKeyUpTextBox:g,onMouseDownTextBox:N,onTextBoxValueChange:m}=ue(t,l,v,a),{enableClearButton:C,showClearButton:B,onClearValue:Y,onMouseEnterTextBox:$,onMouseLeaveTextBox:j}=Se(t,l,v,f,a),I=e.computed(()=>({"input-group":!0,"f-state-disable":t.disable,"f-state-editable":t.editable&&!t.disable&&!t.readonly,"f-state-readonly":t.readonly&&!t.disable,"f-state-focus":f}));function A(){c.value=!1}const K=e.computed(()=>c.value),F=()=>{if(i.value){const n=i.value.getBoundingClientRect(),{left:P,top:k,height:W}=n;return{left:P,top:k+W}}return{left:0,top:0}};function _(n){c.value=!1}return l.expose({commitValue:_}),()=>e.createVNode(e.Fragment,null,[e.createVNode("div",e.mergeProps(l.attrs,{ref:i,class:"f-cmp-inputgroup",id:t.id}),[e.createVNode("div",{class:[t.customClass,I.value],onMouseenter:$,onMouseleave:j},[e.createVNode("input",{name:"input-group-value",autocomplete:""+t.autoComplete,class:s.value,disabled:t.disable,maxlength:t.maxLength,minlength:t.minLength,placeholder:y.value,readonly:o.value,tabindex:t.tabIndex,title:b.value,type:t.inputType,value:v.value,onBlur:V,onChange:m,onClick:x,onFocus:T,onInput:D,onKeydown:p,onKeyup:g,onMousedown:N},null),e.createVNode("div",{class:r.value},[C.value&&e.withDirectives(e.createVNode("span",{class:"input-group-text input-group-clear",onClick:Y},[e.createVNode("i",{class:"f-icon modal_close"},null)]),[[e.vShow,B.value]]),t.buttonContent&&e.createVNode("span",{class:"input-group-text input-group-append-button",onClick:h,onMouseenter:u,onMouseleave:d,innerHTML:t.buttonContent},null)])])]),K.value&&e.createVNode(Ie,{"popup-content-position":F(),onClick:A},{default:()=>{var n,P;return[(P=(n=l.slots).default)==null?void 0:P.call(n)]}})])}}),de=e.defineComponent({name:"FDatePicker",props:Be,emits:["update:modelValue","datePicked"],setup(t,l){const i='<span class="f-icon f-icon-date"></span>',v=e.ref(t.modelValue),c=e.ref(null);function r(){}function h(u){var d;v.value=u,l.emit("update:modelValue",u),l.emit("datePicked",u),(d=c.value)==null||d.commitValue(u)}return()=>e.createVNode(e.Fragment,null,[e.createVNode(Ee,{ref:c,modelValue:v.value,"onUpdate:modelValue":u=>v.value=u,buttonContent:i,enableClear:!0,onClickButton:()=>void 0},{default:()=>[e.createVNode(e.resolveComponent("f-date-picker-container"),{onDatePicked:u=>h(u)},null)]})])}}),We={install(t){t.component(Z.name,Z).component(te.name,te).component(ce.name,ce).component(ne.name,ne).component(oe.name,oe).component(de.name,de)}};q.DatePickerCalendar=Z,q.MonthTag=L,q.datePickerCalendarProps=se,q.default=We,q.defaultNameOfMonths=ae,q.weekDays=Q,Object.defineProperties(q,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
1
|
+
(function(q,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(q=typeof globalThis<"u"?globalThis:q||self,e(q["date-picker"]={},q.Vue))})(this,function(q,e){"use strict";const Q=["Sun.","Mon.","Tue.","Wed.","Thur","Fri.","Sat."];var L=(t=>(t[t.previous=1]="previous",t[t.current=2]="current",t[t.next=3]="next",t))(L||{});const se={dates:{Type:Array,default:[]},daysInWeek:{Type:Array,default:Q},enableKeyboadNavigate:{Type:Boolean,default:!0},enableMarkCurrent:{Type:Boolean,default:!0},enablePeriod:{Type:Boolean,default:!1},firstDayOfTheWeek:{Type:Boolean,default:"Sun."},selected:{Type:Object,default:null},selectedPeriod:{Type:Object,default:null},selectedWeek:{Type:Object,default:null},selectMode:{Type:String,default:"day"},showWeekNumber:{Type:Boolean,default:!1},weekTitle:{Type:String,default:"Week"}},Pt="";var U=(t=>(t[t.enter=13]="enter",t[t.esc=27]="esc",t[t.space=32]="space",t[t.leftArrow=37]="leftArrow",t[t.upArrow=38]="upArrow",t[t.rightArrow=39]="rightArrow",t[t.downArrow=40]="downArrow",t[t.tab=9]="tab",t[t.shift=16]="shift",t))(U||{});function ee(){function t(l){const i=l.key||l.keyCode;return i==="Enter"||i===13?13:i==="Escape"||i===27?27:i===" "||i===32?32:i==="ArrowLeft"||i===37?37:i==="ArrowUp"||i===38?38:i==="ArrowRight"||i===39?39:i==="ArrowDown"||i===40?40:i==="Tab"||i===9?9:i==="Shift"||i===16?16:-1}return{getKeyCodeFromEvent:t}}function H(){function t(){return{year:0,month:0,day:0}}function l(a){return new Date(a.year||0,a.month?a.month-1:0,a.day||0,a.hour?a.hour:0,a.minute?a.minute:0,a.second?a.second:0,0)}function i(a){const f=new Date;return a.year||(a.year=f.getFullYear()),a.month||(a.month=f.getMonth()+1),a.day||(a.day=1),new Date(a.year,a.month-1,a.day,a.hour?a.hour:0,a.minute?a.minute:0,a.second?a.second:0,0)}function v(a){return new Date(a.year||1,(a.month||1)-1,a.day,a.hour?a.hour:0,a.minute?a.minute:0,a.second?a.second:0,0).getDay()}function c(a){return Q.indexOf(a)}function r(a){return l(a).getTime()}function h(a){return Math.round(r(a)/1e3)}function u(a,f,o){const s=r(f),y=r(o),b=r(a);return y-b>b-s?f:o}function d(){const a=new Date;return{year:a.getFullYear(),month:a.getMonth()+1,day:a.getDate(),hour:a.getHours(),minute:a.getMinutes(),second:a.getSeconds()}}return{emptyDate:t,getDate:l,getDate2:i,getDayNumber:v,getEpocTime:h,getNearDate:u,getWeekdayIndex:c,getTimeInMilliseconds:r,getToday:d}}function X(){const{getTimeInMilliseconds:t}=H();function l(o){return o&&o.year!==0&&o.month!==0&&o.day!==0}function i(o){return o&&o.year!==0&&o.month!==0}function v(o){return o&&o.year!==0}function c(o,s){return t(o)<t(s)}function r(o,s){return t(o)<=t(s)}function h(o,s){return t(o)===t(s)}function u(o,s){const y=t(s);return t(o.from)===y||t(o.to)===y}function d(o,s){return!s||!l(s.to)||!l(s.from)?!1:r(s.from,o)&&r(o,s.to)}function a(o,s){return l(s)&&t(o)>=t(s)}function f(o,s){return l(s)&&t(o)<=t(s)}return{isDateEarlier:c,equal:h,inPeriod:d,isPoint:u,equalOrEarlier:r,isInitializedDate:l,isInitializedMonth:i,isInitializedYear:v,isMonthDisabledByDisableSince:a,isMonthDisabledByDisableUntil:f}}const Z=e.defineComponent({name:"FDatePickerCalendarView",props:se,emits:["click","clickWeek","keyDown","mouseEnter","mouseLeave"],setup(t,l){const i=e.ref(t.dates),v=e.ref(t.daysInWeek),c=e.ref(t.enableKeyboadNavigate),r=e.ref(t.enableMarkCurrent),h=e.ref(t.enablePeriod),u=e.ref(t.firstDayOfTheWeek),d=e.ref(t.selected),a=e.ref(t.selectedPeriod),f=e.ref(t.selectedWeek),o=e.ref(t.selectMode),s=e.ref(t.showWeekNumber),y=e.ref(t.weekTitle),b=e.computed(()=>s.value&&u.value==="Mon");e.watch(()=>t.dates,()=>{i.value=t.dates}),e.watch(()=>t.selected,()=>{d.value=t.selected});const{equal:V,inPeriod:x,isInitializedDate:T,equalOrEarlier:D,isPoint:p}=X(),{getKeyCodeFromEvent:g}=ee(),N=n=>{const P=!!f.value&&n.numberInTheYear===f.value.numberInTheYear&&n.year===f.value.year;return{"f-datepicker-selectWeek":o.value==="week","f-datepicker-selectedWeek":o.value==="week"&&P}},m=e.computed(()=>s.value&&u.value==="Mon");function C(n){return x(n,a.value)}function B(n){return!!a.value&&p(a.value,n)}function Y(n){return!!d.value&&V({year:d.value.year,month:d.value.month,day:d.value.day},n)}const $=(n,P,k)=>{const W=o.value!=="week"&&n.tag===L.current&&(h.value&&C(n.date)&&!B(n.date)||n.range),R=n.tag===L.previous||n.tag===L.next,z={"f-datepicker-range":W,"f-datepicker-no-currmonth":R,"f-datepicker-disabled":n.disable,"f-datepicker-singledate":!n.disable},J=`d_${P}_${k}`;return z[J]=!0,z},j=n=>{const P=o.value!=="week"&&n.tag===L.current&&(!h.value&&Y(n.date)||h.value&&B(n.date)),k=n.isCurrent&&r.value,W=n.highlight&&(n.tag===L.previous||n.tag===L.next||n.disable);return{"f-datepicker-date":!0,"f-datepicker-selected":P,"f-datepicker-current":k,"f-datepicker-opacity":W,"f-datepicker-highlight":n.highlight,"f-datepicker-disabled":n.disable}};function I(n,P){P.disable||o.value==="week"||(n.stopPropagation(),l.emit("click",P.date))}function A(n,P){o.value==="week"&&(n.stopPropagation(),l.emit("clickWeek",P))}function K(n,P){const k=g(n);k!==U.tab&&(n.preventDefault(),k===U.enter||k===U.space?I(n,P):c.value&&l.emit("keyDown",P.date))}function F(n){a.value&&T(a.value.from)&&!T(a.value.to)&&(i.value.forEach(P=>{P.days.forEach(k=>{k.range=!!a.value&&(D(a.value.from,k.date)&&D(k.date,n.date)||D(k.date,a.value.from)&&D(n.date,k.date))})}),l.emit("mouseEnter",n.date))}function _(){i.value.forEach(n=>{n.days.forEach(P=>{P.range=!1})}),l.emit("mouseLeave")}return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"f-datepicker-table-wrapper"},[e.createVNode("table",{class:"f-datepicker-table",cellpadding:"0"},[e.createVNode("thead",null,[e.createVNode("tr",null,[b.value&&e.createVNode("th",{class:"f-datepicker-weeknbr-title"},[y.value]),v.value&&v.value.map(n=>e.createVNode("th",{scope:"col",style:"padding-bottom: 8px;padding-top: 4px"},[n]))])]),e.createVNode("tbody",null,[i.value&&i.value.map((n,P)=>e.createVNode("tr",{class:N(n),onClick:k=>A(k,n)},[m.value&&e.createVNode("td",{class:"f-datepicker-weeknbr"},[e.createVNode("div",{class:"f-datepicker-date"},[n.numberInTheYear])]),n.days&&n.days.map((k,W)=>e.createVNode("td",{id:`d_${P}_${W}`,tabindex:"0",class:$(k,P,W),onClick:R=>I(R,k),onKeydown:R=>K(R,k),onMouseenter:()=>F(k),onMouseleave:()=>_()},[k.marked&&k.marked.marked&&e.createVNode("span",{class:"f-datepicker-markdate",style:{"background-color":k.marked.color}},null),e.createVNode("div",{class:j(k)},[k.date.day])]))]))])])])])}}),Me={activeMonth:{type:Object,require:!0},ariaLabelPrevMonth:{type:String,default:""},ariaLabelNextMonth:{type:String,default:""},dateFormat:{type:String,default:"yyyy-MM-dd"},disablePrePage:{type:Boolean,default:!1},disablePreRecord:{type:Boolean,default:!1},disableNextRecord:{type:Boolean,default:!1},disableNextPage:{type:Boolean,default:!1},years:{type:Array,default:[[{}]]},selectingMonth:{type:Boolean,default:!1},selectingYear:{type:Boolean,default:!1},selectMode:{type:String,default:"day"}},Tt="",te=e.defineComponent({name:"FDatePickerCalendarNavbar",props:Me,emits:["clickMonth","clickYear","prePage","preRecord","nextRecord","nextPage"],setup(t,l){return()=>{const i=e.ref(t.ariaLabelPrevMonth),v=e.ref(t.ariaLabelNextMonth),c=e.ref(t.dateFormat),r=e.ref(t.disablePrePage),h=e.ref(t.disablePreRecord),u=e.ref(t.disableNextRecord),d=e.ref(t.disableNextPage),a=e.ref(t.activeMonth),f=e.ref(t.years),o=e.ref(t.selectingMonth),s=e.ref(t.selectingYear),y=e.ref(t.selectMode),b=e.ref(!0),V=e.ref(!0);e.watch(()=>t.activeMonth,()=>{var n,P,k,W;a.value={month:(n=t.activeMonth)==null?void 0:n.month,year:(P=t.activeMonth)==null?void 0:P.year,displayTextOfMonth:(k=t.activeMonth)==null?void 0:k.displayTextOfMonth,displayTextOfYear:(W=t.activeMonth)==null?void 0:W.displayTextOfMonth}});const x=e.computed(()=>({"f-datepicker-header":!0,monthYearSelBarBorder:o.value||s.value})),T=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-header-btn-disabled":r.value})),D=e.computed(()=>!o.value&&!s.value),p=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-header-btn-disabled":h.value})),g=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-header-btn-disabled":u.value})),N=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-header-btn-disabled":d.value})),m=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-yearLabel":b.value,"f-datepicker-labelBtnNotEdit":!b.value})),C=e.computed(()=>({"f-datepicker-header-btn":!0,"f-datepicker-monthLabel":V.value,"f-datepicker-labelBtnNotEdit":!V.value})),B=e.computed(()=>{const n=c.value?c.value.indexOf("yyyy"):0,P=c.value?c.value.indexOf("MM"):0;return n>P?"MM-yyyy":"yyyy-MM"});function Y(n){n.stopPropagation(),l.emit("prePage")}function $(n){n.stopPropagation(),l.emit("preRecord")}function j(n){n.stopPropagation(),l.emit("clickYear")}function I(n){n.stopPropagation(),l.emit("clickMonth")}function A(n){n.stopPropagation(),n.stopPropagation(),l.emit("nextRecord")}function K(n){n.stopPropagation(),l.emit("nextPage")}function F(){return e.createVNode("button",{type:"button",class:m.value,onClick:n=>{b.value&&j(n)},tabindex:b.value?"0":"-1",disabled:y.value==="year"},[s.value?f.value.length>3?f.value[0][1].year+" - "+f.value[3][1].year:"":a.value.displayTextOfYear])}function _(){return!s.value&&y.value!=="month"&&e.createVNode("button",{type:"button",class:C.value,onClick:n=>{V.value&&I(n)},tabindex:V.value?"0":"-1"},[a.value.displayTextOfMonth])}return e.createVNode("div",{class:x.value},[e.createVNode("div",{class:"f-datepicker-prev-btn"},[e.createVNode("button",{title:"prePage",type:"button",class:T.value,onClick:Y},[e.createVNode("i",{class:"k-icon k-i-arrow-double-60-left"},null)]),D.value&&e.createVNode("button",{type:"button","aria-label":i.value,class:p.value,onClick:$},[e.createVNode("i",{class:"k-icon k-i-arrow-chevron-left"},null)])]),e.createVNode("div",{class:"f-datepicker-monthYearText"},[B.value==="yyyy-MM"?[F(),_()]:[_(),F()]]),e.createVNode("div",{class:"f-datepicker-next-btn"},[D.value&&e.createVNode("button",{type:"button","aria-label":v.value,class:g.value,onClick:A},[e.createVNode("i",{class:"k-icon k-i-arrow-chevron-right"},null)]),e.createVNode("button",{title:"nextPage",type:"button",class:N.value,onClick:K},[e.createVNode("i",{class:"k-icon k-i-arrow-double-60-right"},null)])])])}}}),ae={1:"Jan",2:"Feb",3:"Mar",4:"Apr",5:"May",6:"Jun",7:"Jul",8:"Aug",9:"Sep",10:"Oct",11:"Nov",12:"Dec"},Pe={top:{type:Number,default:0},left:{type:Number,default:0},position:{type:String,default:"bottom"},enablePeriod:{type:Boolean,default:!1},dateFormat:{type:String,default:"MM-dd-yyyy"},dates:{type:Array,default:[]},daysInWeek:{type:Array,default:Q},disableDates:{Type:Array,default:[]},disablePeriod:{Type:Array,default:[]},disableSince:{Type:Object,default:{year:0,month:0,day:0}},disableWeekdays:{Type:Array,default:[]},disableWeekends:{Type:Boolean,default:!1},disableUntil:{Type:Object,default:{year:0,month:0,day:0}},enableKeyboadNavigate:{type:Boolean,default:!0},enableMarkCurrent:{type:Boolean,default:!0},firstDayOfTheWeek:{type:String,default:"Sun."},highlightDates:{Type:Array,default:[]},highlightSaturday:{Type:Boolean,default:!1},highlightSunday:{Type:Boolean,default:!1},maxYear:{Type:Number,default:2500},minYear:{Type:Number,default:1},months:{type:Array,default:[[]]},nameOfMonths:{Type:Object,default:ae},secondaryDates:{type:Array,default:[]},secondaryMonths:{type:Array,default:[[]]},selectedDate:{type:Object,default:null},selectedMonth:{type:Object,default:null},selectedPeriod:{type:Object,default:null},selectedWeek:{type:Object,default:null},selectMode:{type:String,default:"day"},showWeekNumber:{type:Boolean,default:!1},weekTitle:{type:String,default:"Week"},years:{Type:Array,default:[[]]}},Te={months:{Type:Array,default:[[]]},enableMarkCurrent:{Type:Boolean,default:!1},enableKeyboadNavigate:{Type:Boolean,default:!0},enablePeriod:{Type:Boolean,default:!1},selected:{Type:Object,default:null},selectedPeriod:{Type:Object,default:null}},ne=e.defineComponent({name:"FDatePickerMonthView",props:Te,emits:["click","keyDown","mouseEnter","mouseLeave"],setup(t,l){const i=e.ref(t.months),v=e.ref(t.enableMarkCurrent),c=e.ref(t.enableKeyboadNavigate),r=e.ref(t.enablePeriod),h=e.ref(t.selected),u=e.ref(t.selectedPeriod),{equal:d,inPeriod:a,isInitializedDate:f,equalOrEarlier:o}=X(),{getKeyCodeFromEvent:s}=ee();e.watch(()=>t.months,()=>{i.value=t.months}),e.watch(()=>t.selected,()=>{h.value=t.selected});function y(N,m){N.stopPropagation(),!m.disable&&l.emit("click",m)}function b(N,m){const C=s(N);C!==U.tab&&(N.preventDefault(),C===U.enter||C===U.space?y(N,m):c.value&&l.emit("keyDown",m))}function V(N){u.value&&f(u.value.from)&&!f(u.value.to)&&(i.value.forEach(m=>{m.forEach(C=>{C.range=!!u.value&&(o(u.value.from,C.date)&&o(C.date,N.date)||o(C.date,u.value.from)&&o(N.date,C.date))})}),l.emit("mouseEnter",N))}function x(){i.value.forEach(N=>{N.forEach(m=>{m.range=!1})}),l.emit("mouseLeave")}function T(N){return!!h.value&&d({year:h.value.year,month:h.value.month},{year:N.year,month:N.month})}function D(N){return!!u.value&&(d({year:u.value.from.month},N)||d({year:u.value.to.month},N))}function p(N){return a(N,u.value)}const g=N=>({"f-datepicker-month-cell":!0,"f-datepicker-current":N.isCurrent&&v,"f-datepicker-selected":!r.value&&T(N.date)||r.value&&D(N.date),"f-datepicker-disabled":N.disable,"f-datepicker-range":p(N.date)||N.range});return()=>e.createVNode("div",{class:"f-datepicker-table-wrapper"},[e.createVNode("table",{class:"f-datepicker-table"},[e.createVNode("tbody",null,[i.value&&i.value.map((N,m)=>e.createVNode("tr",null,[N.map((C,B)=>e.createVNode("td",{id:`m_${m}_${B}`,class:`m_${m}_${B}`,onClick:Y=>y(Y,C),onKeydown:Y=>b(Y,C),onMouseenter:()=>V(C),onMouseleave:()=>x(),tabindex:"0",style:"width: 33.3%"},[e.createVNode("div",{class:"f-datepicker-month"},[e.createVNode("span",{class:g(C)},[C.displayText])])]))]))])])])}}),Ne={years:{Type:Array,default:[[]]},enableKeyboadNavigate:{Type:Boolean,default:!0},enableMarkCurrent:{Type:Boolean,default:!0},enablePeriod:{Type:Boolean,default:!1},selected:{Type:Object,default:null},selectedPeriod:{Type:Object,default:null}},oe=e.defineComponent({name:"FDatePickerYearView",props:Ne,emits:["click","keyDown","mouseEnter","mouseLeave"],setup(t,l){const i=e.ref(t.years),v=e.ref(t.enableMarkCurrent),c=e.ref(t.enableKeyboadNavigate),r=e.ref(t.enablePeriod),h=e.ref(t.selected),u=e.ref(t.selectedPeriod),{equal:d,inPeriod:a,isInitializedDate:f,equalOrEarlier:o}=X(),{getKeyCodeFromEvent:s}=ee();e.watch(()=>t.years,()=>{i.value=t.years}),e.watch(()=>t.selected,()=>{h.value=t.selected});const y=(m,C)=>{const B=`y_${m}_${C}`,Y={"f-datepicker-no-currmonth":m===0&&C===0||m===3&&C===2};return Y[B]=!0,Y};function b(m){return a(m,u.value)}function V(m){return!!h.value&&d({year:h.value.year},m)}function x(m){return!!u.value&&(d({year:u.value.from.year},m)||d({year:u.value.to.year},m))}const T=m=>({"f-datepicker-year-cell":!0,"f-datepicker-current":m.isCurrent&&v.value,"f-datepicker-selected":!u.value&&V(m.date)||r.value&&x(m.date),"f-datepicker-disabled":m.disable,"f-datepicker-range":b(m.date)||m.range});function D(m,C){m.stopPropagation(),!C.disable&&l.emit("click",C)}function p(m,C){const B=s(m);B!==U.tab&&(m.preventDefault(),B===U.enter||B===U.space?D(m,C):c.value&&l.emit("keyDown",C))}function g(m){u.value&&f(u.value.from)&&!f(u.value.to)&&(i.value.forEach(C=>{C.forEach(B=>{B.range=!!u.value&&(o(u.value.from,B.date)&&o(B.date,m.date)||o(B.date,u.value.from)&&o(m.date,B.date))})}),l.emit("mouseEnter",m))}function N(){i.value.forEach(m=>{m.forEach(C=>{C.range=!1})}),l.emit("mouseLeave")}return()=>e.createVNode("table",{class:"f-datepicker-table-wrapper"},[e.createVNode("tbody",{class:"f-datepicker-table"},[i.value&&i.value.map((m,C)=>e.createVNode("tr",null,[m.map((B,Y)=>e.createVNode("td",{id:"y_{yi}_{i}",class:y(C,Y),onClick:$=>D($,B),onKeydown:$=>p($,B),onMouseenter:()=>g(B),onMouseleave:()=>N(),tabindex:"0"},[e.createVNode("div",{class:"f-datepicker-year"},[e.createVNode("span",{class:T(B)},[B.year])])]))]))])])}});function le(){function t(c){return new Date(c.year||0,(c.month||1)-1,c.day,c.hour?c.hour:0,c.minute?c.minute:0,c.second?c.second:0,0).getDay()}function l(c){if(!c)return 1;if(!/^\d+$/.test(c.value))return-1;let r=Number(c.value);return(c.format.length===1&&c.value.length!==1&&r<10||c.format.length===1&&c.value.length!==2&&r>=10||c.format.length===2&&c.value.length>2)&&(r=-1),r}function i(c,r){if(c.value){for(let h=1;h<=12;h++)if(c.value.toLowerCase()===r[h].toLowerCase())return h}return-1}function v(c){const r=new Date(c.year||0,(c.month||1)-1,c.day,0,0,0,0);return r.setDate(r.getDate()+(r.getDay()===0?-3:4-r.getDay())),Math.round((r.getTime()-new Date(r.getFullYear(),0,4).getTime())/864e5/7)+1}return{getNumberByValue:l,getDayNumber:t,getMonthNumberByMonthName:i,getWeekNumber:v}}function Ce(t,l,i,v,c,r,h,u){const{getTimeInMilliseconds:d,getWeekdayIndex:a}=H(),{isInitializedDate:f}=X(),{getDayNumber:o}=le();function s(y){if(y.year&&y.year<t&&y.month===12||y.year&&y.year>l&&y.month===1)return!0;const b=d(y);if(f(v)&&b+24*60*60*1e3-1<d(v)||f(i)&&b>d(i))return!0;if(h){const x=o(y);if(x===0||x===6)return!0}const V=o(y);return!!(u.length>0&&u.find(T=>a(T)===V)||c.length>0&&c.find(T=>(T.year===0||T.year===y.year)&&(T.month===0||T.month===y.month)&&T.day===y.day)||r.length>0&&r.find(T=>f(T.from)&&f(T.to)&&b>=d(T.from)&&b<=d(T.to)))}return{isDisabledDate:s}}function xe(){const{getDayNumber:t}=le();function l(v,c,r){let h=[];h=c.reduce((d,a)=>{const f=a.dates.map(o=>({date:o,color:a.color}));return[...d,...f]},h);const u=h.find(d=>(d.date.year===0||d.date.year===v.year)&&(d.date.month===0||d.date.month===v.month)&&d.date.day===v.day);if(u)return{marked:!0,color:u.color};if(r&&r.marked){const d=t(v);if(d===0||d===6)return{marked:!0,color:r.color}}return{marked:!1,color:""}}function i(v,c,r,h){const u=t(v);return c&&u===0||r&&u===6?!0:!!h.find(a=>(a.year===0||a.year===v.year)&&(a.month===0||a.month===v.month)&&a.day===v.day)}return{isHighlightedDate:i,isMarkedDate:l}}function ie(){const{getTimeInMilliseconds:t}=H(),{isInitializedDate:l}=X();function i(c,r){return l(r)&&t(c)<=t(r)}function v(c,r){return l(r)&&t(c)>=t(r)}return{isMonthDisabledByDisableSince:v,isMonthDisabledByDisableUntil:i}}function re(){const{getToday:t}=H(),{isMonthDisabledByDisableSince:l,isMonthDisabledByDisableUntil:i}=ie();function v(f){const o={displayTextOfMonth:"",month:0,year:0,displayTextOfYear:""};if(f){const s=f.match(/[^0-9]/),y=s&&s.length?s[0]:"",b=f.split(y);o.month=b[0].length===2?Number(b[0]):Number(b[1]),o.year=b[0].length===2?Number(b[1]):Number(b[0])}return o}function c(f,o){return new Date(o,f,0).getDate()}function r(f,o,s){return new Date(f,o-1,s,0,0,0,0)}function h(f,o){const s=r(o,f,1);return s.setMonth(s.getMonth()-1),c(s.getMonth()+1,s.getFullYear())}function u(f,o,s,y){const b=t(),V=[],{year:x}=o,T=3;for(let D=1;D<=12;D+=T){const p=[];for(let g=D;g<D+T;g++){const N=l({year:x,month:g,day:1},s)||i({year:x,month:g,day:c(g,x||0)},y);p.push({month:g,displayText:f[g],isCurrent:g===b.month&&x===b.year,disable:N,date:{year:x,month:g}})}V.push(p)}return V}function d(f,o){const s={year:f===12?o+1:o},y=f===12?1:f+1;return s.month=y,s}function a(f,o){const s={year:f===1?o-1:o},y=f===1?12:f-1;return s.month=y,s}return{daysInMonth:c,daysInPreMonth:h,generateMonths:u,parseDefaultMonth:v,getNextMonth:d,getPreviousMonth:a}}function we({isDisabledDate:t}){const{getToday:l}=H(),{daysInMonth:i,daysInPreMonth:v,getNextMonth:c,getPreviousMonth:r}=re(),{isHighlightedDate:h,isMarkedDate:u}=xe(),{getWeekNumber:d}=le();function a(y){const b=Q.indexOf(y);return b>0?7-b:0}function f(y,b,V){const x=new Date;x.setDate(1),x.setMonth(b-1),x.setFullYear(y);const T=x.getDay()+V;return T>=7?T-7:T}function o(y,b,V,x,T){return y===T.day&&b===T.month&&V===T.year&&x===L.current}function s(y,b,V,x,T,D,p,g,N){const m=[],C=l(),B=f(b,y,a(V)),Y=i(y,b),$=v(y,b);let j=1,I=L.previous;for(let A=1;A<7;A++){const K=[];if(A===1){const _=$-B+1;for(let P=_;P<=$;P++){const k={year:y===1?b-1:b,month:y===1?12:y-1,day:P},W=o(P,y,b,I,C),R=t(k),z=u(k,x,T),J=h(k,g,p,D);K.push({date:k,tag:I,isCurrent:W,disable:R,marked:z,highlight:J})}I=L.current;const n=7-K.length;for(let P=0;P<n;P++){const k={year:b,month:y,day:j},W=o(j,y,b,I,C),R=t(k),z=u(k,x,T),J=h(k,g,p,D);K.push({date:k,tag:I,isCurrent:W,disable:R,marked:z,highlight:J}),j++}}else for(let _=1;_<=7;_++){j>Y&&(j=1,I=L.next);const n={year:I===L.next&&y===12?b+1:b,month:I===L.current?y:I===L.next&&y<12?y+1:1,day:j},P=o(j,y,b,I,C),k=t(n),W=u(n,x,T),R=h(n,g,p,D);K.push({date:n,tag:I,isCurrent:P,disable:k,marked:W,highlight:R}),j++}const F=N&&V==="Mon."?d(K[0].date):0;m.push({days:K,numberInTheYear:F,year:b})}return m}return{generateCalendar:s}}function De(){const{getToday:t}=H(),{daysInMonth:l}=re(),{isMonthDisabledByDisableSince:i,isMonthDisabledByDisableUntil:v}=ie();function c(r,h,u,d,a,f){const o=[],s=r-r%10,{year:y,month:b}=h,V=t(),x=3,T=s+10;for(let D=s-1;D<T;D+=x){const p=[];for(let g=D;g<D+x;g++){const N=i({year:g,month:b,day:1},a)||v({year:g,month:b,day:l(b||0,g)},f),m=g<u||g>d;p.push({year:g,isCurrent:g===V.year,selected:g===y,disable:N||m,date:{year:g}})}o.push(p)}return o}return{generateYears:c}}const Nt="",ce=e.defineComponent({name:"FDatePickerContainer",props:Pe,emits:["datePicked"],setup(t,l){const i=e.ref(t.top),v=e.ref(t.left),c=e.ref(t.position),r=e.ref(t.enablePeriod),h=e.ref(t.selectMode),u=e.ref(t.dateFormat),d=e.ref(t.nameOfMonths),a=e.ref([]),f=e.ref(!1),o=e.ref(""),s=e.ref(!1),y=e.ref(""),b=e.ref(),V=e.ref(!1),x=e.ref(!1),T=e.ref(!1),D=e.ref(!1),p=e.ref(!1),g=e.ref(!1),N=e.ref(!1),m=e.ref(!1),C=e.ref(t.secondaryDates),B=e.ref(t.daysInWeek),Y=e.ref(t.enableKeyboadNavigate),$=e.ref(t.enableMarkCurrent),j=e.ref(t.firstDayOfTheWeek),I=e.ref(t.showWeekNumber),A=e.ref(t.selectedDate),K=e.ref(t.selectedWeek),F=e.ref(t.selectedPeriod),_=e.ref(t.weekTitle),n=e.ref(t.secondaryMonths),P=e.ref(t.selectedMonth),k=e.ref(t.minYear),W=e.ref(t.maxYear),R=e.ref(t.disableSince),z=e.ref(t.disableUntil),J=e.ref(t.disableDates),$e=e.ref(t.disablePeriod),je=e.ref(t.disableWeekdays),Ae=e.ref(t.disableWeekends),Re=Ce(k.value,W.value,R.value,z.value,J.value,$e.value,Ae.value,je.value),{generateCalendar:Le}=we(Re),{getToday:Fe}=H(),{generateMonths:Ke,getNextMonth:_e,getPreviousMonth:qe}=re(),{generateYears:Ue}=De(),S=Fe(),O=e.ref({year:S.year||1,month:S.month||1,displayTextOfMonth:d.value[S.month||"1"],displayTextOfYear:`${S.year}`}),fe=S.month===12?(S.year||1)+1:S.year,ze=(S.month||1)<12?(S.month||1)+1:1,He=e.ref({year:fe,month:ze,displayTextOfMonth:d.value[S.month||"1"],displayTextOfYear:`${fe}`}),Je=e.computed(()=>Le(O.value.month,O.value.year,j.value,[],{marked:!0,color:""},[],t.highlightSaturday,t.highlightSunday,I.value)),Ge=e.computed(()=>Ke(d.value,{year:O.value.year,month:O.value.month},R.value,z.value)),ye=e.computed(()=>Ue(O.value.year,{year:O.value.year,month:O.value.month},k.value,W.value,R.value,z.value)),Qe=e.computed(()=>{const M={"f-datepicker-container":!0},E=`container-position-${c.value}`;return M[E]=!0,M});function Xe(){return""}const Ze=e.computed(()=>({top:`${i.value}px`,left:`${v.value}px`,width:Xe()}));function Ct(M){}function et(M){M.stopPropagation()}function tt(M,E){const w=O.value.year-(s.value?10:1),G={year:w,month:O.value.month,displayTextOfMonth:d.value[O.value.month||"1"],displayTextOfYear:`${w}`};O.value=G}function he(M,E){const w=qe(O.value.month,O.value.year),G={year:w.year||1,month:w.month||1,displayTextOfMonth:d.value[w.month||"1"],displayTextOfYear:`${w.year}`};O.value=G}function be(M,E){const w=_e(O.value.month,O.value.year),G={year:w.year||1,month:w.month||1,displayTextOfMonth:d.value[w.month||"1"],displayTextOfYear:`${w.year}`};O.value=G}function at(M,E){const w=O.value.year+1,G={year:w,month:O.value.month,displayTextOfMonth:d.value[O.value.month||"1"],displayTextOfYear:`${w}`};O.value=G}function nt(M){f.value=!0,s.value=!1}function ot(M){f.value=!1,s.value=!0}const lt=e.computed(()=>({"active-month":O.value,"date-format":u.value,"disable-pre-page":V.value,"disable-pre-record":x.value,"disable-next-record":T.value,"disable-next-page":D.value,years:ye.value,"selecting-month":f.value,"selecting-year":s.value,"select-mode":h.value})),rt=e.computed(()=>({"active-month":He.value,"date-format":u.value,"disable-pre-page":p.value,"disable-pre-record":g.value,"disable-next-record":N.value,"disable-next-page":m.value,years:a.value,"selecting-month":o.value,"selecting-year":y.value,"select-mode":h.value}));function me(M,E){return e.createVNode(te,e.mergeProps(E,{onPrePage:w=>tt(),onPreRecord:w=>he(),onNextRecord:w=>be(),onNextPage:w=>at(),onClickMonth:w=>nt(),onClickYear:w=>ot()}),null)}const ve=e.computed(()=>!f.value&&!s.value&&!b.value||r.value&&h.value!=="week"&&!o.value&&!y.value&&!b.value),st=e.computed(()=>f.value&&!s.value),it=e.computed(()=>s.value&&!f.value),ct=e.computed(()=>({dates:Je.value,daysInWeek:B.value,enableKeyboadNavigate:Y.value,enableMarkCurrent:$.value,enablePeriod:r.value,firstDayOfTheWeek:j.value,selected:A.value,selectedPeriod:F.value,selectedWeek:K.value,selectMode:h.value,showWeekNumber:I.value,weekTitle:_.value})),ut=e.computed(()=>({dates:C,daysInWeek:B.value,enableKeyboadNavigate:Y.value,enableMarkCurrent:$.value,enablePeriod:r.value,firstDayOfTheWeek:j.value,selected:A.value,selectedPeriod:F.value,selectMode:I.value,showWeekNumber:I.value,weekTitle:_.value}));function dt(M,E){A.value=M,l.emit("datePicked",`${M.year}-${M.month}-${M.day}`)}function xt(M){}function wt(M){}function Dt(M,E){}function Bt(M,E){}function pe(M,E){return ve.value&&e.createVNode(Z,e.mergeProps(E,{onClick:w=>dt(w),onClickWeek:w=>void 0,onKeyDown:w=>void 0,onMouseEnter:w=>void 0,onMouseLeave:w=>void 0}),null)}const ft=e.computed(()=>({months:Ge.value,enableMarkCurrent:$.value,enableKeyboadNavigate:Y.value,enablePeriod:r.value,selected:P.value,selectedPeriod:F.value})),yt=e.computed(()=>({months:n.value,enableMarkCurrent:$.value,enableKeyboadNavigate:Y.value,enablePeriod:r.value,selected:P.value,selectedPeriod:F.value}));function ht(M,E){f.value=!1,s.value=!1,P.value=M,O.value={month:M.month||1,displayTextOfMonth:d.value[O.value.month||"1"],year:O.value.year||1,displayTextOfYear:`${O.value.displayTextOfYear}`}}function Ot(M){}function Vt(M,E){}function St(M,E){}function ge(M,E){return e.createVNode(ne,e.mergeProps(E,{onClick:w=>ht(w),onKeyDownMonthView:w=>void 0,onMouseEnterMonthView:w=>void 0,onMouseLeaveMonthView:w=>void 0}),null)}const bt=e.computed(()=>({years:ye.value,enableKeyboadNavigate:Y.value,enableMarkCurrent:$.value,enablePeriod:r.value,selected:A.value,selectedPeriod:F.value})),mt=e.computed(()=>({years:a.value,enableKeyboadNavigate:Y.value,enableMarkCurrent:$.value,enablePeriod:r.value,selected:A.value,selectedPeriod:F.value}));function vt(M,E){f.value=!0,s.value=!1,O.value={month:O.value.month,displayTextOfMonth:O.value.displayTextOfMonth,year:M.year||1,displayTextOfYear:`${M.year}`}}function Yt(M){}function It(M,E){}function Et(M,E){}function pt(M){O.value={year:S.year||1,month:S.month||1,displayTextOfMonth:d.value[S.month||"1"],displayTextOfYear:`${S.year}`},A.value=S}function gt(M){O.value={year:S.year||1,month:S.month||1,displayTextOfMonth:d.value[S.month||"1"],displayTextOfYear:`${S.year}`},A.value=S,P.value={year:S.year,month:S.month}}function kt(M){O.value={year:S.year||1,month:S.month||1,displayTextOfMonth:d.value[S.month||"1"],displayTextOfYear:`${S.year}`},A.value=S}const Mt=e.computed(()=>r.value&&h.value!=="week");function ke(M,E){return e.createVNode(oe,e.mergeProps(E,{onClick:w=>vt(w),onKeyDownYearView:w=>void 0,onClickPreRecord:w=>he(),onClickNextRecord:w=>be(),onMouseEnterYearView:w=>void 0,onMouseLeaveYearView:w=>void 0}),null)}return()=>e.createVNode("div",{class:Qe.value,style:Ze.value,tabindex:"0",onKeyup:M=>void 0,onClick:M=>et(M)},[e.createVNode("div",{class:"f-datepicker-content"},[me(!1,lt.value),pe(!1,ct.value),f.value&&ge(!1,ft.value),s.value&&ke(!1,bt.value),e.createVNode("div",{class:"f-datepicker-footer"},[e.createVNode("div",{class:"f-datepicker-redirect"},[ve.value&&e.createVNode("button",{class:"btn btn-link",onClick:pt},[e.createTextVNode("今天")]),st.value&&e.createVNode("button",{class:"btn btn-link",onClick:gt},[e.createTextVNode("本月")]),it.value&&e.createVNode("button",{class:"btn btn-link",onClick:kt},[e.createTextVNode("今年")])])])]),Mt.value&&e.createVNode("div",{class:"f-datepicker-content"},[me(!0,rt.value),pe(!0,ut.value),o.value&&ge(!0,yt.value),y.value&&ke(!0,mt.value)])])}}),Be={displayFormat:{Type:String,default:"yyyyMMdd"},minYear:{Type:Number,default:1},maxYear:{Type:Number,default:2500},valueFormat:{Type:String,default:"yyyyMMdd"},displayTime:{Type:Boolean,default:!1},selectMode:{Type:String,default:"day"},disableUntil:{Type:Object,default:{year:0,month:0,day:0}},disableSince:{Type:Object,default:{year:0,month:0,day:0}},disableDates:{Type:Array,default:[]},disablePeriod:{Type:Array,default:[]},disableWeekends:{Type:Boolean,default:!1},disableWeekdays:{Type:Array,default:[]},highlightDates:{Type:Array,default:[]},highlightSaturday:{Type:Boolean,default:!1},highlightSunday:{Type:Boolean,default:!1},modelValue:{type:String,default:""},nameOfMonths:{Type:Object,default:ae},periodDelimiter:{Type:String,default:""}},Oe={id:String,buttonContent:{type:String,default:'<i class="f-icon f-icon-lookup"></i>'},autoComplete:{type:Boolean,default:!1},customClass:{type:String,default:""},disable:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},enableClear:{type:Boolean,default:!1},modelValue:{type:String,default:""},readonly:{type:Boolean,default:!1},textAlign:{type:String,default:"left"},showButtonWhenDisabled:{type:Boolean,default:!1},enableTitle:{type:Boolean,default:!1},inputType:{type:String,default:"text"},forcePlaceholder:{type:Boolean,default:!1},placeholder:{type:String,default:""},minLength:Number,maxLength:Number,tabIndex:Number};function Ve(t,l,i){const v=e.computed(()=>({"input-group-append":!0,"append-force-show":t.showButtonWhenDisabled&&(t.readonly||t.disable)})),c=e.computed(()=>t.showButtonWhenDisabled||(!t.editable||!t.readonly)&&!t.disable);function r(a){c.value&&(i.value=!0,l.emit("clickButton",{origin:a,value:t.modelValue})),a.stopPropagation()}function h(a){l.emit("mouseEnterIcon",a)}function u(a){l.emit("mouseLeaveIcon",a)}function d(){l.emit("mouseOverButton")}return{buttonClass:v,onClickButton:r,onMouseEnterButton:h,onMouseLeaveButton:u,onMouseOverButton:d}}function ue(t,l,i,v){const c=e.computed(()=>t.enableTitle?i.value:""),r=e.computed(()=>(t.disable||t.readonly)&&!t.forcePlaceholder?"":t.placeholder),h=e.computed(()=>t.readonly||!t.editable);let u=!1;const d=e.computed(()=>!t.disable&&u),a=e.computed(()=>({"text-left":t.textAlign==="left","text-center":t.textAlign==="center","text-right":t.textAlign==="right","form-control":!0,"f-utils-fill":!0}));function f(p,g=!0){i.value!==p&&(i.value=p,g&&l.emit("change",p),l.emit("update:modelValue",p))}e.watch(()=>t.modelValue,p=>{i.value=p,l.emit("change",p)});function o(p){u=!1,l.emit("blur",p),p.stopPropagation()}function s(p){l.emit("click",p)}function y(p){if(t.disable){u=!0;return}u=!0,h.value||l.emit("focus",p)}function b(p){l.emit("input",p.target.value);const g=p.target.value;v.value=g,i.value!==g&&f(g,!1)}function V(p){p.target.tagName!=="INPUT"&&p.preventDefault(),p.stopPropagation()}function x(p){l.emit("keydown",p)}function T(p){l.emit("keyup",p)}function D(p){const g=p.target.value;f(g)}return{hasFocusedTextBox:d,isTextBoxReadonly:h,textBoxClass:a,textBoxPlaceholder:r,textBoxTitle:c,changeTextBoxValue:f,onBlurTextBox:o,onClickTextBox:s,onFocusTextBox:y,onInput:b,onKeyDownTextBox:x,onKeyUpTextBox:T,onMouseDownTextBox:V,onTextBoxValueChange:D}}function Se(t,l,i,v,c){const r=e.ref(!1),h=e.computed(()=>t.enableClear&&!t.readonly&&!t.disable),{changeTextBoxValue:u}=ue(t,l,i,c);function d(s){r.value=s}e.watch(c,()=>{v.value?d(!!c.value):d(!1)});function a(s){const y=!t.readonly&&!t.disable&&t.editable,b=!t.editable;s.stopPropagation(),(y||b)&&(u("",!1),d(!r.value),l.emit("clear"))}function f(s){if(h.value){if(!i.value){d(!1);return}(!t.editable||!t.readonly)&&!t.disable&&d(!0)}}function o(s){h.value&&d(!1)}return{enableClearButton:h,showClearButton:r,onClearValue:a,onMouseEnterTextBox:f,onMouseLeaveTextBox:o}}const Ye={popupContentPosition:{type:Object,default:{left:0,top:0}}},Ie=e.defineComponent({name:"FOverlay",props:Ye,emits:["click"],setup(t,l){const i=e.ref(t.popupContentPosition);function v(r){l.emit("click"),r.preventDefault(),r.stopPropagation()}const c=e.computed(()=>({position:"relative",left:`${i.value.left}px`,top:`${i.value.top}px`}));return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>{var r,h;return[e.createVNode("div",{class:"overlay-container",style:"pointer-events: auto;",onClick:u=>v(u)},[e.createVNode("div",{style:c.value},[(h=(r=l.slots).default)==null?void 0:h.call(r)])])]}})}}),Ee=e.defineComponent({name:"FButtonEdit",props:Oe,emits:["updateExtendInfo","clear","change","click","clickButton","blur","focus","mouseEnterIcon","mouseLeaveIcon","keyup","keydown","inputClick","input","update:modelValue"],setup(t,l){const i=e.ref(),v=e.ref(t.modelValue),c=e.ref(!1),{buttonClass:r,onClickButton:h,onMouseEnterButton:u,onMouseLeaveButton:d}=Ve(t,l,c),a=e.ref(""),{hasFocusedTextBox:f,isTextBoxReadonly:o,textBoxClass:s,textBoxPlaceholder:y,textBoxTitle:b,onBlurTextBox:V,onClickTextBox:x,onFocusTextBox:T,onInput:D,onKeyDownTextBox:p,onKeyUpTextBox:g,onMouseDownTextBox:N,onTextBoxValueChange:m}=ue(t,l,v,a),{enableClearButton:C,showClearButton:B,onClearValue:Y,onMouseEnterTextBox:$,onMouseLeaveTextBox:j}=Se(t,l,v,f,a),I=e.computed(()=>({"input-group":!0,"f-state-disable":t.disable,"f-state-editable":t.editable&&!t.disable&&!t.readonly,"f-state-readonly":t.readonly&&!t.disable,"f-state-focus":f}));function A(){c.value=!1}const K=e.computed(()=>c.value),F=()=>{if(i.value){const n=i.value.getBoundingClientRect(),{left:P,top:k,height:W}=n;return{left:P,top:k+W}}return{left:0,top:0}};function _(n){c.value=!1}return l.expose({commitValue:_}),()=>e.createVNode(e.Fragment,null,[e.createVNode("div",e.mergeProps(l.attrs,{ref:i,class:"f-cmp-inputgroup",id:t.id}),[e.createVNode("div",{class:[t.customClass,I.value],onMouseenter:$,onMouseleave:j},[e.createVNode("input",{name:"input-group-value",autocomplete:""+t.autoComplete,class:s.value,disabled:t.disable,maxlength:t.maxLength,minlength:t.minLength,placeholder:y.value,readonly:o.value,tabindex:t.tabIndex,title:b.value,type:t.inputType,value:v.value,onBlur:V,onChange:m,onClick:x,onFocus:T,onInput:D,onKeydown:p,onKeyup:g,onMousedown:N},null),e.createVNode("div",{class:r.value},[C.value&&e.withDirectives(e.createVNode("span",{class:"input-group-text input-group-clear",onClick:Y},[e.createVNode("i",{class:"f-icon modal_close"},null)]),[[e.vShow,B.value]]),t.buttonContent&&e.createVNode("span",{class:"input-group-text input-group-append-button",onClick:h,onMouseenter:u,onMouseleave:d,innerHTML:t.buttonContent},null)])])]),K.value&&e.createVNode(Ie,{"popup-content-position":F(),onClick:A},{default:()=>{var n,P;return[(P=(n=l.slots).default)==null?void 0:P.call(n)]}})])}}),de=e.defineComponent({name:"FDatePicker",props:Be,emits:["update:modelValue","datePicked"],setup(t,l){const i='<span class="f-icon f-icon-date"></span>',v=e.ref(t.modelValue),c=e.ref(null);function r(){}function h(u){var d;v.value=u,l.emit("update:modelValue",u),l.emit("datePicked",u),(d=c.value)==null||d.commitValue(u)}return()=>e.createVNode(e.Fragment,null,[e.createVNode(Ee,{ref:c,modelValue:v.value,"onUpdate:modelValue":u=>v.value=u,buttonContent:i,enableClear:!0,onClickButton:()=>void 0},{default:()=>[e.createVNode(e.resolveComponent("f-date-picker-container"),{onDatePicked:u=>h(u)},null)]})])}}),We={install(t){t.component(Z.name,Z).component(te.name,te).component(ce.name,ce).component(ne.name,ne).component(oe.name,oe).component(de.name,de)}};q.DatePickerCalendar=Z,q.MonthTag=L,q.datePickerCalendarProps=se,q.default=We,q.defaultNameOfMonths=ae,q.weekDays=Q,Object.defineProperties(q,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|