@farris/ui-vue 1.8.0-alpha.0 → 1.8.0-beta.1

package/components/data-grid/index.umd.cjs

@@ -1 +1 @@
-(function(u,P){typeof exports=="object"&&typeof module<"u"?P(exports,require("../common/index.umd.js"),require("vue"),require("@vueuse/core"),require("../data-view/index.umd.js"),require("../button/index.umd.js"),require("../drawer/index.umd.js"),require("../dynamic-form/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue","@vueuse/core","../data-view/index.umd.js","../button/index.umd.js","../drawer/index.umd.js","../dynamic-form/index.umd.js"],P):(u=typeof globalThis<"u"?globalThis:u||self,P(u["data-grid"]={},u.common,u.Vue,u.VueUseCore,u.dataView,u.FButton,u.FDrawer,u.FResponseForm))})(this,function(u,P,t,tt,a,_e,nt,Ue){"use strict";var We=(n=>(n.AUTO="auto",n.ALWAYS="always",n))(We||{});const ot={enable:{type:Boolean,default:!1},index:{type:Number,default:1},mode:{type:String,default:"client"},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},disabled:{type:Boolean,default:!1}},lt={enable:{type:Boolean,default:!1},fields:{type:Array,default:[]},mode:{type:String,default:"client"},multiSort:{type:Boolean,default:!1}},at={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"}},it={enable:{type:Boolean,default:!1},filterStyle:{type:String,default:"filter-column"},mode:{type:String,default:"server"},showSummary:{type:Boolean,default:!0}},rt={wrapHeadings:{type:Boolean,default:!1}},st={enable:{type:Boolean,default:!1},heading:{type:String,default:"序号"},width:{type:Number,default:36},showEllipsis:{type:Boolean,default:!0}},ut={customRowStyle:{type:Function,default:()=>{}},customCellStyle:{type:Function,default:()=>{}},customRowStatus:{type:Function,default:()=>{}},disable:{type:Function,default:()=>{}},height:{type:Number,default:28},showHovering:{type:Boolean,default:!0},wrapContent:{type:Boolean,default:!1}},dt={enable:{type:Boolean,default:!1},customSummaryStyle:{type:Function,default:()=>{}},groupFields:{type:Array,default:[]},mode:{type:String,default:"client"},position:{type:String,default:"bottom"}},ct={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}},ft={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}},mt={selectOnEditing:{type:Boolean,default:!1},editMode:{type:String,default:"cell"}},yt={show:{type:Boolean,default:!1},message:{type:String,default:"加载中..."}},qe={customClass:{type:String,default:""},appendOnEnterAtLastCell:{type:Boolean,default:!1},beforeEditCell:{type:Function,default:n=>!0},beforeEndEditCell:{type:Function,default:()=>!0},columns:{type:Array,default:[]},columnOption:{type:Object},commandOption:{type:Object,default:{enable:!1,commands:[],halign:"center"}},data:{type:Array,default:[]},disabled:{type:Boolean,default:!1},disabledField:{type:String,default:"disabled"},editable:{type:Boolean,default:!1},editOption:{type:Object,default:{selectOnEditing:!1,editMode:"cell"}},enableCommands:{type:Boolean,default:!1},enableFilter:{type:Boolean,default:!1},filter:{type:Object},fit:{type:Boolean,default:!1},focusOnEditingCell:{type:Boolean,default:!0},group:{type:Object},header:{type:Object},height:{type:Number,default:-1},id:{type:String,default:""},idField:{type:String,default:"id",require:!0},loading:{type:Boolean,default:!1},mergeCell:{type:Boolean,default:!1},minHeight:{type:Number,default:300},minWidth:{type:Number,default:400},newDataItem:{type:Function,default:()=>{}},pagination:{type:Object,default:{enable:!1,size:20}},rowNumber:{type:Object,default:{enable:!0,width:36,showEllipsis:!0,heading:"序号"}},rowOption:{type:Object,default:{wrapContent:!1}},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!1,keepSelectingOnClick:!0}},selectionValues:{type:Array,default:[]},selectOnEditingCell:{type:Boolean,default:!1},showBorder:{type:Boolean,default:!1},showFooter:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showHorizontalLines:{type:Boolean,default:!0},showScrollBar:{type:String,default:"auto"},showSetting:{type:Boolean,default:!1},showStripe:{type:Boolean,default:!0},showVerticallLines:{type:Boolean,default:!1},sort:{type:Object},summary:{type:Object,default:{enable:!1,groupFields:["numericField1","numericField2"]}},virtualized:{type:Boolean,default:!0},width:{type:Number,default:-1},emptyTemplate:{type:Object},beforeUpdate:{type:Function},scrollbarMode:{type:String,default:"auto"},visible:{type:Boolean,default:!0}};function pt(n,g,ve,L,se,x,b,w,ue,c,j,de,$,m,I,be){const{isNull:J,isUndefined:A}=P.useCommonUtils(),{totalItems:ce,rawView:we}=be,{calculateCellPositionInRow:fe,cellKey:s,cellPosition:z,rowKey:D,rowPosition:p,rowSpanCellPosition:Be,groupCellPosition:_,summaryCellPosition:me}=b,{cellContentClass:Oe,cellContentPosition:Ne,cellContentClassWithEllipsis:N}=x,{collpaseGroupIconClass:Fe}=c,{gridCellClass:Ie,gridRowClass:U,onClickRow:W,onMouseoverRow:ye,onMouseoutRow:O}=de,{onClickCell:q,showRowEditPanel:De}=ue,{toggleGroupRow:M}=$,{columnContext:G,hasLeftFixedColumn:Q,hasRightFixedColumn:T}=w,{navigateOnKeyUp:h,navigateOnKeyDown:Ge}=j,V=e=>(e||[]).some(r=>t.isVNode(r)?!(r.type===t.Comment||r.type===t.Fragment&&!V(r.children)):!0)?e:null,X=e=>{var r,d,l;return((d=(r=e.column)==null?void 0:r.editor)==null?void 0:d.type)==="switch"||((l=e.column)==null?void 0:l.dataType)==="boolean"?{display:"flex",flexGrow:"1",overflow:"hidden"}:{flexGrow:"1"}},Z=t.reactive({"fv-grid-content-left-fixed":!0}),ee=t.reactive({"fv-grid-content-right-fixed":!0});t.watch([ce,we],e=>{!e[0]&&!e[1].length?(Z["fv-grid-content-left-fixed"]=!1,ee["fv-grid-content-right-fixed"]=!1):(Z["fv-grid-content-left-fixed"]=!0,ee["fv-grid-content-right-fixed"]=!0)});const{gridDataStyle:te,gridMergedDataStyle:pe,leftFixedGridDataStyle:Te,leftFixedGridMergedDataStyle:Ve,rightFixedGridDataStyle:ne,rightFixedGridMergedDataStyle:Ee}=m;function Pe(e,r){r.collapse=!r.collapse,I.value=M(r.collapse?"collapse":"expand",r,I.value)}function C(e,r){const d=[];if(e.groupField&&r[e.groupField]){for(let y=0;y<=e.layer;y++)d.push(t.createVNode("div",{class:"fv-grid-group-row-icon",onClick:k=>Pe(k,e)},[t.createVNode("span",{class:Fe(e)},null)]));const l=e.data[e.groupField];d.push(t.createVNode("div",{ref:l.setRef,key:s(e,e.layer+1),class:"fv-grid-cell",style:_(l,r,e.layer)},[l.data])),Object.values(e.data).filter(y=>y.field!==e.groupField&&y.colSpan!==0).forEach(y=>{d.push(t.createVNode("div",{ref:y.setRef,key:s(e,y.index),class:"fv-grid-cell",style:z(e,y,r)},[y.data]))})}return d}function xe(e,r,d){return e.layer>-1&&t.createVNode("div",{ref:e.setRef,key:D(e),class:U(e,d),style:p(e),onClick:l=>W(l,e),onMouseover:l=>ye(l,e)},[C(e,r)])}function Ce(e,r){const d=[];if(e.groupField&&r[e.groupField]){const l=e.data[e.groupField];d.push(t.createVNode("div",{ref:l.setRef,key:s(e,e.layer+1),class:"fv-grid-cell",style:me(l,r,e.layer)},[l.data]))}return d}function ge(e,r,d){return e.layer>-1&&t.createVNode("div",{ref:e.setRef,key:D(e),class:U(e,d),style:p(e),onClick:l=>W(l,e),onMouseover:l=>ye(l,e)},[Ce(e,r)])}function Y(e,r){var d,l,y;return e.showTips&&typeof((d=e.column)==null?void 0:d.formatter)!="function"&&((l=e.column)==null?void 0:l.dataType)!=="commands"&&((y=e.column)==null?void 0:y.dataType)!=="setting"?t.createVNode("div",{class:N(e),title:e.formatter(e,r)},[e.formatter(e,r)]):t.createVNode("div",{class:N(e)},[e.formatter(e,r)])}function E(){return t.createVNode("div",null,[t.createTextVNode("******")])}function je(e){var l,y;const r=!J(e.data)&&!A(e.data)?e.data.toString():e.data;return((y=(l=e.column)==null?void 0:l.editor)==null?void 0:y.showType)==="password"?E():e.showTips?t.createVNode("div",{class:N(e),title:r},[r]):t.createVNode("div",{class:N(e)},[r])}function oe(e,r){return e.mode===a.CellMode.editing?t.createVNode("div",{style:X(e)},[e.getEditor(e)]):e.column.columnTemplate?e.column.columnTemplate(e,r):e.formatter?Y(e,r):je(e)}function le(e,r,d){return t.createVNode("div",{ref:e.setRef,key:D(e),class:U(e,d),style:p(e),onClick:l=>W(l,e),onMouseover:l=>ye(l,e),onMouseout:l=>O(l,e)},[Object.values(e.data).filter(l=>r[l.field]&&l.rowSpan===1).map(l=>{var k,R;const y=g.slots.cellTemplate&&V(g.slots.cellTemplate({cell:l,row:e}));return t.createVNode("div",{ref:l.setRef,key:s(e,l.index),class:Ie(l,e),style:z(e,l,r),onClick:ie=>{q(ie,l,e,l.column)},onKeydown:ie=>h(ie,l)},[t.createVNode("div",{class:Oe(l),style:Ne(l)},[y?(R=(k=g.slots).cellTemplate)==null?void 0:R.call(k,{cell:l,row:e}):oe(l,e)])])})])}const he=[le,xe,ge];function ae(e,r){const d=fe(e);return I.value.map((l,y)=>he[l.type](l,d,y))}function K(e){const r=fe(e);return I.value.map(d=>Object.values(d.data).filter(l=>r[l.field]&&l.rowSpan>1).map(l=>t.createVNode("div",{key:s(d,l.index),class:"fv-grid-cell fv-grid-merged-cell",style:Be(d,l,r)},[l.data])))}function Ae(){return t.createVNode("div",{ref:L,class:Z},[t.createVNode("div",{class:"fv-grid-data",style:Te.value},[ae(G.value.leftColumns.filter(e=>e.visible))]),t.createVNode("div",{class:"fv-grid-merge-date",style:Ve.value},[K(G.value.leftColumns.filter(e=>e.visible))])])}function Me(){return t.createVNode("div",{ref:ve,class:"fv-grid-content-primary"},[t.createVNode("div",{class:"fv-grid-data",style:te.value},[ae(G.value.primaryColumns.filter(e=>e.visible))]),t.createVNode("div",{class:"fv-grid-merge-date",style:pe.value},[K(G.value.primaryColumns.filter(e=>e.visible))])])}function ke(){return t.createVNode("div",{ref:se,class:ee},[t.createVNode("div",{class:"fv-grid-data",style:ne.value},[ae(G.value.rightColumns.filter(e=>e.visible))]),t.createVNode("div",{class:"fv-grid-merge-date",style:Ee.value},[K(G.value.rightColumns.filter(e=>e.visible))])])}function Re(){const e=[];return Q.value&&e.push(Ae()),e.push(Me()),T.value&&e.push(ke()),e}return{renderDataArea:Re}}function Ct(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!t.isVNode(n)}const Ye=t.defineComponent({name:"FDataGrid",props:qe,emits:["changed","clickRow","doubleClickRow","selectionChange","unSelectItem","selectItem","enterUpInLastCell","selectAll","unSelectAll","pageIndexChanged","pageSizeChanged","beginEditCell","endEditCell","filterChanged","sortChanged","selectionUpdate","endEditRow"],setup(n,g){var Je,Qe;const{isSmall:ve}=a.useScreen(),L=0,se=((Je=n.rowOption)==null?void 0:Je.height)||28,x=t.ref(20),b=t.ref(n.columns),w=a.useIdentify(n),ue=t.ref(),c=t.ref(),j=t.ref(),de=t.ref(),$=t.ref(),m=t.ref([]),I=t.ref(n.scrollbarMode==="always"),be=t.ref(((Qe=n.rowOption)==null?void 0:Qe.wrapContent)||!1),J=a.useGroupData(n,w),A=a.useFilter(n,g),ce=a.useHierarchy(n),{showLoading:we,renderLoading:fe}=a.useLoading(n,ue),s=a.useDataView(n,new Map,A,ce,w),z=a.usePagination(n,s),{shouldRenderPagination:D}=z,p=a.useSelection(n,s,w,m,g),{showSelectAll:Be,showSelection:_,selectedValues:me,updateSelectAllStatus:Oe}=p,Ne=t.computed(()=>n.disabled),N=t.computed(()=>n.virtualized?Math.min(s.dataView.value.length,x.value):s.dataView.value.length);t.computed(()=>n.loadingConfig.message);const{containerStyleObject:Fe}=a.useDataViewContainerStyle(n),Ie=a.useCommandColumn(n),{applyCommands:U}=Ie;U(b);const{applyColumnSetting:W,removeColumnSetting:ye}=a.useSettingColumn(n);n.showSetting&&W(b);const O=a.useColumn(n,g),q=a.useSort(n),{applyColumnSorter:De,columnContext:M,updateColumnRenderContext:G}=O;De(s,q);const Q=a.useGroupColumn(n,M),T=a.useRow(n,g,p,w),h=a.useEdit(n,g,w,T,m),Ge=a.useVisualDataBound(n),V=a.useVisualDataCell(n,h,Ge),X=a.useVisualDataRow(n,s,h,ce,w,Ge,V),Z=a.useVisualGroupRow(n,w,V,X),ee=a.useVisualSummaryRow(n,w,V,X),te=a.useVisualData(n,b,s,N,L,X,Z,ee),{getVisualData:pe}=te,Te=a.useCellContentStyle(M),Ve=a.useCellPosition(n,M),ne=a.useSidebar(n,p),{sidebarWidth:Ee,showSidebarCheckBox:Pe}=ne,C=a.useVirtualScroll(n,s,m,M,te,N,L,Ee,h),{onWheel:xe,dataGridWidth:Ce,viewPortHeight:ge,viewPortWidth:Y,resetScroll:E,updateVisibleRowsOnLatestVisibleScope:je}=C,oe=a.useFitColumn(n,M,c,Y,Q),{calculateColumnsSize:le}=oe,he=a.useFilterHistory(),ae=a.useColumnFilter(c,$,s,he,C),K=a.useDragColumn(n,g,O,s,Q,J,C),Ae=t.computed(()=>{const o={"fv-grid":!0,"fv-grid-bordered":n.showBorder,"fv-grid-horizontal-bordered":n.showHorizontalLines,"fv-datagrid-strip":n.showStripe};return P.getCustomClass(o,n.customClass)}),Me=t.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":I.value,"fv-grid-wrap-content":be.value})),ke=t.computed(()=>{const o={};return C.shouldShowHorizontalScrollbar.value&&(o.paddingBottom="10px"),C.shouldShowVirticalScrollbar.value&&(o.paddingRight="10px"),o}),{renderGridHeader:Re,renderGridColumnResizeOverlay:e,shouldShowHeader:r}=a.getColumnHeader(n,g,c,de,$,O,s,K,ae,A,he,oe,Q,p,ne,q,C,Y,m),{renderDataGridPagination:d}=a.getPagination(n,g,s,C,z,p),{renderDataGridSidebar:l}=a.getSidebar(n,T,p,ne,C),{renderDisableMask:y}=a.getDisableMask(),{renderDataGridSummary:k,summaryPosition:R}=a.getSummary(n,s,O),{renderHorizontalScrollbar:ie}=a.getHorizontalScrollbar(n,c,C),{renderVerticalScrollbar:ht}=a.getVerticalScrollbar(n,c,C),{renderFilterPanel:St}=a.getFilterPanel(n,O,s,A,C),{renderGroupPanel:vt}=a.getGroupPanel(n,s,K,J,C);function bt(){var i,f;const o=Math.ceil(c.value.clientHeight/se);o>x.value&&(x.value=o,je()),ge.value=((i=j.value)==null?void 0:i.clientHeight)||0,Ce.value=((f=c.value)==null?void 0:f.clientWidth)||0,le()}t.onMounted(()=>{c.value&&(x.value=Math.max(Math.ceil(c.value.clientHeight/se),x.value),m.value=pe(0,N.value+L-1),tt.useResizeObserver(c.value,bt),le(),t.nextTick(()=>{c.value&&(Ce.value=c.value.clientWidth),j.value&&(Y.value=j.value.clientWidth,ge.value=j.value.clientHeight)})),we.value&&fe()}),t.onUnmounted(()=>{}),t.watch(Y,()=>{});function wt(){s.insertNewDataItem(),E()}function Bt(){s.insertNewDataItem(m.value.length),E()}function Ot(o){h.onEditingRow(o)}function Nt(o){s.removeDataItem(o),E()}function Ft(o){s.removeDataItemById(o),E()}function It(o){h.acceptEditingRow(o)}function Dt(o){h.cancelEditingRow(o)}function Gt(o){m.value.forEach((i,f)=>{const S=s.visibleDataItems.value.findIndex(v=>v===i.raw),B=m.value[f-1];o.forEach(v=>{i.data[v.field]?V.updateCellByColumn(i.data[v.field],v,B,i.raw):i.data[v.field]=V.createCellByColumn(v,S,i.raw,i,B)})})}function Se(o){o&&(b.value=o,Gt(b.value),U(b),n.showSetting&&W(b),G(b.value),De(s,q),le())}function Tt(){p.emptyCurrentRowId()}t.watch(()=>n.showSetting,(o,i)=>{o!==i&&Se(b.value)});function He(o){z.updatePagination(o)}function Ke(o,i){o&&(s.load(o),m.value=pe(0,N.value+L-1),i!=null&&i.keepScrollTop?C.scrollTo(C.offsetY.value):E(),m.value.length||(me.value=[]),Pe.value&&Be.value&&Oe()),h.clear()}t.watch(s.shouldGroupingData,(o,i)=>{o!==i&&(s.updateDataView(),E())}),t.watch(()=>n.columns,o=>{Se(o)});function Le(o){T.activeRowById(o)}const Vt=a.useAdapt(p,s,A,b,Se,Ke,He);function Et(o,i={isCurrent:!0}){i!=null&&i.isCurrent&&Le(o),p.selectItemById(o)}function Pt(o){const i=w.idField.value,f=m.value.find(S=>S.raw[i]===o);f&&T.clickRowItem(f)}function xt(o){const i=w.idField.value,f=m.value.find(S=>S.raw[i]===o);f&&T.changeRow(f)}function jt(o){p.selectItemByIds(o)}function At(){return m.value}function Mt(o){return m.value.filter(i=>o.includes(i.raw[n.idField]))}function kt(){return p.getSelectedItems()}function Rt(){return p.getSelectionRow()}function Ht(){h.endEditCell()}function Lt(o,i={clearCurrent:!0}){i!=null&&i.clearCurrent&&Le(""),p.unSelectItemByIds(o)}function $e(){p.clearSelection()}function zt(){return p.currentSelectedDataId.value}function _t(){C.scrollToBottom()}function Ut(o){C.scrollToRowByIndex(o)}function Wt(){p.keepSelectingOnPaging.value||$e(),s.updateVisibleDataSummary(m.value),He({total:s.dataView.value.length,index:1})}const ze={activeRowById:Le,selectRowById:xt,addNewDataItem:wt,addNewDataItemAtLast:Bt,removeDataItem:Nt,removeDataItemById:Ft,editDataItem:Ot,acceptDataItem:It,cancelDataItem:Dt,selectItemById:Et,selectItemByIds:jt,updateColumns:Se,updateDataSource:Ke,updatePagination:He,getVisibleData:At,getVisibleDataByIds:Mt,getSelectedItems:kt,getSelectionRow:Rt,getCurrentRowId:zt,endEditCell:Ht,clickRowItemById:Pt,clearSelection:$e,unSelectItemByIds:Lt,scrollToBottom:_t,scrollToRowByIndex:Ut,updateDerivedData:Wt,emptyCurrentRowId:Tt,...Vt};g.expose(ze);const qt=a.useNavigation(n,g,ze,O,h,m),{renderDataArea:Yt}=pt(n,g,j,de,$,Te,Ve,O,h,J,qt,T,te,C,m,s),Kt=t.computed(()=>!m.value||!m.value.length),{renderEmpty:$t}=a.getEmpty(n,g),Jt=t.computed(()=>({"d-flex":!0,"justify-content-between":D.value&&_.value,"justify-content-end":D.value&&!_.value,"position-relative":!0,"fv-datagrid-pagination":!0})),Qt=t.computed(()=>({"flex-direction":"row"})),Xt=t.computed(()=>({"d-flex":!0,"align-items-center":!0}));t.provide("dataGridContext",{useColumnComposition:O,dataView:s,useFilterComposition:A,useFitColumnComposition:oe,useSortComposition:q,useVirtualScrollComposition:C,dataGridComponentInstance:ze});function Zt(o){let i;return t.createVNode(Ue,{class:"f-form-layout farris-form farris-form-controls-inline col-12 col-md-6 col-xl-3 col-el-2"},Ct(i=Object.keys(o.data).filter(f=>{var S,B;return((S=o.data[f].column)==null?void 0:S.dataType)!==a.COMMAND_COLUMN_DATA_TYPE&&((B=o.data[f].column)==null?void 0:B.dataType)!==a.SETTING_COLUMN_DATA_TYPE}).map(f=>{var B,v;const S=o.data[f];return t.createVNode("div",{class:"farris-group-wrap w-100"},[t.createVNode("div",{class:"form-group farris-form-group common-group"},[t.createVNode(Ue.FDynamicFormLabel,{text:(B=S.column)==null?void 0:B.title,title:(v=S.column)==null?void 0:v.title},null),t.createVNode("div",{class:"farris-input-wrap"},[S.getEditor(S)])])])}))?i:{default:()=>[i]})}function en(o,i){const f={},S={},B=[],v=[],Xe={};Object.keys(i.data).filter(H=>{var F,re;return((F=i.data[H].column)==null?void 0:F.dataType)!==a.COMMAND_COLUMN_DATA_TYPE&&((re=i.data[H].column)==null?void 0:re.dataType)!==a.SETTING_COLUMN_DATA_TYPE}).forEach(H=>{var re,Ze,et;const F=i.data[H];f[H]=F.data,h.endEditByCell(F),S[H]=F.data,B.push(F.column),v.push(F),Xe[H]=(et=(Ze=(re=F.column)==null?void 0:re.editor)==null?void 0:Ze.context)==null?void 0:et.editor}),g.emit("endEditRow",{row:i,cells:v,columns:B,oldValues:f,newValues:S,editors:Xe}),h.showRowEditPanel.value=!1}function tn(){const o=p.currentSelectedDataId.value,i=m.value.find(f=>f.raw[n.idField]===o);return i?t.createVNode(nt,{showHeader:!1,modelValue:h.showRowEditPanel.value,"onUpdate:modelValue":f=>h.showRowEditPanel.value=f,width:600},{default:()=>Zt(i),footerTemplate:()=>t.createVNode(t.Fragment,null,[t.createVNode(_e,{class:"mr-3",type:"secondary",onClick:f=>{h.showRowEditPanel.value=!1}},{default:()=>[t.createTextVNode("取消")]}),t.createVNode(_e,{onClick:f=>{en(f,i)}},{default:()=>[t.createTextVNode("确定")]})])}):null}return()=>n.visible&&t.createVNode(t.Fragment,null,[t.createVNode("div",{ref:ue,class:Ae.value,style:Fe.value,onWheel:xe},[c.value&&n.enableFilter&&St(),c.value&&vt(),c.value&&r.value&&Re(),c.value&&(R.value==="top"||R.value==="both")&&k(),t.createVNode("div",{ref:c,class:Me.value,style:ke.value,onMouseover:o=>{o.stopPropagation(),n.scrollbarMode!=="always"&&(I.value=!0)},onMouseleave:o=>{o.stopPropagation(),n.scrollbarMode!=="always"&&(I.value=!1)}},[c.value&&l(m),c.value&&Yt(),c.value&&Kt.value&&$t(),c.value&&ie(),c.value&&ht()]),c.value&&(R.value==="bottom"||R.value==="both")&&k(),(D.value||_.value)&&t.createVNode("div",{class:Jt.value,style:Qt.value},[_.value&&t.createVNode("div",{class:Xt.value},[t.createVNode("div",null,["已选："+me.value.length,t.createTextVNode(" 条")])]),D.value&&d()]),e(),Ne.value&&y()]),ve()&&tn()])}}),gt=P.withInstall(Ye);u.FDataGrid=Ye,u.ScrollbarMode=We,u.columnOptions=ct,u.dataGridProps=qe,u.default=gt,u.editOptions=mt,u.filterOptions=it,u.groupOptions=at,u.headerOptions=rt,u.loadingOptions=yt,u.paginationOptions=ot,u.rowNumberOptions=st,u.rowOptions=ut,u.selectionOptions=ft,u.sortOptions=lt,u.summaryOptions=dt,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(u,P){typeof exports=="object"&&typeof module<"u"?P(exports,require("../common/index.umd.js"),require("vue"),require("@vueuse/core"),require("../data-view/index.umd.js"),require("../button/index.umd.js"),require("../drawer/index.umd.js"),require("../dynamic-form/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue","@vueuse/core","../data-view/index.umd.js","../button/index.umd.js","../drawer/index.umd.js","../dynamic-form/index.umd.js"],P):(u=typeof globalThis<"u"?globalThis:u||self,P(u["data-grid"]={},u.common,u.Vue,u.VueUseCore,u.dataView,u.button,u.FDrawer,u.FResponseForm))})(this,function(u,P,t,tt,a,_e,nt,Ue){"use strict";var We=(n=>(n.AUTO="auto",n.ALWAYS="always",n))(We||{});const ot={enable:{type:Boolean,default:!1},index:{type:Number,default:1},mode:{type:String,default:"client"},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},disabled:{type:Boolean,default:!1}},lt={enable:{type:Boolean,default:!1},fields:{type:Array,default:[]},mode:{type:String,default:"client"},multiSort:{type:Boolean,default:!1}},at={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"}},it={enable:{type:Boolean,default:!1},filterStyle:{type:String,default:"filter-column"},mode:{type:String,default:"server"},showSummary:{type:Boolean,default:!0}},rt={wrapHeadings:{type:Boolean,default:!1}},st={enable:{type:Boolean,default:!1},heading:{type:String,default:"序号"},width:{type:Number,default:36},showEllipsis:{type:Boolean,default:!0}},ut={customRowStyle:{type:Function,default:()=>{}},customCellStyle:{type:Function,default:()=>{}},customRowStatus:{type:Function,default:()=>{}},disable:{type:Function,default:()=>{}},height:{type:Number,default:28},showHovering:{type:Boolean,default:!0},wrapContent:{type:Boolean,default:!1}},dt={enable:{type:Boolean,default:!1},customSummaryStyle:{type:Function,default:()=>{}},groupFields:{type:Array,default:[]},mode:{type:String,default:"client"},position:{type:String,default:"bottom"}},ct={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}},ft={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}},mt={selectOnEditing:{type:Boolean,default:!1},editMode:{type:String,default:"cell"}},yt={show:{type:Boolean,default:!1},message:{type:String,default:"加载中..."}},qe={customClass:{type:String,default:""},appendOnEnterAtLastCell:{type:Boolean,default:!1},beforeEditCell:{type:Function,default:n=>!0},beforeEndEditCell:{type:Function,default:()=>!0},columns:{type:Array,default:[]},columnOption:{type:Object},commandOption:{type:Object,default:{enable:!1,commands:[],halign:"center"}},data:{type:Array,default:[]},disabled:{type:Boolean,default:!1},disabledField:{type:String,default:"disabled"},editable:{type:Boolean,default:!1},editOption:{type:Object,default:{selectOnEditing:!1,editMode:"cell"}},enableCommands:{type:Boolean,default:!1},enableFilter:{type:Boolean,default:!1},filter:{type:Object},fit:{type:Boolean,default:!1},focusOnEditingCell:{type:Boolean,default:!0},group:{type:Object},header:{type:Object},height:{type:Number,default:-1},id:{type:String,default:""},idField:{type:String,default:"id",require:!0},loading:{type:Boolean,default:!1},mergeCell:{type:Boolean,default:!1},minHeight:{type:Number,default:300},minWidth:{type:Number,default:400},newDataItem:{type:Function,default:()=>{}},pagination:{type:Object,default:{enable:!1,size:20}},rowNumber:{type:Object,default:{enable:!0,width:36,showEllipsis:!0,heading:"序号"}},rowOption:{type:Object,default:{wrapContent:!1}},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!1,keepSelectingOnClick:!0}},selectionValues:{type:Array,default:[]},selectOnEditingCell:{type:Boolean,default:!1},showBorder:{type:Boolean,default:!1},showFooter:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showHorizontalLines:{type:Boolean,default:!0},showScrollBar:{type:String,default:"auto"},showSetting:{type:Boolean,default:!1},showStripe:{type:Boolean,default:!0},showVerticallLines:{type:Boolean,default:!1},sort:{type:Object},summary:{type:Object,default:{enable:!1,groupFields:["numericField1","numericField2"]}},virtualized:{type:Boolean,default:!0},width:{type:Number,default:-1},emptyTemplate:{type:Object},beforeUpdate:{type:Function},scrollbarMode:{type:String,default:"auto"},visible:{type:Boolean,default:!0}};function pt(n,g,ve,L,se,x,b,B,ue,c,j,de,$,m,I,be){const{isNull:J,isUndefined:A}=P.useCommonUtils(),{totalItems:ce,rawView:Be}=be,{calculateCellPositionInRow:fe,cellKey:s,cellPosition:z,rowKey:D,rowPosition:p,rowSpanCellPosition:we,groupCellPosition:_,summaryCellPosition:me}=b,{cellContentClass:Oe,cellContentPosition:Ne,cellContentClassWithEllipsis:N}=x,{collpaseGroupIconClass:Fe}=c,{gridCellClass:Ie,gridRowClass:U,onClickRow:W,onMouseoverRow:ye,onMouseoutRow:O}=de,{onClickCell:q,showRowEditPanel:De}=ue,{toggleGroupRow:M}=$,{columnContext:G,hasLeftFixedColumn:Q,hasRightFixedColumn:T}=B,{navigateOnKeyUp:h,navigateOnKeyDown:Ge}=j,V=e=>(e||[]).some(r=>t.isVNode(r)?!(r.type===t.Comment||r.type===t.Fragment&&!V(r.children)):!0)?e:null,X=e=>{var r,d,l;return((d=(r=e.column)==null?void 0:r.editor)==null?void 0:d.type)==="switch"||((l=e.column)==null?void 0:l.dataType)==="boolean"?{display:"flex",flexGrow:"1",overflow:"hidden"}:{flexGrow:"1"}},Z=t.reactive({"fv-grid-content-left-fixed":!0}),ee=t.reactive({"fv-grid-content-right-fixed":!0});t.watch([ce,Be],e=>{!e[0]&&!e[1].length?(Z["fv-grid-content-left-fixed"]=!1,ee["fv-grid-content-right-fixed"]=!1):(Z["fv-grid-content-left-fixed"]=!0,ee["fv-grid-content-right-fixed"]=!0)});const{gridDataStyle:te,gridMergedDataStyle:pe,leftFixedGridDataStyle:Te,leftFixedGridMergedDataStyle:Ve,rightFixedGridDataStyle:ne,rightFixedGridMergedDataStyle:Ee}=m;function Pe(e,r){r.collapse=!r.collapse,I.value=M(r.collapse?"collapse":"expand",r,I.value)}function C(e,r){const d=[];if(e.groupField&&r[e.groupField]){for(let y=0;y<=e.layer;y++)d.push(t.createVNode("div",{class:"fv-grid-group-row-icon",onClick:k=>Pe(k,e)},[t.createVNode("span",{class:Fe(e)},null)]));const l=e.data[e.groupField];d.push(t.createVNode("div",{ref:l.setRef,key:s(e,e.layer+1),class:"fv-grid-cell",style:_(l,r,e.layer)},[l.data])),Object.values(e.data).filter(y=>y.field!==e.groupField&&y.colSpan!==0).forEach(y=>{d.push(t.createVNode("div",{ref:y.setRef,key:s(e,y.index),class:"fv-grid-cell",style:z(e,y,r)},[y.data]))})}return d}function xe(e,r,d){return e.layer>-1&&t.createVNode("div",{ref:e.setRef,key:D(e),class:U(e,d),style:p(e),onClick:l=>W(l,e),onMouseover:l=>ye(l,e)},[C(e,r)])}function Ce(e,r){const d=[];if(e.groupField&&r[e.groupField]){const l=e.data[e.groupField];d.push(t.createVNode("div",{ref:l.setRef,key:s(e,e.layer+1),class:"fv-grid-cell",style:me(l,r,e.layer)},[l.data]))}return d}function ge(e,r,d){return e.layer>-1&&t.createVNode("div",{ref:e.setRef,key:D(e),class:U(e,d),style:p(e),onClick:l=>W(l,e),onMouseover:l=>ye(l,e)},[Ce(e,r)])}function Y(e,r){var d,l,y;return e.showTips&&typeof((d=e.column)==null?void 0:d.formatter)!="function"&&((l=e.column)==null?void 0:l.dataType)!=="commands"&&((y=e.column)==null?void 0:y.dataType)!=="setting"?t.createVNode("div",{class:N(e),title:e.formatter(e,r)},[e.formatter(e,r)]):t.createVNode("div",{class:N(e)},[e.formatter(e,r)])}function E(){return t.createVNode("div",null,[t.createTextVNode("******")])}function je(e){var l,y;const r=!J(e.data)&&!A(e.data)?e.data.toString():e.data;return((y=(l=e.column)==null?void 0:l.editor)==null?void 0:y.showType)==="password"?E():e.showTips?t.createVNode("div",{class:N(e),title:r},[r]):t.createVNode("div",{class:N(e)},[r])}function oe(e,r){return e.mode===a.CellMode.editing?t.createVNode("div",{style:X(e)},[e.getEditor(e)]):e.column.columnTemplate?e.column.columnTemplate(e,r):e.formatter?Y(e,r):je(e)}function le(e,r,d){return t.createVNode("div",{ref:e.setRef,key:D(e),class:U(e,d),style:p(e),onClick:l=>W(l,e),onMouseover:l=>ye(l,e),onMouseout:l=>O(l,e)},[Object.values(e.data).filter(l=>r[l.field]&&l.rowSpan===1).map(l=>{var k,R;const y=g.slots.cellTemplate&&V(g.slots.cellTemplate({cell:l,row:e}));return t.createVNode("div",{ref:l.setRef,key:s(e,l.index),class:Ie(l,e),style:z(e,l,r),onClick:ie=>{q(ie,l,e,l.column)},onKeydown:ie=>h(ie,l)},[t.createVNode("div",{class:Oe(l),style:Ne(l)},[y?(R=(k=g.slots).cellTemplate)==null?void 0:R.call(k,{cell:l,row:e}):oe(l,e)])])})])}const he=[le,xe,ge];function ae(e,r){const d=fe(e);return I.value.map((l,y)=>he[l.type](l,d,y))}function K(e){const r=fe(e);return I.value.map(d=>Object.values(d.data).filter(l=>r[l.field]&&l.rowSpan>1).map(l=>t.createVNode("div",{key:s(d,l.index),class:"fv-grid-cell fv-grid-merged-cell",style:we(d,l,r)},[l.data])))}function Ae(){return t.createVNode("div",{ref:L,class:Z},[t.createVNode("div",{class:"fv-grid-data",style:Te.value},[ae(G.value.leftColumns.filter(e=>e.visible))]),t.createVNode("div",{class:"fv-grid-merge-date",style:Ve.value},[K(G.value.leftColumns.filter(e=>e.visible))])])}function Me(){return t.createVNode("div",{ref:ve,class:"fv-grid-content-primary"},[t.createVNode("div",{class:"fv-grid-data",style:te.value},[ae(G.value.primaryColumns.filter(e=>e.visible))]),t.createVNode("div",{class:"fv-grid-merge-date",style:pe.value},[K(G.value.primaryColumns.filter(e=>e.visible))])])}function ke(){return t.createVNode("div",{ref:se,class:ee},[t.createVNode("div",{class:"fv-grid-data",style:ne.value},[ae(G.value.rightColumns.filter(e=>e.visible))]),t.createVNode("div",{class:"fv-grid-merge-date",style:Ee.value},[K(G.value.rightColumns.filter(e=>e.visible))])])}function Re(){const e=[];return Q.value&&e.push(Ae()),e.push(Me()),T.value&&e.push(ke()),e}return{renderDataArea:Re}}function Ct(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!t.isVNode(n)}const Ye=t.defineComponent({name:"FDataGrid",props:qe,emits:["changed","clickRow","doubleClickRow","selectionChange","unSelectItem","selectItem","enterUpInLastCell","selectAll","unSelectAll","pageIndexChanged","pageSizeChanged","beginEditCell","endEditCell","filterChanged","sortChanged","selectionUpdate","endEditRow"],setup(n,g){var Je,Qe;const{isSmall:ve}=a.useScreen(),L=0,se=((Je=n.rowOption)==null?void 0:Je.height)||28,x=t.ref(20),b=t.ref(n.columns),B=a.useIdentify(n),ue=t.ref(),c=t.ref(),j=t.ref(),de=t.ref(),$=t.ref(),m=t.ref([]),I=t.ref(n.scrollbarMode==="always"),be=t.ref(((Qe=n.rowOption)==null?void 0:Qe.wrapContent)||!1),J=a.useGroupData(n,B),A=a.useFilter(n,g),ce=a.useHierarchy(n),{showLoading:Be,renderLoading:fe}=a.useLoading(n,ue),s=a.useDataView(n,new Map,A,ce,B),z=a.usePagination(n,s),{shouldRenderPagination:D}=z,p=a.useSelection(n,s,B,m,g),{showSelectAll:we,showSelection:_,selectedValues:me,updateSelectAllStatus:Oe}=p,Ne=t.computed(()=>n.disabled),N=t.computed(()=>n.virtualized?Math.min(s.dataView.value.length,x.value):s.dataView.value.length);t.computed(()=>n.loadingConfig.message);const{containerStyleObject:Fe}=a.useDataViewContainerStyle(n),Ie=a.useCommandColumn(n),{applyCommands:U}=Ie;U(b);const{applyColumnSetting:W,removeColumnSetting:ye}=a.useSettingColumn(n);n.showSetting&&W(b);const O=a.useColumn(n,g),q=a.useSort(n),{applyColumnSorter:De,columnContext:M,updateColumnRenderContext:G}=O;De(s,q);const Q=a.useGroupColumn(n,M),T=a.useRow(n,g,p,B),h=a.useEdit(n,g,B,T,m),Ge=a.useVisualDataBound(n),V=a.useVisualDataCell(n,h,Ge),X=a.useVisualDataRow(n,s,h,ce,B,Ge,V),Z=a.useVisualGroupRow(n,B,V,X),ee=a.useVisualSummaryRow(n,B,V,X),te=a.useVisualData(n,b,s,N,L,X,Z,ee),{getVisualData:pe}=te,Te=a.useCellContentStyle(M),Ve=a.useCellPosition(n,M),ne=a.useSidebar(n,p),{sidebarWidth:Ee,showSidebarCheckBox:Pe}=ne,C=a.useVirtualScroll(n,s,m,M,te,N,L,Ee,h),{onWheel:xe,dataGridWidth:Ce,viewPortHeight:ge,viewPortWidth:Y,resetScroll:E,updateVisibleRowsOnLatestVisibleScope:je}=C,oe=a.useFitColumn(n,M,c,Y,Q),{calculateColumnsSize:le}=oe,he=a.useFilterHistory(),ae=a.useColumnFilter(c,$,s,he,C),K=a.useDragColumn(n,g,O,s,Q,J,C),Ae=t.computed(()=>{const o={"fv-grid":!0,"fv-grid-bordered":n.showBorder,"fv-grid-horizontal-bordered":n.showHorizontalLines,"fv-datagrid-strip":n.showStripe};return P.getCustomClass(o,n.customClass)}),Me=t.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":I.value,"fv-grid-wrap-content":be.value})),ke=t.computed(()=>{const o={};return C.shouldShowHorizontalScrollbar.value&&(o.paddingBottom="10px"),C.shouldShowVirticalScrollbar.value&&(o.paddingRight="10px"),o}),{renderGridHeader:Re,renderGridColumnResizeOverlay:e,shouldShowHeader:r}=a.getColumnHeader(n,g,c,de,$,O,s,K,ae,A,he,oe,Q,p,ne,q,C,Y,m),{renderDataGridPagination:d}=a.getPagination(n,g,s,C,z,p),{renderDataGridSidebar:l}=a.getSidebar(n,T,p,ne,C),{renderDisableMask:y}=a.getDisableMask(),{renderDataGridSummary:k,summaryPosition:R}=a.getSummary(n,s,O),{renderHorizontalScrollbar:ie}=a.getHorizontalScrollbar(n,c,C),{renderVerticalScrollbar:ht}=a.getVerticalScrollbar(n,c,C),{renderFilterPanel:St}=a.getFilterPanel(n,O,s,A,C),{renderGroupPanel:vt}=a.getGroupPanel(n,s,K,J,C);function bt(){var i,f;const o=Math.ceil(c.value.clientHeight/se);o>x.value&&(x.value=o,je()),ge.value=((i=j.value)==null?void 0:i.clientHeight)||0,Ce.value=((f=c.value)==null?void 0:f.clientWidth)||0,le()}t.onMounted(()=>{c.value&&(x.value=Math.max(Math.ceil(c.value.clientHeight/se),x.value),m.value=pe(0,N.value+L-1),tt.useResizeObserver(c.value,bt),le(),t.nextTick(()=>{c.value&&(Ce.value=c.value.clientWidth),j.value&&(Y.value=j.value.clientWidth,ge.value=j.value.clientHeight)})),Be.value&&fe()}),t.onUnmounted(()=>{}),t.watch(Y,()=>{});function Bt(){s.insertNewDataItem(),E()}function wt(){s.insertNewDataItem(m.value.length),E()}function Ot(o){h.onEditingRow(o)}function Nt(o){s.removeDataItem(o),E()}function Ft(o){s.removeDataItemById(o),E()}function It(o){h.acceptEditingRow(o)}function Dt(o){h.cancelEditingRow(o)}function Gt(o){m.value.forEach((i,f)=>{const S=s.visibleDataItems.value.findIndex(v=>v===i.raw),w=m.value[f-1];o.forEach(v=>{i.data[v.field]?V.updateCellByColumn(i.data[v.field],v,w,i.raw):i.data[v.field]=V.createCellByColumn(v,S,i.raw,i,w)})})}function Se(o){o&&(b.value=o,Gt(b.value),U(b),n.showSetting&&W(b),G(b.value),De(s,q),le())}function Tt(){p.emptyCurrentRowId()}t.watch(()=>n.showSetting,(o,i)=>{o!==i&&Se(b.value)});function He(o){z.updatePagination(o)}function Ke(o,i){o&&(s.load(o),m.value=pe(0,N.value+L-1),i!=null&&i.keepScrollTop?C.scrollTo(C.offsetY.value):E(),m.value.length||(me.value=[]),Pe.value&&we.value&&Oe()),h.clear()}t.watch(s.shouldGroupingData,(o,i)=>{o!==i&&(s.updateDataView(),E())}),t.watch(()=>n.columns,o=>{Se(o)});function Le(o){T.activeRowById(o)}const Vt=a.useAdapt(p,s,A,b,Se,Ke,He);function Et(o,i={isCurrent:!0}){i!=null&&i.isCurrent&&Le(o),p.selectItemById(o)}function Pt(o){const i=B.idField.value,f=m.value.find(S=>S.raw[i]===o);f&&T.clickRowItem(f)}function xt(o){const i=B.idField.value,f=m.value.find(S=>S.raw[i]===o);f&&T.changeRow(f)}function jt(o){p.selectItemByIds(o)}function At(){return m.value}function Mt(o){return m.value.filter(i=>o.includes(i.raw[n.idField]))}function kt(){return p.getSelectedItems()}function Rt(){return p.getSelectionRow()}function Ht(){h.endEditCell()}function Lt(o,i={clearCurrent:!0}){i!=null&&i.clearCurrent&&Le(""),p.unSelectItemByIds(o)}function $e(){p.clearSelection()}function zt(){return p.currentSelectedDataId.value}function _t(){C.scrollToBottom()}function Ut(o){C.scrollToRowByIndex(o)}function Wt(){p.keepSelectingOnPaging.value||$e(),s.updateVisibleDataSummary(m.value),He({total:s.dataView.value.length,index:1})}const ze={activeRowById:Le,selectRowById:xt,addNewDataItem:Bt,addNewDataItemAtLast:wt,removeDataItem:Nt,removeDataItemById:Ft,editDataItem:Ot,acceptDataItem:It,cancelDataItem:Dt,selectItemById:Et,selectItemByIds:jt,updateColumns:Se,updateDataSource:Ke,updatePagination:He,getVisibleData:At,getVisibleDataByIds:Mt,getSelectedItems:kt,getSelectionRow:Rt,getCurrentRowId:zt,endEditCell:Ht,clickRowItemById:Pt,clearSelection:$e,unSelectItemByIds:Lt,scrollToBottom:_t,scrollToRowByIndex:Ut,updateDerivedData:Wt,emptyCurrentRowId:Tt,...Vt};g.expose(ze);const qt=a.useNavigation(n,g,ze,O,h,m),{renderDataArea:Yt}=pt(n,g,j,de,$,Te,Ve,O,h,J,qt,T,te,C,m,s),Kt=t.computed(()=>!m.value||!m.value.length),{renderEmpty:$t}=a.getEmpty(n,g),Jt=t.computed(()=>({"d-flex":!0,"justify-content-between":D.value&&_.value,"justify-content-end":D.value&&!_.value,"position-relative":!0,"fv-datagrid-pagination":!0})),Qt=t.computed(()=>({"flex-direction":"row"})),Xt=t.computed(()=>({"d-flex":!0,"align-items-center":!0}));t.provide("dataGridContext",{useColumnComposition:O,dataView:s,useFilterComposition:A,useFitColumnComposition:oe,useSortComposition:q,useVirtualScrollComposition:C,dataGridComponentInstance:ze});function Zt(o){let i;return t.createVNode(Ue,{class:"f-form-layout farris-form farris-form-controls-inline col-12 col-md-6 col-xl-3 col-el-2"},Ct(i=Object.keys(o.data).filter(f=>{var S,w;return((S=o.data[f].column)==null?void 0:S.dataType)!==a.COMMAND_COLUMN_DATA_TYPE&&((w=o.data[f].column)==null?void 0:w.dataType)!==a.SETTING_COLUMN_DATA_TYPE}).map(f=>{var w,v;const S=o.data[f];return t.createVNode("div",{class:"farris-group-wrap w-100"},[t.createVNode("div",{class:"form-group farris-form-group common-group"},[t.createVNode(Ue.FDynamicFormLabel,{text:(w=S.column)==null?void 0:w.title,title:(v=S.column)==null?void 0:v.title},null),t.createVNode("div",{class:"farris-input-wrap"},[S.getEditor(S)])])])}))?i:{default:()=>[i]})}function en(o,i){const f={},S={},w=[],v=[],Xe={};Object.keys(i.data).filter(H=>{var F,re;return((F=i.data[H].column)==null?void 0:F.dataType)!==a.COMMAND_COLUMN_DATA_TYPE&&((re=i.data[H].column)==null?void 0:re.dataType)!==a.SETTING_COLUMN_DATA_TYPE}).forEach(H=>{var re,Ze,et;const F=i.data[H];f[H]=F.data,h.endEditByCell(F),S[H]=F.data,w.push(F.column),v.push(F),Xe[H]=(et=(Ze=(re=F.column)==null?void 0:re.editor)==null?void 0:Ze.context)==null?void 0:et.editor}),g.emit("endEditRow",{row:i,cells:v,columns:w,oldValues:f,newValues:S,editors:Xe}),h.showRowEditPanel.value=!1}function tn(){const o=p.currentSelectedDataId.value,i=m.value.find(f=>f.raw[n.idField]===o);return i?t.createVNode(nt,{showHeader:!1,modelValue:h.showRowEditPanel.value,"onUpdate:modelValue":f=>h.showRowEditPanel.value=f,width:600},{default:()=>Zt(i),footerTemplate:()=>t.createVNode(t.Fragment,null,[t.createVNode(_e.FButton,{class:"mr-3",type:"secondary",onClick:f=>{h.showRowEditPanel.value=!1}},{default:()=>[t.createTextVNode("取消")]}),t.createVNode(_e.FButton,{onClick:f=>{en(f,i)}},{default:()=>[t.createTextVNode("确定")]})])}):null}return()=>n.visible&&t.createVNode(t.Fragment,null,[t.createVNode("div",{ref:ue,class:Ae.value,style:Fe.value,onWheel:xe},[c.value&&n.enableFilter&&St(),c.value&&vt(),c.value&&r.value&&Re(),c.value&&(R.value==="top"||R.value==="both")&&k(),t.createVNode("div",{ref:c,class:Me.value,style:ke.value,onMouseover:o=>{o.stopPropagation(),n.scrollbarMode!=="always"&&(I.value=!0)},onMouseleave:o=>{o.stopPropagation(),n.scrollbarMode!=="always"&&(I.value=!1)}},[c.value&&l(m),c.value&&Yt(),c.value&&Kt.value&&$t(),c.value&&ie(),c.value&&ht()]),c.value&&(R.value==="bottom"||R.value==="both")&&k(),(D.value||_.value)&&t.createVNode("div",{class:Jt.value,style:Qt.value},[_.value&&t.createVNode("div",{class:Xt.value},[t.createVNode("div",null,["已选："+me.value.length,t.createTextVNode(" 条")])]),D.value&&d()]),e(),Ne.value&&y()]),ve()&&tn()])}}),gt=P.withInstall(Ye);u.FDataGrid=Ye,u.ScrollbarMode=We,u.columnOptions=ct,u.dataGridProps=qe,u.default=gt,u.editOptions=mt,u.filterOptions=it,u.groupOptions=at,u.headerOptions=rt,u.loadingOptions=yt,u.paginationOptions=ot,u.rowNumberOptions=st,u.rowOptions=ut,u.selectionOptions=ft,u.sortOptions=lt,u.summaryOptions=dt,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/designer-canvas/index.css

@@ -1 +1 @@
-.form-group-in-canvas .f-cmp-inputgroup .f-state-readonly .input-group-append{display:flex!important}.component-btn-group{flex-direction:row-reverse;position:absolute;z-index:800;background:#fff;display:none;top:-26px;right:0}.component-btn-group>div{position:fixed}.farris-component.farris-nested{padding-top:10px!important;padding-bottom:10px!important;border:dotted 2px #e8e8e8}.farris-component.farris-nested:not(.px-0){padding-right:10px!important;padding-left:10px!important}.farris-component.farris-nested.dgComponentFocused{border:dotted 2px #388fff}.farris-component.can-move{padding:2px}.farris-component.dgComponentSelected>.component-btn-group{display:flex}.component-btn-group .component-settings-button{display:flex;cursor:pointer;float:right;margin-left:4px;padding:0!important;font-size:10px;line-height:1.2em;border-radius:2px 2px 0 0;width:24px!important;height:24px!important;color:#fff!important;background:#388fff!important}.component-btn-group .component-settings-button+.component-settings-button{margin-left:4px!important}.component-btn-group .component-settings-button:last-child{margin-left:0!important}.component-btn-group .component-settings-button .f-icon{font-size:18px;margin:0 auto;line-height:20px}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_move{cursor:move}.farris-component-content-container .drag-container{display:inherit;flex-direction:inherit;flex-shrink:1;flex-grow:1;flex-basis:0%;flex-wrap:inherit;justify-content:inherit;align-items:inherit;width:100%;overflow:inherit;height:100%}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-mirror.undroppable .component-settings-button .f-icon-yxs_move{cursor:no-drop}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_delete{color:#fff!important;background:#388fff!important}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}.drag-over:not(.no-drop){background-color:#f3f8ff!important}.gu-unselectable .farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-unselectable .gu-mirror.farris-component.dgComponentSelected>.component-btn-group{display:flex}.gu-transit.farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-mirror.farris-component.dgComponentSelected{position:fixed!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group>div{position:relative;top:0!important;left:0!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group{width:max-content}.dgComponentFocused{border-top:2px dotted #388fff!important;border-left:2px dotted #388fff!important;border-right:2px dotted #388fff!important;border-bottom:2px dotted #388fff!important}.dgComponentSelected{border-top:2px solid #388fff!important;border-left:2px solid #388fff!important;border-right:2px solid #388fff!important;border-bottom:2px solid #388fff!important}.editorDiv{background-color:#dbe6f7;overflow-x:auto}.editorPanel{position:relative;height:100%;min-width:900px}.editorDiv .editorPanel.Mobile{min-width:414px;width:414px;margin:20px auto;height:calc(100% - 40px)}.editorDiv .f-struct-like-card{display:block}.editorDiv .farris-tabs.f-tabs-content-fill .f-struct-is-subgrid .f-grid-is-sub{width:100%}.ide-framework .cdk-overlay-container{z-index:1100}.editorDiv .f-struct-wrapper{margin-bottom:15px}.editorDiv .f-struct-wrapper+.f-struct-wrapper{position:relative;display:inherit}.editorDiv .f-page-navigate .f-page{position:absolute!important}.editorDiv .f-page.f-page-navigate.f-page-is-listnav-with-header .f-page-main .f-page-content-main{display:block}.editorDiv .f-page-has-scheme .f-page-main.farris-component{margin-top:0}.f-struct-subsub-wrapper{padding-top:0!important}.gu-mirror.undroppable{cursor:no-drop}.gu-insertion{position:fixed;z-index:840!important;pointer-events:none!important;background-color:#388fff;height:4px;overflow:hidden}.editorPanel .f-page .f-page-main{margin-right:.5rem!important;margin-left:.5rem!important;margin-bottom:.5rem!important}.editorPanel .f-page.f-page-is-listnav .f-page-main{margin-top:.5rem!important}.editorPanel .f-page .f-page-main .f-page-main{margin:0!important}.editorPanel .f-page.f-page-has-scheme .f-page-header{margin:0 .5rem}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child{display:flex!important}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child.farris-component{overflow:hidden}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section-in-mainsubcard,.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section-in-main{height:100%}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section.f-section-fill>.f-section-content{flex-basis:0%!important}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child:has(.drag-container .f-section-accordion.f-state-collapse){min-height:70px;display:block;flex:initial}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section .f-component-tabs .f-tabs-content-fill{overflow:hidden}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section .f-component-tabs .f-tabs-content-fill .farris-tabs-body>.farris-component-component{flex:1}.component-btn-group .settings-button-extend{padding:0 0 0 2px!important;width:auto!important;display:flex;align-items:center}.settings-button-extend .icon-text{margin:0 4px;font-size:13px;line-height:unset}.editorDiv .editorPanel .f-drawer-entry{z-index:799}.f-section-scheme{background:#fff;margin:.5625rem .5rem 0}.farris-component-tabs .farris-tabs-content.f-utils-fill-flex-column .farris-component-tab-page:has(.f-tab-active){display:flex!important;overflow:hidden;flex-shrink:1;flex-grow:1;flex-basis:0;flex-direction:column!important}.response-layout{border:dotted 2px #e8e8e8}.response-layout .response-layout-item{border-right:dotted 2px #e8e8e8}.response-layout .response-layout-item:not(:last-child){padding-right:8px!important}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fv-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.fv-resizable-handle:hover{background:transparent}.fv-resizable-handle.fv-resizable-n{cursor:n-resize;height:.4375rem;width:100%;top:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-e{cursor:e-resize;width:.4375rem;right:-.3125rem;height:100%;top:0}.fv-resizable-handle.fv-resizable-s{cursor:s-resize;height:.4375rem;width:100%;bottom:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-w{cursor:w-resize;height:100%;width:.4375rem;left:-.3125rem;top:0}.fv-resizable-handle.fv-resizable-ne{cursor:ne-resize;width:.75rem;height:.75rem;right:1px;top:1px}.fv-resizable-handle.fv-resizable-se{cursor:se-resize;width:.75rem;height:.75rem;right:1px;bottom:1px}.fv-resizable-handle.fv-resizable-nw{cursor:nw-resize;width:.75rem;height:.75rem;left:1px;top:1px}.fv-resizable-handle.fv-resizable-sw{cursor:sw-resize;width:.75rem;height:.75rem;left:1px;bottom:1px}
+.form-group-in-canvas .f-cmp-inputgroup .f-state-readonly .input-group-append{display:flex!important}.component-btn-group{flex-direction:row-reverse;position:absolute;z-index:800;background:#fff;display:none;top:-26px;right:0}.component-btn-group>div{position:fixed}.farris-component.farris-nested{padding-top:10px!important;padding-bottom:10px!important;border:dotted 2px #e8e8e8}.farris-component.farris-nested:not(.px-0){padding-right:10px!important;padding-left:10px!important}.farris-component.farris-nested.dgComponentFocused{border:dotted 2px #388fff}.farris-component.can-move{padding:2px}.farris-component.dgComponentSelected>.component-btn-group{display:flex}.component-btn-group .component-settings-button{display:flex;cursor:pointer;float:right;margin-left:4px;padding:0!important;font-size:10px;line-height:1.2em;border-radius:2px 2px 0 0;width:24px!important;height:24px!important;color:#fff!important;background:#388fff!important}.component-btn-group .component-settings-button+.component-settings-button{margin-left:4px!important}.component-btn-group .component-settings-button:last-child{margin-left:0!important}.component-btn-group .component-settings-button .f-icon{font-size:18px;margin:0 auto;line-height:20px}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_move{cursor:move}.farris-component-content-container .drag-container{display:inherit;flex-direction:inherit;flex-shrink:1;flex-grow:1;flex-basis:0%;flex-wrap:inherit;justify-content:inherit;align-items:inherit;width:100%;overflow:inherit;height:100%}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-mirror.undroppable .component-settings-button .f-icon-yxs_move{cursor:no-drop}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_delete{color:#fff!important;background:#388fff!important}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}.drag-over:not(.no-drop){background-color:#f3f8ff!important}.gu-unselectable .farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-unselectable .gu-mirror.farris-component.dgComponentSelected>.component-btn-group{display:flex}.gu-transit.farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-mirror.farris-component.dgComponentSelected{position:fixed!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group>div{position:relative;top:0!important;left:0!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group{width:max-content}.dgComponentFocused{border-top:2px dotted #388fff!important;border-left:2px dotted #388fff!important;border-right:2px dotted #388fff!important;border-bottom:2px dotted #388fff!important}.dgComponentSelected{border-top:2px solid #388fff!important;border-left:2px solid #388fff!important;border-right:2px solid #388fff!important;border-bottom:2px solid #388fff!important}.editorDiv{background-color:#dbe6f7;overflow-x:auto}.editorPanel{position:relative;height:100%;min-width:900px}.editorDiv .editorPanel.Mobile{min-width:414px;width:414px;margin:20px auto;height:calc(100% - 40px)}.editorDiv .f-struct-like-card{display:block}.editorDiv .farris-tabs.f-tabs-content-fill .f-struct-is-subgrid .f-grid-is-sub{width:100%}.ide-framework .cdk-overlay-container{z-index:1100}.editorDiv .f-struct-wrapper{margin-bottom:15px}.editorDiv .f-struct-wrapper+.f-struct-wrapper{position:relative;display:inherit}.editorDiv .f-page-navigate .f-page{position:absolute!important}.editorDiv .f-page-navigate .f-page.f-page-card>.drag-container>.f-page-main:not(.f-page-child-fill)>.drag-container{display:block;overflow:unset}.editorDiv .f-page.f-page-navigate.f-page-is-listnav-with-header .f-page-main .f-page-content-main{display:block}.editorDiv .f-page-has-scheme .f-page-main.farris-component{margin-top:0}.f-struct-subsub-wrapper{padding-top:0!important}.gu-mirror.undroppable{cursor:no-drop}.gu-insertion{position:fixed;z-index:840!important;pointer-events:none!important;background-color:#388fff;height:4px;overflow:hidden}.editorPanel .f-page .f-page-main{margin-right:.5rem!important;margin-left:.5rem!important;margin-bottom:.5rem!important}.editorPanel .f-page.f-page-is-listnav .f-page-main{margin-top:.5rem!important}.editorPanel .f-page .f-page-main .f-page-main{margin:0!important}.editorPanel .f-page.f-page-has-scheme .f-page-header{margin:0 .5rem}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child{display:flex!important}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child.farris-component{overflow:hidden}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section-in-mainsubcard,.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section-in-main{height:100%}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section.f-section-fill>.f-section-content{flex-basis:0%!important}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child:has(.drag-container .f-section-accordion.f-state-collapse){min-height:70px;display:block;flex:initial}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section .f-component-tabs .f-tabs-content-fill{overflow:hidden}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section .f-component-tabs .f-tabs-content-fill .farris-tabs-body>.farris-component-component{flex:1}.component-btn-group .settings-button-extend{padding:0 0 0 2px!important;width:auto!important;display:flex;align-items:center}.settings-button-extend .icon-text{margin:0 4px;font-size:13px;line-height:unset}.editorDiv .editorPanel .f-drawer-entry{z-index:799}.f-section-scheme{background:#fff;margin:.5625rem .5rem 0}.farris-component-tabs .farris-tabs-content.f-utils-fill-flex-column .farris-component-tab-page:has(.f-tab-active){display:flex!important;overflow:hidden;flex-shrink:1;flex-grow:1;flex-basis:0;flex-direction:column!important}.response-layout{border:dotted 2px #e8e8e8}.response-layout .response-layout-item{border-right:dotted 2px #e8e8e8}.response-layout .response-layout-item:not(:last-child){padding-right:8px!important}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fv-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.fv-resizable-handle:hover{background:transparent}.fv-resizable-handle.fv-resizable-n{cursor:n-resize;height:.4375rem;width:100%;top:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-e{cursor:e-resize;width:.4375rem;right:-.3125rem;height:100%;top:0}.fv-resizable-handle.fv-resizable-s{cursor:s-resize;height:.4375rem;width:100%;bottom:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-w{cursor:w-resize;height:100%;width:.4375rem;left:-.3125rem;top:0}.fv-resizable-handle.fv-resizable-ne{cursor:ne-resize;width:.75rem;height:.75rem;right:1px;top:1px}.fv-resizable-handle.fv-resizable-se{cursor:se-resize;width:.75rem;height:.75rem;right:1px;bottom:1px}.fv-resizable-handle.fv-resizable-nw{cursor:nw-resize;width:.75rem;height:.75rem;left:1px;top:1px}.fv-resizable-handle.fv-resizable-sw{cursor:sw-resize;width:.75rem;height:.75rem;left:1px;bottom:1px}