@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
2 lines (1 loc) • 21.5 kB
JavaScript
(function(f,M){typeof exports=="object"&&typeof module<"u"?M(exports,require("../common/index.umd.js"),require("vue"),require("@vueuse/core"),require("lodash-es"),require("../locale/index.umd.js"),require("../data-view/index.umd.js"),require("../common/index.umd.js/utils/resolve-field"),require("../input-group/index.umd.js"),require("../button/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue","@vueuse/core","lodash-es","../locale/index.umd.js","../data-view/index.umd.js","../common/index.umd.js/utils/resolve-field","../input-group/index.umd.js","../button/index.umd.js"],M):(f=typeof globalThis<"u"?globalThis:f||self,M(f["tree-grid"]={},f.common,f.Vue,f.VueUseCore,f.LodashES,f.locale,f.dataView,f.resolveField,f.FInputGroup,f.FButton))})(this,function(f,M,n,Me,D,H,a,He,Ve,Q){"use strict";const Ue={enable:{type:Boolean,default:!1},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},disabled:{type:Boolean,default:!1}},ze={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"}},qe={enable:{type:Boolean,default:!1},filterStyle:{type:String,default:"filter-column"},mode:{type:String,default:"server"},showSummary:{type:Boolean,default:!0}},Ye={wrapHeadings:{type:Boolean,default:!1}},Ke={customRowStyle:{type:Function,default:()=>{}},customCellStyle:{type:Function,default:()=>{}},disable:{type:Function,default:()=>{}},height:{type:Number,default:28},showHovering:{type:Boolean,default:!0},wrapContent:{type:Boolean,default:!1}},$e={enable:{type:Boolean,default:!1},customSummaryStyle:{type:Function,default:()=>{}},groupFields:{type:Array,default:[]},mode:{type:String,default:"client"},position:{type:String,default:"bottom"}},Xe={fitColumns:{type:Boolean,default:!1},fitMode:{type:String,default:"average"},groups:{type:Array,default:[]},reorderColumn:{type:Boolean,default:!1},resizeColumn:{type:Boolean,default:!0},resizeColumnOnDoubleClick:{type:Boolean,default:!0}},Je={selectOnEditing:{type:Boolean,default:!1},editMode:{type:String,default:"cell"}},Qe={show:{type:Boolean,default:!1},message:{type:String,default:`${H.LocaleService.getLocaleValue("datagrid.loadingMessage")}...`}},xe={customClass:{type:String,default:""},sort:{type:Object},filter:{type:Object},autoCheckChildren:{type:Boolean,default:!1},columns:{type:Array,default:[]},columnOption:{type:Object},commandOption:{type:Object,default:{enable:!1,commands:[]}},data:{type:Array,default:[]},disabled:{type:Boolean,default:!1},disabledField:{type:String,default:"disabled"},displayField:{type:String,default:"name"},editable:{type:Boolean,default:!1},editOption:{type:Object,default:{selectOnEditing:!1,editMode:"cell"}},fit:{type:Boolean,default:!1},header:{type:Object},height:{type:Number,default:-1},hierarchy:{type:Object,default:{cascadeOption:{autoCancelParent:!0,autoCheckChildren:!1,autoCheckParent:!1,selectionRange:"All"},parentIdField:"parent"}},id:{type:String,default:""},idField:{type:String,default:"id",required:!0},loadData:{type:Function},loading:{type:Boolean,default:!1},minHeight:{type:Number,default:300},minWidth:{type:Number,default:400},newDataItem:{type:Function,default:()=>{}},pagination:{type:Object,default:{enable:!1,mode:"server",size:-1}},rowNumber:{type:Object,default:{enable:!0,width:36,heading:"序号"}},rowOption:{type:Object,default:{wrapContent:!1}},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!1}},selectionValues:{type:Array,default:[]},showBorder:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showHorizontalLines:{type:Boolean,default:!0},showLines:{type:Boolean,default:!1},showOptions:{type:Boolean,default:!1},showScrollBar:{type:String,default:"auto"},showSetting:{type:Boolean,default:!1},showStripe:{type:Boolean,default:!0},showTreeNodeIcons:{type:Boolean,default:!1},showVerticallLines:{type:Boolean,default:!1},treeNodeIconsData:{type:[Object,String],default:{}},width:{type:Number,default:-1},virtualized:{type:Boolean,default:!1},emptyTemplate:{type:Object},summary:{type:Object,default:{enable:!1,groupFields:["numericField1","numericField2"]}},autoHeight:{type:Boolean,default:!1},visible:{type:Boolean,default:!0},checkboxPosition:{type:String,default:"after-expand"},enableColumnSettingSolution:{type:Boolean,default:!1},searchable:{type:Boolean,default:!1},searchPlaceholder:{type:String,default:""},customSearch:{type:Function},beforeEditCell:{type:Function,default:l=>!0},focusOnEditingCell:{type:Boolean,default:!0}},Ze="enum",et="boolean";function tt(l){const{formatter:m}=l;return!m||typeof m=="function"?null:m}function lt(l,m){const h=m.options||m,{data:p}=h;if(!p||!p.length)return"";const _=Object.prototype.hasOwnProperty.call(h,"valueField")&&h.valueField||"value",O=Object.prototype.hasOwnProperty.call(h,"textField")&&h.textField||"name";if(typeof l=="string"&&l.includes(",")){const k=l.split(","),P=p.reduce((v,x)=>(v[x[_]]=x,v),{}),S=k.map(v=>{var x;return(x=P[v])==null?void 0:x[O]}).filter(v=>v!=null);return S.length?S.join(","):""}const L=p.find(k=>k[_]===l);return(L==null?void 0:L[O])??(l==null?"":String(l))}function nt(l,m){if(l==null)return"";const h=m.options||m,p=l?h==null?void 0:h.trueText:h==null?void 0:h.falseText;return p==null?"":String(p)}function at(l,m){const h=He.resolveField(m,l.field),p=tt(l),_=p==null?void 0:p.type;return _===Ze?lt(h,p):_===et||l.dataType==="boolean"?nt(h,p||{}):h==null?"":String(h)}function it(l,m,h,p,_,O,L,k,P,S,v,x,Z,d,j,ee,V,y,N){const{calculateCellPositionInRow:se}=O,{columnContext:U,hasLeftFixedColumn:te,hasRightFixedColumn:T}=L,{gridDataStyle:le,leftFixedGridDataStyle:ce,rightFixedGridDataStyle:de}=d,{renderDataRow:r}=a.getHierarchyRow(l,m,U,V,k,P,S,v,x,Z,d,j,ee,y,N),fe=[r];function g(C,ne){const ae=se(C);return V.value.filter(W=>W.visible!==!1).map((W,I)=>fe[W.type](W,ae,ne,I))}function z(){return n.createVNode("div",{ref:p,class:"fv-grid-content-left-fixed"},[n.createVNode("div",{class:"fv-grid-data",style:ce.value},[g(U.value.leftColumns.filter(C=>C.visible),"left")])])}function me(){return n.createVNode("div",{ref:h,class:"fv-grid-content-primary"},[n.createVNode("div",{class:"fv-grid-data",style:le.value},[g(U.value.primaryColumns.filter(C=>C.visible),"primary")])])}function G(){return n.createVNode("div",{ref:_,class:"fv-grid-content-right-fixed"},[n.createVNode("div",{class:"fv-grid-data",style:de.value},[g(U.value.rightColumns.filter(C=>C.visible),"right")])])}function ye(){const C=[];return te.value&&C.push(z()),C.push(me()),T.value&&C.push(G()),C}return{renderDataArea:ye}}const Oe=n.defineComponent({name:"FTreeGrid",props:xe,emits:["selectionChange","clickRow","expandNode","unSelectItem","dblclickNode","doubleClickRow","selectItem","filterChanged","unSelectAll","selectAll","sortChanged","selectionUpdate","beginEditCell","endEditCell"],setup(l,m){var Ge,Ee;const h=n.ref(!1),p=n.ref(!1),_=0,O=n.ref(((Ge=l.rowOption)==null?void 0:Ge.height)||28);let L=[],k=[];const P=n.ref(20),S=n.ref(l.columns),v=a.useIdentify(l),{idField:x}=v,Z=n.ref(),d=n.ref(),j=n.ref(),ee=n.ref(),V=n.ref(),y=n.ref([]),N=n.ref(!1),se=n.ref(((Ee=l.rowOption)==null?void 0:Ee.wrapContent)||!1),U=a.useGroupData(l,v),te=a.useFilter(l,m),T=a.useHierarchy(l),{collapseField:le}=T,{showLoading:ce,renderLoading:de}=a.useLoading(l,Z),r=a.useDataView(l,new Map,te,T,v),{dataView:fe}=r,g=a.useSelection(l,r,v,y,m),{showSelection:z,selectedValues:me}=g,G=a.useSelectHierarchyItem(l,y,r,v,g,m),ye=n.computed(()=>l.disabled),C=n.computed(()=>l.virtualized?Math.min(r.dataView.value.length,P.value):r.dataView.value.length),ne=a.usePagination(l,r),{shouldRenderPagination:ae}=ne,{containerStyleObject:W}=a.useDataViewContainerStyle(l,y),I=n.ref(""),w=n.ref([]),rt=n.computed(()=>l.searchable||!1),B=n.ref(0),Fe=n.computed(()=>w.value.length?`${B.value+1}/${w.value.length}`:""),ut=n.computed(()=>H.LocaleService.getRealPropertyValue(l.searchPlaceholder,"","datagrid.search.placeholder")),st=n.computed(()=>H.LocaleService.getLocaleValue("datagrid.search.search")),ct=n.computed(()=>H.LocaleService.getLocaleValue("datagrid.search.prev")),dt=n.computed(()=>H.LocaleService.getLocaleValue("datagrid.search.next")),ft=n.computed(()=>H.LocaleService.getLocaleValue("datagrid.search.clear")),mt=a.useCommandColumn(l),{applyCommands:De}=mt;De(S);const{applyColumnSetting:he,removeColumnSetting:yt}=a.useSettingColumn(l);l.showSetting&&he(S);const K=a.useColumn(l,m),ve=a.useSort(l),{applyColumnSorter:Te,columnContext:ie,updateColumnRenderContext:ht}=K;Te(r,ve);const ge=a.useGroupColumn(l,ie),q=a.useRow(l,m,g,v),E=a.useEdit(l,m,v,q,y),pe=a.useVisualDataBound(l,r,O),vt=a.useVisualDataCell(l,E,pe),gt=a.useVisualDataRow(l,r,E,T,v,pe,vt,O),Ce=a.useVisualData(l,S,r,C,_,gt),{getVisualData:oe}=Ce,pt=a.useCellPosition(l,ie,O,h),Se=a.useSidebar(l,g),{sidebarWidth:Ct}=Se,b=a.useVirtualScroll(l,r,y,ie,Ce,C,_,Ct,O,h),{onWheel:St,dataGridWidth:Be,viewPortHeight:Re,viewPortWidth:re,resetScroll:be,updateVisibleRowsOnLatestVisibleScope:bt}=b,Ne=a.useFitColumn(l,ie,d,re,ge),{calculateColumnsSize:ue}=Ne,Le=a.useFilterHistory(),wt=a.useColumnFilter(d,V,r,Le,b),_t=a.useDragColumn(l,m,K,r,ge,U,b),It=n.computed(()=>{const e={"fv-grid":!0,"fv-grid-bordered":l.showBorder,"fv-grid-horizontal-bordered":l.showHorizontalLines,"fv-datagrid-strip":l.showStripe};return M.getCustomClass(e,l.customClass)}),xt=n.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":N.value,"fv-grid-wrap-content":se.value,"fv-grid-scrollbar-visible":b.shouldShowVirticalScrollbar.value&&N.value})),{renderDataArea:Ot}=it(l,m,j,ee,V,pt,K,r,E,T,q,g,G,b,Ce,pe,y,O,h),{renderGridHeader:Ft,renderGridColumnResizeOverlay:Dt,shouldShowHeader:Tt}=a.getColumnHeader(l,m,d,ee,V,K,r,_t,wt,te,Le,Ne,ge,g,Se,ve,b,re,y,p),{renderDataGridSidebar:Bt}=a.getSidebar(l,q,g,Se,b),{renderDisableMask:Rt}=a.getDisableMask(),{renderHorizontalScrollbar:Nt}=a.getHorizontalScrollbar(l,d,b),{renderVerticalScrollbar:Lt}=a.getVerticalScrollbar(l,d,b);let Y=null;function Pt(){var e,t,i;if(d.value&&d.value.clientHeight>0&&((e=d.value)==null?void 0:e.clientWidth)>0){const s=Math.ceil(d.value.clientHeight/O.value);s>P.value&&(P.value=s,bt()),Re.value=((t=j.value)==null?void 0:t.clientHeight)||0,Be.value=((i=d.value)==null?void 0:i.clientWidth)||0,j.value&&(re.value=j.value.clientWidth)}d.value&&(d.value.clientHeight>0||d.value.clientWidth>0)&&ue()}function jt(){Y!==null&&cancelAnimationFrame(Y),Y=requestAnimationFrame(()=>{Y=null,Pt()})}n.onMounted(()=>{d.value&&(P.value=Math.max(Math.ceil(d.value.clientHeight/O.value),P.value),y.value=oe(0,C.value+_-1),Me.useResizeObserver(d.value,jt),ue(),n.nextTick(()=>{d.value&&(Be.value=d.value.clientWidth),j.value&&(re.value=j.value.clientWidth,Re.value=j.value.clientHeight)})),ce.value&&de()}),n.onUnmounted(()=>{Y!==null&&cancelAnimationFrame(Y)});function At(e){r.collapseTo(e),r.reOrderVisibleIndex(),be()}function kt(e){r.expandTo(e),r.reOrderVisibleIndex(),be()}function we(){const e=g.getSelectionRow();return e?e.dataIndex-1:-1}function Gt(e){const t=e!==void 0?e:we(),i=r.insertNewDataItem(t===-1?0:t);return y.value=oe(0,C.value+_-1),i}function Et(){const e=we();r.insertNewChildDataItem(e),y.value=oe(0,C.value+_-1)}function Mt(e,t){const i=y.value.find(u=>u.raw[x.value]===t),s=i?i.dataIndex-1:-1;r.insertNewChildDataItems(e,s)}function Ht(){const e=we(),t=G.getNextSelectableHierarchyItemId(e);r.removeHierarchyDataItem(e),y.value=oe(0,C.value+_-1),t&&G.selectItemById(t)}function Vt(e){E.onEditingRow(e)}function Ut(e){E.acceptEditingRow(e)}function zt(e){E.cancelEditingRow(e)}function $(e){e&&(S.value=e,De(S),l.showSetting&&he(S),ht(S.value),Te(r,ve),ue())}n.watch(()=>l.columns,e=>{if(l.showSetting&&l.enableColumnSettingSolution){$(S.value);return}$(e)});function Wt(e,t){if(e){const i=!!(t!=null&&t.keepScrollTop||t!=null&&t.keepScrollPosition),s=i?b.offsetY.value:0;r.load(e),r.reOrderVisibleIndex(),a.refreshScrollAfterDataSourceLoad({keepScroll:i,savedOffsetY:s,resetScroll:be,scrollTo:b.scrollTo})}}function _e(e){q.activeRowById(e)}function qt(e,t={isCurrent:!0}){t!=null&&t.isCurrent&&_e(e),G.selectItemById(e)}function Yt(e){const t=y.value.find(i=>i.raw[v.idField.value]===e);t&&q.clickRowItem(t)}function Kt(e){G.selectItemByIds(e)}function $t(){return g.getSelectedItems()}function Pe(){g.clearSelection()}function Xt(){g.emptyCurrentRowId()}const Jt=n.computed(()=>!y.value||!y.value.length),{renderEmpty:Qt}=a.getEmpty(l,m);function Zt(){return g.getSelectionRow()}function el(e,t={clearCurrent:!0}){t!=null&&t.clearCurrent&&_e(""),G.unSelectItemByIds(e)}function tl(){return g.currentSelectedDataId.value}function ll(e,t,i){const s=fe.value.find(u=>u[x.value]===e);if(s){if(Object.keys(s).forEach(c=>{Object.prototype.hasOwnProperty.call(t,c)&&(s[c]=t[c])}),i){const{collapseField:c,disabledField:F,checkedField:A,visibleField:R,hasChildren:J}=i;c&&!D.isUndefined(t[c])&&(s.__fv_collapse__=t[c]),A&&!D.isUndefined(t[A])&&(s.__fv_checked__=t[A]),F&&!D.isUndefined(t[F])&&(s.__fv_disabled__=t[F]),R&&!D.isUndefined(t[R])&&(s.__fv_visible__=t[R]),D.isUndefined(J)||(s.__fv_hasChildren__=J)}const u=y.value.find(c=>c.raw[x.value]===e),o=y.value.findIndex(c=>c.raw[x.value]===e);if(u){if(u.raw=s,Object.keys(u.data).forEach(c=>{u.data[c].updateData(s)}),i){const{collapseField:c,disabledField:F,checkedField:A,visibleField:R,hasChildren:J}=i;c&&!D.isUndefined(t[c])&&(u.collapse=t[c]),A&&!D.isUndefined(t[A])&&(u.checked=t[A]),F&&!D.isUndefined(t[F])&&(u.disabled=t[F]),R&&!D.isUndefined(t[R])&&(u.visible=t[R]),D.isUndefined(J)||(u.raw.__fv_hasChildren__=J)}y.value=[...y.value.slice(0,o),u,...y.value.slice(o+1)],r.updateSummary()}}}function nl(e){return Object.prototype.hasOwnProperty.call(e,"raw")?r.hasRealChildren(e.raw):r.hasRealChildren(e)}function al(e){const t=r.dataView.value.find(i=>i[x.value]===e);return t?t[le.value]:""}function il(){return le.value}n.watch(()=>l.showSetting,(e,t)=>{e!==t&&(e?he(S):yt(S),$(S.value))});function ol(e){return y.value.filter(t=>e.includes(t.raw[l.idField]))}function je(e){const t=v.idField.value,i=y.value.find(s=>s.raw[t]===e);i&&q.changeRow(i)}function rl(){g.keepSelectingOnPaging.value||Pe(),r.updateVisibleDataSummary(y.value)}function ul(){E.endEditCell()}function sl(e){g.updateSelectedValues(e)}function cl(e){g.removeSelectedValues(e)}const dl=100;function fl(e,t){const i=t[e].__fv_layer__||0;let s=e+1;for(;s<t.length&&(t[s].__fv_layer__||0)>i;)s++;return s-1}function ml(e){const t=r.dataView.value,i=T.collapseField.value,s=e.__fv_index__,u=e.__fv_layer__||0;if(typeof s!="number"||e.__fv_visible__===!1||e[i])return;let o=s+1;for(;o<t.length;){const c=t[o];if((c.__fv_layer__||0)<=u)break;if(c.__fv_visible__=!0,c[i]){o=fl(o,t)+1;continue}o++}}function yl(e){let t=e;const i=[];let s=0;for(;t&&t[T.parentIdField.value]&&s<dl;){s++;const u=r.rawView.value.find(o=>o[v.idField.value]===t[T.parentIdField.value]);if(u)u[T.collapseField.value]&&i.push(u),t=u;else break}i.reverse().forEach(u=>{u[T.collapseField.value]=!1,r.toggleChildrenVisibiltyByCollapseStatus(u),ml(u)})}function hl(e,t){if(e.length!==t.length)return!1;const i=e.map(u=>u[v.idField.value]).sort(),s=t.map(u=>u[v.idField.value]).sort();return i.every((u,o)=>u===s[o])}function Ie(){const e=w.value[B.value];e&&(yl(e),n.nextTick(()=>{r.reOrderVisibleIndex();const t=e[v.idField.value],i=e.__fv_visible_index__;i!==void 0&&i!==""&&i>=0?(b.scrollToRowByIndex(i),n.nextTick(()=>{je(t)})):console.warn("搜索结果的节点不在当前可见范围内，无法定位",t)}))}function Ae(){!I.value.trim()||!w.value.length||(B.value=(B.value+1)%w.value.length,Ie())}function vl(){if(!I.value.trim()){w.value=[],B.value=0;return}const e=[],t=I.value.toLowerCase().trim();r.rawView.value.forEach(s=>{let u=!1;l.customSearch?u=l.customSearch(t,s,l.columns):l.columns.forEach(o=>{if(!u&&o.field){const c=at(o,s);c&&c.toLowerCase().includes(t)&&(u=!0)}}),u&&e.push(s)});const i=!hl(e,w.value);e.length>0?i?(w.value=e,B.value=0,Ie()):Ae():(w.value=[],B.value=0)}function gl(){if(!I.value.trim()||!w.value.length)return;const e=w.value.length;B.value=(B.value-1+e)%e,Ie()}const X=D.debounce(vl,300);function ke(){X.cancel(),I.value="",w.value=[],B.value=0}n.watch(I,e=>{e.trim()||(X.cancel(),w.value=[],B.value=0)}),n.onUnmounted(()=>{X.cancel()});function pl(e){if(e.key==="Enter"){if(!I.value.trim())return;X()}}function Cl(){I.value.trim()&&X()}m.expose({activeRowById:_e,addNewDataItem:Gt,addNewChildDataItem:Et,addChildrenToNode:Mt,collapseTo:At,expandTo:kt,removeDataItem:Ht,editDataItem:Vt,acceptDataItem:Ut,cancelDataItem:zt,updateColumns:$,updateDataSource:Wt,selectItemById:qt,selectItemByIds:Kt,getSelectedItems:$t,clearSelection:Pe,getSelectionRow:Zt,clickRowItemById:Yt,unSelectItemByIds:el,getCurrentRowId:tl,reassignRowData:ll,hasChildren:nl,getCollapseField:il,getCollapseStatusById:al,getVisibleDataByIds:ol,selectRowById:je,updateDerivedData:rl,emptyCurrentRowId:Xt,calculateColumnsSize:ue,endEditCell:ul,updateSelectedValues:sl,removeSelectedValues:cl});const Sl=n.computed(()=>{const e={};return b.shouldShowHorizontalScrollbar.value&&N.value&&(e.paddingBottom="10px"),b.shouldShowVirticalScrollbar.value&&N.value,e}),bl=n.computed(()=>({...W.value,borderRadius:"5px"})),{renderDataGridPagination:Ol}=a.getPagination(l,m,r,b,ne,g),wl=n.computed(()=>({"d-flex":!0,"justify-content-between":ae.value&&z.value,"justify-content-end":ae.value&&!z.value,"position-relative":!0})),_l=n.computed(()=>({"d-flex":!0,"align-items-center":!0}));function Il(e){const t=e.map(o=>o.id),i=[...S.value,...L,...k];i.filter(o=>o.dataType!==a.COMMAND_COLUMN_DATA_TYPE&&o.dataType!==a.SETTING_COLUMN_DATA_TYPE).forEach(o=>{const c=e.find(F=>F.id===o.id);c&&(o.width=c.actualWidth||o.width||120,c.actualWidth!==void 0&&(o.actualWidth=c.actualWidth),o.title=c.title,o.halign=c.halign,o.align=c.align,o.fixed=c.fixed)}),k=i.filter(o=>o.dataType===a.COMMAND_COLUMN_DATA_TYPE||o.dataType===a.SETTING_COLUMN_DATA_TYPE);const s=i.filter(o=>o.dataType!==a.COMMAND_COLUMN_DATA_TYPE&&o.dataType!==a.SETTING_COLUMN_DATA_TYPE),u=s.filter(o=>t.includes(o.id));L=s.filter(o=>!t.includes(o.id)),u.sort((o,c)=>{const F=e.findIndex(R=>R.id===o.id),A=e.findIndex(R=>R.id===c.id);return F-A}),$(u)}const{renderDataGridSummary:xl}=a.getSummary(l,r,K);return()=>l.visible&&n.createVNode(n.Fragment,null,[rt.value&&n.createVNode("div",{class:"fv-grid-search",style:{padding:"8px 12px",border:"1px solid #e0e0e0",borderBottom:"none",borderRadius:"4px 4px 0 0"}},[n.createVNode("div",{style:{display:"flex",alignItems:"center"}},[n.createVNode(Ve,{value:I.value,onInput:e=>I.value=e,"onUpdate:value":e=>I.value=e||"",onClear:ke,onKeydown:pl,placeholder:ut.value,style:{flex:1}},null),Fe.value&&n.createVNode("span",{class:"fv-grid-search-count",style:{marginLeft:"8px",fontSize:"12px",color:"#888",whiteSpace:"nowrap"}},[Fe.value]),n.createVNode(Q,{type:"link",title:ct.value,disabled:!w.value.length,onClick:gl,style:{cursor:"pointer",marginLeft:"4px"}},{default:()=>[n.createVNode("i",{class:"f-icon f-icon-arrow-chevron-up"},null)]}),n.createVNode(Q,{type:"link",title:dt.value,disabled:!w.value.length,onClick:Ae,style:{cursor:"pointer",marginLeft:"4px"}},{default:()=>[n.createVNode("i",{class:"f-icon f-icon-arrow-chevron-down"},null)]}),n.createVNode(Q,{type:"link",title:st.value,onClick:Cl,style:{cursor:"pointer",marginLeft:"4px"}},{default:()=>[n.createVNode("i",{class:"f-icon f-icon-search"},null)]}),I.value&&n.createVNode(Q,{type:"link",title:ft.value,onClick:ke,style:{cursor:"pointer",marginLeft:"4px"}},{default:()=>[n.createVNode("i",{class:"f-icon f-icon-close"},null)]})])]),n.createVNode("div",{ref:Z,class:It.value,style:bl.value,onWheel:St},[d.value&&Tt.value&&Ft(),n.createVNode("div",{ref:d,class:xt.value,onMouseover:()=>N.value=!0,onMouseleave:()=>N.value=!1,onTouchstart:e=>{e.stopPropagation(),N.value=!0,b.onTouchstartScrollThumb(e,d)},onTouchend:e=>{N.value=!1},style:Sl.value},[d.value&&Bt(y),d.value&&Ot(),d.value&&Jt.value&&Qt(),d.value&&Nt(),d.value&&Lt()]),d.value&&xl(),z.value&&n.createVNode("div",{class:wl.value},[z.value&&n.createVNode("div",{class:_l.value},[n.createVNode("div",null,["已选："+me.value.length,n.createTextVNode(" 条")])])]),Dt(),ye.value&&Rt()]),l.enableColumnSettingSolution&&n.createVNode(a.ColumnSettingSolution,{columns:[...S.value,...L],componentId:l.id,modelValue:p.value,"onUpdate:modelValue":e=>p.value=e,onChangeColumnSetting:Il},null)])}}),ot=M.withInstall(Oe);f.FTreeGrid=Oe,f.columnOptions=Xe,f.default=ot,f.editOptions=Je,f.filterOptions=qe,f.groupOptions=We,f.headerOptions=Ye,f.loadingOptions=Qe,f.paginationOptions=Ue,f.rowOptions=Ke,f.sortOptions=ze,f.summaryOptions=$e,f.treeGridProps=xe,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});