@farris/ui-vue 1.7.2-beta.1 → 1.7.2-beta.2

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

@@ -1 +1 @@
-(function(r,H){typeof exports=="object"&&typeof module<"u"?H(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")):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"],H):(r=typeof globalThis<"u"?globalThis:r||self,H(r["tree-grid"]={},r.common,r.Vue,r.VueUseCore,r.LodashES,r.locale,r.dataView))})(this,function(r,H,l,De,b,Fe,o){"use strict";const Re={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}},je={enable:{type:Boolean,default:!1},fields:{type:Array,default:[]},mode:{type:String,default:"client"},multiSort:{type:Boolean,default:!1}},xe={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"}},Ne={enable:{type:Boolean,default:!1},filterStyle:{type:String,default:"filter-column"},mode:{type:String,default:"server"},showSummary:{type:Boolean,default:!0}},Ge={wrapHeadings:{type:Boolean,default:!1}},He={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}},Pe={enable:{type:Boolean,default:!1},customSummaryStyle:{type:Function,default:()=>{}},groupFields:{type:Array,default:[]},mode:{type:String,default:"client"},position:{type:String,default:"bottom"}},Te={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}},_e={selectOnEditing:{type:Boolean,default:!1},editMode:{type:String,default:"cell"}},ke={show:{type:Boolean,default:!1},message:{type:String,default:`${Fe.LocaleService.getLocaleValue("datagrid.loadingMessage")}...`}},ge={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",require:!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,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},checkboxPosition:{type:String,default:"after-expand"}};function Me(n,m,z,w,S,O,p,v,B,U,i,D,W,P,u,F,q,X,E){const{calculateCellPositionInRow:T}=O,{columnContext:R,hasLeftFixedColumn:Z,hasRightFixedColumn:ee}=p,{gridDataStyle:a,leftFixedGridDataStyle:te,rightFixedGridDataStyle:d}=P,{renderDataRow:_}=o.getHierarchyRow(n,m,R,q,v,B,U,i,D,W,P,u,F,X,E),ne=[_];function C(y,oe){const J=T(y);return q.value.filter(j=>j.visible!==!1).map((j,ae)=>ne[j.type](j,J,oe,ae))}function le(){return l.createVNode("div",{ref:w,class:"fv-grid-content-left-fixed"},[l.createVNode("div",{class:"fv-grid-data",style:te.value},[C(R.value.leftColumns.filter(y=>y.visible),"left")])])}function I(){return l.createVNode("div",{ref:z,class:"fv-grid-content-primary"},[l.createVNode("div",{class:"fv-grid-data",style:a.value},[C(R.value.primaryColumns.filter(y=>y.visible),"primary")])])}function Y(){return l.createVNode("div",{ref:S,class:"fv-grid-content-right-fixed"},[l.createVNode("div",{class:"fv-grid-data",style:d.value},[C(R.value.rightColumns.filter(y=>y.visible),"right")])])}function $(){const y=[];return Z.value&&y.push(le()),y.push(I()),ee.value&&y.push(Y()),y}return{renderDataArea:$}}const he=l.defineComponent({name:"FTreeGrid",props:ge,emits:["selectionChange","clickRow","expandNode","unSelectItem","dblclickNode","doubleClickRow","unSelectItem","selectItem","filterChanged","sortChanged","selectionUpdate"],setup(n,m){var Ie,Oe;const z=l.ref(!1),w=0,S=l.ref(((Ie=n.rowOption)==null?void 0:Ie.height)||28),O=l.ref(20),p=l.ref(n.columns),v=o.useIdentify(n),{idField:B}=v,U=l.ref(),i=l.ref(),D=l.ref(),W=l.ref(),P=l.ref(),u=l.ref([]),F=l.ref(!1),q=l.ref(((Oe=n.rowOption)==null?void 0:Oe.wrapContent)||!1),X=o.useGroupData(n,v),E=o.useFilter(n,m),T=o.useHierarchy(n),{collapseField:R}=T,{showLoading:Z,renderLoading:ee}=o.useLoading(n,U),a=o.useDataView(n,new Map,E,T,v),{dataView:te}=a,d=o.useSelection(n,a,v,u,m),{showSelection:_,selectedValues:ne}=d,C=o.useSelectHierarchyItem(n,u,a,v,d,m),le=l.computed(()=>n.disabled),I=l.computed(()=>n.virtualized?Math.min(a.dataView.value.length,O.value):a.dataView.value.length),Y=o.usePagination(n,a),{shouldRenderPagination:$}=Y,{containerStyleObject:y}=o.useDataViewContainerStyle(n),oe=o.useCommandColumn(n),{applyCommands:J}=oe;J(p);const{applyColumnSetting:j,removeColumnSetting:ae}=o.useSettingColumn(n);n.showSetting&&j(p);const A=o.useColumn(n,m),ie=o.useSort(n),{applyColumnSorter:ve,columnContext:K,updateColumnRenderContext:Ae}=A;ve(a,ie);const ue=o.useGroupColumn(n,K),k=o.useRow(n,m,d,v),M=o.useEdit(n,m,v,k,u),re=o.useVisualDataBound(n,a,S),Le=o.useVisualDataCell(n,M,re),Ue=o.useVisualDataRow(n,a,M,T,v,re,Le,S),se=o.useVisualData(n,p,a,I,w,Ue),{getVisualData:Q}=se,We=o.useCellPosition(n,K,S,z),de=o.useSidebar(n,d),{sidebarWidth:qe}=de,g=o.useVirtualScroll(n,a,u,K,se,I,w,qe,S,z),{onWheel:Ee,dataGridWidth:pe,viewPortHeight:Ce,viewPortWidth:V,resetScroll:ce,updateVisibleRowsOnLatestVisibleScope:Ye}=g,Se=o.useFitColumn(n,K,i,V,ue),{calculateColumnsSize:L}=Se,be=o.useFilterHistory(),$e=o.useColumnFilter(i,P,a,be,g),Je=o.useDragColumn(n,m,A,a,ue,X,g),Ke=l.computed(()=>{const e={"fv-grid":!0,"fv-grid-bordered":n.showBorder,"fv-grid-horizontal-bordered":n.showHorizontalLines,"fv-datagrid-strip":n.showStripe};return H.getCustomClass(e,n.customClass)}),Qe=l.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":F.value,"fv-grid-wrap-content":q.value})),{renderDataArea:Ve}=Me(n,m,D,W,P,We,A,a,M,T,k,d,C,g,se,re,u,S,z),{renderGridHeader:Xe,renderGridColumnResizeOverlay:Ze,shouldShowHeader:et}=o.getColumnHeader(n,m,i,W,P,A,a,Je,$e,E,be,Se,ue,d,de,ie,g,V,u),{renderDataGridSidebar:tt}=o.getSidebar(n,k,d,de,g),{renderDisableMask:nt}=o.getDisableMask(),{renderHorizontalScrollbar:lt}=o.getHorizontalScrollbar(n,i,g),{renderVerticalScrollbar:ot}=o.getVerticalScrollbar(n,i,g);function at(){var e,t,s;if(i.value&&i.value.clientHeight>0&&((e=i.value)==null?void 0:e.clientWidth)>0){const f=Math.ceil(i.value.clientHeight/S.value);f>O.value&&(O.value=f,Ye()),Ce.value=((t=D.value)==null?void 0:t.clientHeight)||0,pe.value=((s=i.value)==null?void 0:s.clientWidth)||0}i.value&&(i.value.clientHeight>0||i.value.clientWidth>0)&&L()}l.onMounted(()=>{i.value&&(O.value=Math.max(Math.ceil(i.value.clientHeight/S.value),O.value),u.value=Q(0,I.value+w-1),De.useResizeObserver(i.value,at),L(),l.nextTick(()=>{i.value&&(pe.value=i.value.clientWidth),D.value&&(V.value=D.value.clientWidth,Ce.value=D.value.clientHeight)})),Z.value&&ee()}),l.onUnmounted(()=>{}),l.watch(V,()=>{i.value&&L()});function it(e){a.collapseTo(e),a.reOrderVisibleIndex(),ce()}function ut(e){a.expandTo(e),a.reOrderVisibleIndex(),ce()}function fe(){const e=d.getSelectionRow();return e?e.dataIndex-1:-1}function rt(e){const t=e!==void 0?e:fe(),s=a.insertNewDataItem(t===-1?0:t);return u.value=Q(0,I.value+w-1),s}function st(){const e=fe();a.insertNewChildDataItem(e),u.value=Q(0,I.value+w-1)}function dt(e,t){const s=u.value.find(h=>h.raw[B.value]===t),f=s?s.dataIndex-1:-1;a.insertNewChildDataItems(e,f)}function ct(){const e=fe(),t=C.getNextSelectableHierarchyItemId(e);a.removeHierarchyDataItem(e),u.value=Q(0,I.value+w-1),t&&C.selectItemById(t)}function ft(e){M.onEditingRow(e)}function mt(e){M.acceptEditingRow(e)}function yt(e){M.cancelEditingRow(e)}function me(e){e&&(p.value=e,J(p),Ae(p.value),ve(a,ie),L())}l.watch(()=>n.columns,e=>{me(e)});function gt(e,t){e&&(a.load(e),a.reOrderVisibleIndex(),t!=null&&t.keepScrollPosition?g.scrollTo(g.offsetY.value):ce())}function ye(e){k.activeRowById(e)}function ht(e,t={isCurrent:!0}){t!=null&&t.isCurrent&&ye(e),C.selectItemById(e)}function vt(e){const t=u.value.find(s=>s.raw[v.idField.value]===e);t&&k.clickRowItem(t)}function pt(e){C.selectItemByIds(e)}function Ct(){return d.getSelectedItems()}function we(){d.clearSelection()}function St(){d.emptyCurrentRowId()}const bt=l.computed(()=>!u.value||!u.value.length),{renderEmpty:wt}=o.getEmpty(n,m);function It(){return d.getSelectionRow()}function Ot(e,t={clearCurrent:!0}){t!=null&&t.clearCurrent&&ye(""),C.unSelectItemByIds(e)}function Bt(){return d.currentSelectedDataId.value}function Dt(e,t,s){const f=te.value.find(h=>h[B.value]===e);if(f){if(Object.keys(f).forEach(c=>{Object.prototype.hasOwnProperty.call(t,c)&&(f[c]=t[c])}),s){const{collapseField:c,disabledField:x,checkedField:N,visibleField:G}=s;c&&!b.isUndefined(t[c])&&(f.__fv_collapse__=t[c]),N&&!b.isUndefined(t[N])&&(f.__fv_checked__=t[N]),x&&!b.isUndefined(t[x])&&(f.__fv_disabled__=t[x]),G&&!b.isUndefined(t[G])&&(f.__fv_visible__=t[G])}const h=u.value.find(c=>c.raw[B.value]===e),Be=u.value.findIndex(c=>c.raw[B.value]===e);if(h){if(h.raw=f,Object.keys(h.data).forEach(c=>{h.data[c].updateData(f)}),s){const{collapseField:c,disabledField:x,checkedField:N,visibleField:G}=s;c&&!b.isUndefined(t[c])&&(h.collapse=t[c]),N&&!b.isUndefined(t[N])&&(h.checked=t[N]),x&&!b.isUndefined(t[x])&&(h.disabled=t[x]),G&&!b.isUndefined(t[G])&&(h.visible=t[G])}u.value=[...u.value.slice(0,Be),h,...u.value.slice(Be+1)],a.updateSummary()}}}function Ft(e){return Object.prototype.hasOwnProperty.call(e,"raw")?a.hasRealChildren(e.raw):a.hasRealChildren(e)}function Rt(e){const t=a.dataView.value.find(s=>s[B.value]===e);return t?t[R.value]:""}function jt(){return R.value}l.watch(()=>n.showSetting,(e,t)=>{e!==t&&(e?j(p):ae(p),me(p.value))});function xt(e){return u.value.filter(t=>e.includes(t.raw[n.idField]))}function Nt(e){const t=v.idField.value,s=u.value.find(f=>f.raw[t]===e);s&&k.changeRow(s)}function Gt(){d.keepSelectingOnPaging.value||we(),a.updateVisibleDataSummary(u.value)}m.expose({activeRowById:ye,addNewDataItem:rt,addNewChildDataItem:st,addChildrenToNode:dt,collapseTo:it,expandTo:ut,removeDataItem:ct,editDataItem:ft,acceptDataItem:mt,cancelDataItem:yt,updateColumns:me,updateDataSource:gt,selectItemById:ht,selectItemByIds:pt,getSelectedItems:Ct,clearSelection:we,getSelectionRow:It,clickRowItemById:vt,unSelectItemByIds:Ot,getCurrentRowId:Bt,reassignRowData:Dt,hasChildren:Ft,getCollapseField:jt,getCollapseStatusById:Rt,getVisibleDataByIds:xt,selectRowById:Nt,updateDerivedData:Gt,emptyCurrentRowId:St,calculateColumnsSize:L});const Ht=l.computed(()=>{const e={};return g.shouldShowHorizontalScrollbar.value&&(e.paddingBottom="10px"),g.shouldShowVirticalScrollbar.value&&(e.paddingRight="10px"),e}),Pt=l.computed(()=>({...y.value,borderRadius:"5px"})),{renderDataGridPagination:Mt}=o.getPagination(n,m,a,g,Y,d),Tt=l.computed(()=>({"d-flex":!0,"justify-content-between":$.value&&_.value,"justify-content-end":$.value&&!_.value,"position-relative":!0})),_t=l.computed(()=>({"d-flex":!0,"align-items-center":!0})),{renderDataGridSummary:kt}=o.getSummary(n,a,A);return()=>l.createVNode("div",{ref:U,class:Ke.value,style:Pt.value,onWheel:Ee},[i.value&&et.value&&Xe(),l.createVNode("div",{ref:i,class:Qe.value,onMouseover:()=>F.value=!0,onMouseleave:()=>F.value=!1,onTouchstart:e=>{e.stopPropagation(),F.value=!0,g.onTouchstartScrollThumb(e,i)},onTouchend:e=>{F.value=!1},style:Ht.value},[i.value&&tt(u),i.value&&Ve(),i.value&&bt.value&&wt(),i.value&&lt(),i.value&&ot()]),i.value&&kt(),_.value&&l.createVNode("div",{class:Tt.value},[_.value&&l.createVNode("div",{class:_t.value},[l.createVNode("div",null,["已选："+ne.value.length,l.createTextVNode(" 条")])])]),Ze(),le.value&&nt()])}}),ze=H.withInstall(he);r.FTreeGrid=he,r.columnOptions=Te,r.default=ze,r.editOptions=_e,r.filterOptions=Ne,r.groupOptions=xe,r.headerOptions=Ge,r.loadingOptions=ke,r.paginationOptions=Re,r.rowOptions=He,r.sortOptions=je,r.summaryOptions=Pe,r.treeGridProps=ge,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(r,x){typeof exports=="object"&&typeof module<"u"?x(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")):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"],x):(r=typeof globalThis<"u"?globalThis:r||self,x(r["tree-grid"]={},r.common,r.Vue,r.VueUseCore,r.LodashES,r.locale,r.dataView))})(this,function(r,x,l,Oe,S,Be,o){"use strict";const De={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}},Fe={enable:{type:Boolean,default:!1},fields:{type:Array,default:[]},mode:{type:String,default:"client"},multiSort:{type:Boolean,default:!1}},Re={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"}},je={enable:{type:Boolean,default:!1},filterStyle:{type:String,default:"filter-column"},mode:{type:String,default:"server"},showSummary:{type:Boolean,default:!0}},Ne={wrapHeadings:{type:Boolean,default:!1}},xe={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}},Ge={enable:{type:Boolean,default:!1},customSummaryStyle:{type:Function,default:()=>{}},groupFields:{type:Array,default:[]},mode:{type:String,default:"client"},position:{type:String,default:"bottom"}},He={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}},Pe={selectOnEditing:{type:Boolean,default:!1},editMode:{type:String,default:"cell"}},Te={show:{type:Boolean,default:!1},message:{type:String,default:`${Be.LocaleService.getLocaleValue("datagrid.loadingMessage")}...`}},fe={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",require:!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,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}};function _e(n,y,ye,z,I,p,h,O,A,i,B,L,T,u,D,Q,U){const{calculateCellPositionInRow:W}=p,{columnContext:C,hasLeftFixedColumn:q,hasRightFixedColumn:V}=h,{gridDataStyle:X,leftFixedGridDataStyle:a,rightFixedGridDataStyle:Z}=u,{renderDataRow:d}=o.getHierarchyRow(n,y,C,U,O,A,i,B,L,T,u,D,Q),G=[d];function _(m,te){const ne=W(m);return U.value.filter(F=>F.visible!==!1).map((F,Y)=>G[F.type](F,ne,te,Y))}function b(){return l.createVNode("div",{ref:z,class:"fv-grid-content-left-fixed"},[l.createVNode("div",{class:"fv-grid-data",style:a.value},[_(C.value.leftColumns.filter(m=>m.visible),"left")])])}function ee(){return l.createVNode("div",{ref:ye,class:"fv-grid-content-primary"},[l.createVNode("div",{class:"fv-grid-data",style:X.value},[_(C.value.primaryColumns.filter(m=>m.visible),"primary")])])}function w(){return l.createVNode("div",{ref:I,class:"fv-grid-content-right-fixed"},[l.createVNode("div",{class:"fv-grid-data",style:Z.value},[_(C.value.rightColumns.filter(m=>m.visible),"right")])])}function E(){const m=[];return q.value&&m.push(b()),m.push(ee()),V.value&&m.push(w()),m}return{renderDataArea:E}}const me=l.defineComponent({name:"FTreeGrid",props:fe,emits:["selectionChange","clickRow","expandNode","unSelectItem","dblclickNode","doubleClickRow","unSelectItem","selectItem","filterChanged","sortChanged","selectionUpdate"],setup(n,y){var be,we;const z=((be=n.rowOption)==null?void 0:be.height)||28,I=l.ref(20),p=l.ref(n.columns),h=o.useIdentify(n),{idField:O}=h,A=l.ref(),i=l.ref(),B=l.ref(),L=l.ref(),T=l.ref(),u=l.ref([]),D=l.ref(!1),Q=l.ref(((we=n.rowOption)==null?void 0:we.wrapContent)||!1),U=o.useGroupData(n,h),W=o.useFilter(n,y),C=o.useHierarchy(n),{collapseField:q}=C,{showLoading:V,renderLoading:X}=o.useLoading(n,A),a=o.useDataView(n,new Map,W,C,h),{dataView:Z}=a,d=o.useSelection(n,a,h,u,y),{showSelection:G,selectedValues:_}=d,b=o.useSelectHierarchyItem(n,u,a,h,d,y),ee=l.computed(()=>n.disabled),w=l.computed(()=>n.virtualized?Math.min(a.dataView.value.length,I.value):a.dataView.value.length),E=o.usePagination(n,a),{shouldRenderPagination:m}=E,{containerStyleObject:te}=o.useDataViewContainerStyle(n),ne=o.useCommandColumn(n),{applyCommands:F}=ne;F(p);const{applyColumnSetting:Y,removeColumnSetting:Me}=o.useSettingColumn(n);n.showSetting&&Y(p);const k=o.useColumn(n,y),le=o.useSort(n),{applyColumnSorter:ge,columnContext:$,updateColumnRenderContext:ze}=k;ge(a,le);const oe=o.useGroupColumn(n,$),H=o.useRow(n,y,d,h),P=o.useEdit(n,y,h,H,u),ae=o.useVisualDataBound(n),Ae=o.useVisualDataCell(n,P,ae),Le=o.useVisualDataRow(n,a,P,C,h,ae,Ae),ie=o.useVisualData(n,p,a,w,0,Le),{getVisualData:J}=ie,Ue=o.useCellPosition(n,$),ue=o.useSidebar(n,d),{sidebarWidth:We}=ue,g=o.useVirtualScroll(n,a,u,$,ie,w,0,We),{onWheel:qe,dataGridWidth:ve,viewPortHeight:he,viewPortWidth:K,resetScroll:re,updateVisibleRowsOnLatestVisibleScope:Ee}=g,pe=o.useFitColumn(n,$,i,K,oe),{calculateColumnsSize:M}=pe,Ce=o.useFilterHistory(),Ye=o.useColumnFilter(i,T,a,Ce,g),$e=o.useDragColumn(n,y,k,a,oe,U,g),Je=l.computed(()=>{const e={"fv-grid":!0,"fv-grid-bordered":n.showBorder,"fv-grid-horizontal-bordered":n.showHorizontalLines,"fv-datagrid-strip":n.showStripe};return x.getCustomClass(e,n.customClass)}),Ke=l.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":D.value,"fv-grid-wrap-content":Q.value})),{renderDataArea:Qe}=_e(n,y,B,L,T,Ue,k,a,P,C,H,d,b,g,ie,ae,u),{renderGridHeader:Ve,renderGridColumnResizeOverlay:Xe,shouldShowHeader:Ze}=o.getColumnHeader(n,y,i,L,T,k,a,$e,Ye,W,Ce,pe,oe,d,ue,le,g,K,u),{renderDataGridSidebar:et}=o.getSidebar(n,H,d,ue,g),{renderDisableMask:tt}=o.getDisableMask(),{renderHorizontalScrollbar:nt}=o.getHorizontalScrollbar(n,i,g),{renderVerticalScrollbar:lt}=o.getVerticalScrollbar(n,i,g);function ot(){var e,t,s;if(i.value&&i.value.clientHeight>0&&((e=i.value)==null?void 0:e.clientWidth)>0){const f=Math.ceil(i.value.clientHeight/z);f>I.value&&(I.value=f,Ee()),he.value=((t=B.value)==null?void 0:t.clientHeight)||0,ve.value=((s=i.value)==null?void 0:s.clientWidth)||0}i.value&&(i.value.clientHeight>0||i.value.clientWidth>0)&&M()}l.onMounted(()=>{i.value&&(I.value=Math.max(Math.ceil(i.value.clientHeight/z),I.value),u.value=J(0,w.value+0-1),Oe.useResizeObserver(i.value,ot),M(),l.nextTick(()=>{i.value&&(ve.value=i.value.clientWidth),B.value&&(K.value=B.value.clientWidth,he.value=B.value.clientHeight)})),V.value&&X()}),l.onUnmounted(()=>{}),l.watch(K,()=>{i.value&&M()});function at(e){a.collapseTo(e),a.reOrderVisibleIndex(),re()}function it(e){a.expandTo(e),a.reOrderVisibleIndex(),re()}function se(){const e=d.getSelectionRow();return e?e.dataIndex-1:-1}function ut(e){const t=e!==void 0?e:se(),s=a.insertNewDataItem(t===-1?0:t);return u.value=J(0,w.value+0-1),s}function rt(){const e=se();a.insertNewChildDataItem(e),u.value=J(0,w.value+0-1)}function st(e,t){const s=u.value.find(v=>v.raw[O.value]===t),f=s?s.dataIndex-1:-1;a.insertNewChildDataItems(e,f)}function dt(){const e=se(),t=b.getNextSelectableHierarchyItemId(e);a.removeHierarchyDataItem(e),u.value=J(0,w.value+0-1),t&&b.selectItemById(t)}function ct(e){P.onEditingRow(e)}function ft(e){P.acceptEditingRow(e)}function mt(e){P.cancelEditingRow(e)}function de(e){e&&(p.value=e,F(p),ze(p.value),ge(a,le),M())}l.watch(()=>n.columns,e=>{de(e)});function yt(e,t){e&&(a.load(e),a.reOrderVisibleIndex(),t!=null&&t.keepScrollPosition?g.scrollTo(g.offsetY.value):re())}function ce(e){H.activeRowById(e)}function gt(e,t={isCurrent:!0}){t!=null&&t.isCurrent&&ce(e),b.selectItemById(e)}function vt(e){const t=u.value.find(s=>s.raw[h.idField.value]===e);t&&H.clickRowItem(t)}function ht(e){b.selectItemByIds(e)}function pt(){return d.getSelectedItems()}function Se(){d.clearSelection()}function Ct(){d.emptyCurrentRowId()}const St=l.computed(()=>!u.value||!u.value.length),{renderEmpty:bt}=o.getEmpty(n,y);function wt(){return d.getSelectionRow()}function It(e,t={clearCurrent:!0}){t!=null&&t.clearCurrent&&ce(""),b.unSelectItemByIds(e)}function Ot(){return d.currentSelectedDataId.value}function Bt(e,t,s){const f=Z.value.find(v=>v[O.value]===e);if(f){if(Object.keys(f).forEach(c=>{Object.prototype.hasOwnProperty.call(t,c)&&(f[c]=t[c])}),s){const{collapseField:c,disabledField:R,checkedField:j,visibleField:N}=s;c&&!S.isUndefined(t[c])&&(f.__fv_collapse__=t[c]),j&&!S.isUndefined(t[j])&&(f.__fv_checked__=t[j]),R&&!S.isUndefined(t[R])&&(f.__fv_disabled__=t[R]),N&&!S.isUndefined(t[N])&&(f.__fv_visible__=t[N])}const v=u.value.find(c=>c.raw[O.value]===e),Ie=u.value.findIndex(c=>c.raw[O.value]===e);if(v){if(v.raw=f,Object.keys(v.data).forEach(c=>{v.data[c].updateData(f)}),s){const{collapseField:c,disabledField:R,checkedField:j,visibleField:N}=s;c&&!S.isUndefined(t[c])&&(v.collapse=t[c]),j&&!S.isUndefined(t[j])&&(v.checked=t[j]),R&&!S.isUndefined(t[R])&&(v.disabled=t[R]),N&&!S.isUndefined(t[N])&&(v.visible=t[N])}u.value=[...u.value.slice(0,Ie),v,...u.value.slice(Ie+1)],a.updateSummary()}}}function Dt(e){return Object.prototype.hasOwnProperty.call(e,"raw")?a.hasRealChildren(e.raw):a.hasRealChildren(e)}function Ft(e){const t=a.dataView.value.find(s=>s[O.value]===e);return t?t[q.value]:""}function Rt(){return q.value}l.watch(()=>n.showSetting,(e,t)=>{e!==t&&(e?Y(p):Me(p),de(p.value))});function jt(e){return u.value.filter(t=>e.includes(t.raw[n.idField]))}function Nt(e){const t=h.idField.value,s=u.value.find(f=>f.raw[t]===e);s&&H.changeRow(s)}function xt(){d.keepSelectingOnPaging.value||Se(),a.updateVisibleDataSummary(u.value)}y.expose({activeRowById:ce,addNewDataItem:ut,addNewChildDataItem:rt,addChildrenToNode:st,collapseTo:at,expandTo:it,removeDataItem:dt,editDataItem:ct,acceptDataItem:ft,cancelDataItem:mt,updateColumns:de,updateDataSource:yt,selectItemById:gt,selectItemByIds:ht,getSelectedItems:pt,clearSelection:Se,getSelectionRow:wt,clickRowItemById:vt,unSelectItemByIds:It,getCurrentRowId:Ot,reassignRowData:Bt,hasChildren:Dt,getCollapseField:Rt,getCollapseStatusById:Ft,getVisibleDataByIds:jt,selectRowById:Nt,updateDerivedData:xt,emptyCurrentRowId:Ct,calculateColumnsSize:M});const Gt=l.computed(()=>{const e={};return g.shouldShowHorizontalScrollbar.value&&(e.paddingBottom="10px"),g.shouldShowVirticalScrollbar.value&&(e.paddingRight="10px"),e}),Ht=l.computed(()=>({...te.value,borderRadius:"5px"})),{renderDataGridPagination:kt}=o.getPagination(n,y,a,g,E,d),Pt=l.computed(()=>({"d-flex":!0,"justify-content-between":m.value&&G.value,"justify-content-end":m.value&&!G.value,"position-relative":!0})),Tt=l.computed(()=>({"d-flex":!0,"align-items-center":!0})),{renderDataGridSummary:_t}=o.getSummary(n,a,k);return()=>l.createVNode("div",{ref:A,class:Je.value,style:Ht.value,onWheel:qe},[i.value&&Ze.value&&Ve(),l.createVNode("div",{ref:i,class:Ke.value,onMouseover:()=>D.value=!0,onMouseleave:()=>D.value=!1,onTouchstart:e=>{e.stopPropagation(),D.value=!0,g.onTouchstartScrollThumb(e,i)},onTouchend:e=>{D.value=!1},style:Gt.value},[i.value&&et(u),i.value&&Qe(),i.value&&St.value&&bt(),i.value&&nt(),i.value&&lt()]),i.value&&_t(),G.value&&l.createVNode("div",{class:Pt.value},[G.value&&l.createVNode("div",{class:Tt.value},[l.createVNode("div",null,["已选："+_.value.length,l.createTextVNode(" 条")])])]),Xe(),ee.value&&tt()])}}),ke=x.withInstall(me);r.FTreeGrid=me,r.columnOptions=He,r.default=ke,r.editOptions=Pe,r.filterOptions=je,r.groupOptions=Re,r.headerOptions=Ne,r.loadingOptions=Te,r.paginationOptions=De,r.rowOptions=xe,r.sortOptions=Fe,r.summaryOptions=Ge,r.treeGridProps=fe,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/tree-view/index.esm.js

@@ -1,16 +1,16 @@
-import { getCustomClass as Ue, withInstall as Je } from "../common/index.esm.js";
-import { createVNode as H, defineComponent as ne, ref as c, computed as V, onMounted as Ke, nextTick as Qe, inject as Xe } from "vue";
-import { useResizeObserver as Ze } from "@vueuse/core";
-import { resolveAppearance as _e, createPropsResolver as et } from "../dynamic-resolver/index.esm.js";
-import { getHierarchyRow as tt, useFilter as oe, useIdentify as ie, useHierarchy as ae, useDataView as le, useSelection as se, useSelectHierarchyItem as re, useDataViewContainerStyle as ce, useColumn as ue, useGroupColumn as nt, useRow as de, useEdit as fe, useVisualDataBound as me, useVisualDataCell as ve, useVisualDataRow as ye, useVisualData as pe, useCellPosition as Ce, useVirtualScroll as he, useSidebar as ot, getVerticalScrollbar as it, getHorizontalScrollbar as at, getSidebar as lt, useFitColumn as st, getEmpty as rt } from "../data-view/index.esm.js";
-import { useDesignerComponent as ct } from "../designer-canvas/index.esm.js";
-const ut = /* @__PURE__ */ new Map([
-  ["appearance", _e]
+import { getCustomClass as Ye, withInstall as Ue } from "../common/index.esm.js";
+import { createVNode as R, defineComponent as te, ref as r, computed as S, onMounted as Je, nextTick as Ke, inject as Qe } from "vue";
+import { useResizeObserver as Xe } from "@vueuse/core";
+import { resolveAppearance as Ze, createPropsResolver as _e } from "../dynamic-resolver/index.esm.js";
+import { getHierarchyRow as et, useFilter as ne, useIdentify as ie, useHierarchy as oe, useDataView as ae, useSelection as le, useSelectHierarchyItem as se, useDataViewContainerStyle as re, useColumn as ce, useGroupColumn as tt, useRow as ue, useEdit as de, useVisualDataBound as fe, useVisualDataCell as me, useVisualDataRow as ve, useVisualData as ye, useCellPosition as pe, useVirtualScroll as Ce, useSidebar as nt, getVerticalScrollbar as it, getHorizontalScrollbar as ot, getSidebar as at, useFitColumn as lt, getEmpty as st } from "../data-view/index.esm.js";
+import { useDesignerComponent as rt } from "../designer-canvas/index.esm.js";
+const ct = /* @__PURE__ */ new Map([
+  ["appearance", Ze]
 ]);
-function dt(e, n, l) {
+function ut(e, n, d) {
   return n;
 }
-const ft = "tree-view", mt = "A Farris Component", vt = "object", yt = {
+const dt = "tree-view", ft = "A Farris Component", mt = "object", vt = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -32,12 +32,12 @@ const ft = "tree-view", mt = "A Farris Component", vt = "object", yt = {
       }
     }
   }
-}, pt = {
-  title: ft,
-  description: mt,
-  type: vt,
-  categories: yt
-}, Ct = "https://json-schema.org/draft/2020-12/schema", ht = "https://farris-design.gitee.io/tree-view.schema.json", gt = "tree-view", wt = "A Farris Component", bt = "object", It = {
+}, yt = {
+  title: dt,
+  description: ft,
+  type: mt,
+  categories: vt
+}, pt = "https://json-schema.org/draft/2020-12/schema", Ct = "https://farris-design.gitee.io/tree-view.schema.json", ht = "tree-view", gt = "A Farris Component", wt = "object", bt = {
   id: {
     description: "The unique identifier for tree-view",
     type: "string"
@@ -104,18 +104,18 @@ const ft = "tree-view", mt = "A Farris Component", vt = "object", yt = {
     type: "string",
     default: "id"
   }
-}, St = [
+}, It = [
   "id",
   "type"
-], Vt = {
-  $schema: Ct,
-  $id: ht,
-  title: gt,
-  description: wt,
-  type: bt,
-  properties: It,
-  required: St
-}, Tt = {
+], St = {
+  $schema: pt,
+  $id: Ct,
+  title: ht,
+  description: gt,
+  type: wt,
+  properties: bt,
+  required: It
+}, Bt = {
   /** 自动列宽。设为true后，所有列将填满表格并不会出现横向滚动条。 */
   fitColumns: { type: Boolean, default: !1 },
   /** 自动适配列宽度模式 */
@@ -127,7 +127,7 @@ const ft = "tree-view", mt = "A Farris Component", vt = "object", yt = {
   resizeColumn: { type: Boolean, default: !0 },
   /** 双击表头列自适应内容宽度 */
   resizeColumnOnDoubleClick: { type: Boolean, default: !0 }
-}, Q = {
+}, U = {
   /** 自定义样式 */
   customClass: { type: String, default: "" },
   /** 列集合 */
@@ -232,274 +232,272 @@ const ft = "tree-view", mt = "A Farris Component", vt = "object", yt = {
   /** 自动高度 **/
   autoHeight: { type: Boolean, default: !1 },
   /** async loading data */
-  loadData: { type: Function },
-  checkboxPosition: { type: String, default: "after-expand" }
-}, ge = et(Q, Vt, ut, dt, pt);
-function we(e, n, l, v, s, D, h, g, a, B, u, w, o, r, d, R, x) {
+  loadData: { type: Function }
+}, he = _e(U, St, ct, ut, yt);
+function ge(e, n, d, s, V, C, h, a, p, f, g, i, l, m, T) {
   const {
-    calculateCellPositionInRow: P
-  } = v, {
-    columnContext: T
+    calculateCellPositionInRow: M
   } = s, {
-    gridDataStyle: M
-  } = w, {
-    renderDataRow: b
-  } = tt(e, n, T, l, D, h, g, a, B, u, w, o, r, R, x);
-  function z() {
-    const p = P(T.value.primaryColumns);
-    return l.value.filter((I) => I.visible !== !1).map((I, C) => b(I, p, "primary", C));
+    columnContext: O
+  } = V, {
+    gridDataStyle: N
+  } = i, {
+    renderDataRow: j
+  } = et(e, n, O, d, C, h, a, p, f, g, i, l, m);
+  function b() {
+    const v = M(O.value.primaryColumns);
+    return d.value.filter((c) => c.visible !== !1).map((c, F) => j(c, v, "primary", F));
   }
-  function y() {
+  function x() {
     return (
       // <div class="fv-tree-data" style={gridDataStyle.value}>
-      H("div", {
-        ref: d,
+      R("div", {
+        ref: T,
         class: "fv-grid-content-primary"
-      }, [H("div", {
+      }, [R("div", {
         class: "fv-grid-data",
-        style: M.value
-      }, [z()])])
+        style: N.value
+      }, [b()])])
     );
   }
   return {
-    renderTreeArea: y
+    renderTreeArea: x
   };
 }
-function te(e, n) {
-  function l() {
-    return n.slots.header && H("div", {
+function ee(e, n) {
+  function d() {
+    return n.slots.header && R("div", {
       class: "f-tree-view-header"
     }, [n.slots.header()]);
   }
   return {
-    renderHeader: l
+    renderHeader: d
   };
 }
-const q = /* @__PURE__ */ ne({
+const G = /* @__PURE__ */ te({
   name: "FTreeView",
-  props: Q,
+  props: U,
   emits: ["outputValue", "currentEvent", "clickRow", "selectItem", "unSelectItem", "selectionChange", "expandNode", "dblclickNode", "clickRow", "selectionUpdate"],
   setup(e, n) {
-    var ee;
-    const l = c(((ee = e.rowOption) == null ? void 0 : ee.height) || 28), v = c(!1), s = c(), D = c(!1), h = c(), g = c(20), a = c([]), B = oe(e, n), u = ie(e), w = ae(e), o = le(e, /* @__PURE__ */ new Map(), B, w, u), r = se(e, o, u, a, n), d = re(e, a, o, u, r, n), R = V(() => Ue({
+    var _;
+    const d = ((_ = e.rowOption) == null ? void 0 : _.height) || 28, s = r(), V = r(!1), C = r(), h = r(20), a = r([]), p = ne(e, n), f = ie(e), g = oe(e), i = ae(e, /* @__PURE__ */ new Map(), p, g, f), l = le(e, i, f, a, n), m = se(e, a, i, f, l, n), T = S(() => Ye({
       // 'fv-tree': true
       "fv-grid": !0,
       "fv-tree-view": !0
-    }, e.customClass)), x = V(() => ({
+    }, e.customClass)), M = S(() => ({
       // 'fv-tree-content': true
       "fv-grid-content": !0,
-      "fv-grid-content-hover": D.value
+      "fv-grid-content-hover": V.value
     })), {
-      containerStyleObject: P
-    } = ce(e), T = c(e.columns), M = ue(e, n), {
+      containerStyleObject: O
+    } = re(e), N = r(e.columns), j = ce(e, n), {
       columnContext: b
-    } = M, z = nt(e, b), y = 0, p = V(() => e.virtualized ? Math.min(o.dataView.value.length, g.value) : o.dataView.value.length), I = V(() => !a.value || !a.value.length), C = de(e, n, r, u), N = fe(e, n, u, C, a), O = me(e, o, l), E = ve(e, {}, O), W = ye(e, o, N, w, u, O, E, l), F = pe(e, T, o, p, y, W), {
-      getVisualData: j
-    } = F, L = Ce(e, b, l, v), f = he(e, o, a, b, F, p, y, c(0), l, v), Y = ot(e, r), {
-      onWheel: U,
-      dataGridWidth: G,
-      viewPortHeight: $,
-      viewPortWidth: A,
-      resetScroll: k,
-      updateVisibleRowsOnLatestVisibleScope: be
-    } = f, {
-      renderVerticalScrollbar: Ie
-    } = it(e, s, f), {
-      renderHorizontalScrollbar: Se
-    } = at(e, s, f), {
-      renderDataGridSidebar: Ve
-    } = lt(e, C, r, Y, f), De = st(e, b, s, A, z), {
-      calculateColumnsSize: X
-    } = De;
-    function Re() {
-      return e.header === "ContentHeader", te;
+    } = j, x = tt(e, b), v = 0, c = S(() => e.virtualized ? Math.min(i.dataView.value.length, h.value) : i.dataView.value.length), F = S(() => !a.value || !a.value.length), w = ue(e, n, l, f), H = de(e, n, f, w, a), B = fe(e), E = me(e, {}, B), z = ve(e, i, H, g, f, B, E), A = ye(e, N, i, c, v, z), {
+      getVisualData: D
+    } = A, P = pe(e, b), y = Ce(e, i, a, b, A, c, v, r(0)), $ = nt(e, l), {
+      onWheel: q,
+      dataGridWidth: W,
+      viewPortHeight: k,
+      viewPortWidth: J,
+      resetScroll: K,
+      updateVisibleRowsOnLatestVisibleScope: we
+    } = y, {
+      renderVerticalScrollbar: be
+    } = it(e, s, y), {
+      renderHorizontalScrollbar: Ie
+    } = ot(e, s, y), {
+      renderDataGridSidebar: Se
+    } = at(e, w, l, $, y), Ve = lt(e, b, s, J, x), {
+      calculateColumnsSize: Q
+    } = Ve;
+    function De() {
+      return e.header === "ContentHeader", ee;
     }
-    const Oe = Re(), {
-      renderHeader: Fe
-    } = Oe(e, n), {
+    const Re = De(), {
+      renderHeader: Oe
+    } = Re(e, n), {
       renderTreeArea: je
-    } = we(e, n, a, L, M, o, N, w, C, r, d, f, F, O, h, l, v);
-    function J() {
-      const t = r.getSelectionRow();
+    } = ge(e, n, a, P, j, i, H, g, w, l, m, y, A, B, C);
+    function L() {
+      const t = l.getSelectionRow();
       return t ? t.dataIndex - 1 : -1;
     }
-    function He() {
-      var i, m;
-      const t = Math.ceil(s.value.clientHeight / l.value);
-      t > g.value && (g.value = t, be()), $.value = ((i = h.value) == null ? void 0 : i.clientHeight) || 0, G.value = ((m = s.value) == null ? void 0 : m.clientWidth) || 0, X();
+    function Fe() {
+      var o, u;
+      const t = Math.ceil(s.value.clientHeight / d);
+      t > h.value && (h.value = t, we()), k.value = ((o = C.value) == null ? void 0 : o.clientHeight) || 0, W.value = ((u = s.value) == null ? void 0 : u.clientWidth) || 0, Q();
     }
     const {
-      renderEmpty: Be
-    } = rt(e, n);
-    Ke(() => {
-      s.value && (g.value = Math.max(Math.ceil(s.value.clientHeight / l.value), g.value), a.value = j(0, p.value + y - 1), Ze(s.value, He), X(), Qe(() => {
-        s.value && (G.value = s.value.clientWidth), h.value && (A.value = h.value.clientWidth, $.value = h.value.clientHeight);
+      renderEmpty: He
+    } = st(e, n);
+    Je(() => {
+      s.value && (h.value = Math.max(Math.ceil(s.value.clientHeight / d), h.value), a.value = D(0, c.value + v - 1), Xe(s.value, Fe), Q(), Ke(() => {
+        s.value && (W.value = s.value.clientWidth), C.value && (J.value = C.value.clientWidth, k.value = C.value.clientHeight);
       }));
     });
+    function Be() {
+      const t = L();
+      i.insertNewDataItem(t), a.value = D(0, c.value + v - 1);
+    }
     function Te() {
-      const t = J();
-      o.insertNewDataItem(t), a.value = j(0, p.value + y - 1);
+      const t = L();
+      i.insertNewChildDataItem(t), a.value = D(0, c.value + v - 1);
     }
     function Me() {
-      const t = J();
-      o.insertNewChildDataItem(t), a.value = j(0, p.value + y - 1);
-    }
-    function Ne() {
-      const t = J(), i = d.getNextSelectableHierarchyItemId(t);
-      o.removeHierarchyDataItem(t), a.value = j(0, p.value + y - 1), i && d.selectItemById(i);
+      const t = L(), o = m.getNextSelectableHierarchyItemId(t);
+      i.removeHierarchyDataItem(t), a.value = D(0, c.value + v - 1), o && m.selectItemById(o);
     }
-    function xe(t, i) {
-      o.editDataItem(t, i), a.value = j(0, p.value + y - 1);
+    function Ne(t, o) {
+      i.editDataItem(t, o), a.value = D(0, c.value + v - 1);
     }
-    function Pe() {
+    function xe() {
     }
     function ze() {
     }
     function Ae(t) {
-      return Object.prototype.hasOwnProperty.call(t, "raw") ? o.hasRealChildren(t.raw) : o.hasRealChildren(t);
+      return Object.prototype.hasOwnProperty.call(t, "raw") ? i.hasRealChildren(t.raw) : i.hasRealChildren(t);
     }
-    function ke(t, i) {
-      const m = a.value.find((K) => K.raw[u.idField.value] === i), S = m ? m.dataIndex - 1 : -1;
-      o.insertNewChildDataItems(t, S);
+    function Pe(t, o) {
+      const u = a.value.find((Y) => Y.raw[f.idField.value] === o), I = u ? u.dataIndex - 1 : -1;
+      i.insertNewChildDataItems(t, I);
     }
-    function Z(t) {
+    function X(t) {
       if (t > -1) {
-        const i = a.value[t];
-        i && r.selectItem(i);
+        const o = a.value[t];
+        o && l.selectItem(o);
       }
     }
-    function Ee(t, i) {
+    function ke(t, o) {
       if (t) {
-        const m = r.getSelectionRow();
-        if (o.load(t), o.reOrderVisibleIndex(), i != null && i.keepScrollPosition) {
-          const S = f.offsetY.value;
-          k(), f.scrollTo(S);
+        const u = l.getSelectionRow();
+        if (i.load(t), i.reOrderVisibleIndex(), o != null && o.keepScrollPosition) {
+          const I = y.offsetY.value;
+          K(), y.scrollTo(I);
         } else
-          k();
-        if (m && m.raw && m.raw.originalId) {
-          const S = t.findIndex((K) => K.originalId === m.raw.originalId);
-          S > -1 && Z(S);
+          K();
+        if (u && u.raw && u.raw.originalId) {
+          const I = t.findIndex((Y) => Y.originalId === u.raw.originalId);
+          I > -1 && X(I);
         }
       }
     }
-    function We() {
-      r.clearSelection();
+    function Ee() {
+      l.clearSelection();
     }
-    function Ge(t) {
-      d.selectItemByIds(t);
+    function We(t) {
+      m.selectItemByIds(t);
     }
-    function _(t) {
-      C.activeRowById(t);
+    function Z(t) {
+      w.activeRowById(t);
     }
-    function $e(t, i = {
+    function Ge(t, o = {
       isCurrent: !0
     }) {
-      i != null && i.isCurrent && _(t), d.selectItemById(t);
+      o != null && o.isCurrent && Z(t), m.selectItemById(t);
     }
-    function qe(t) {
-      const i = u.idField.value, m = a.value.find((S) => S.raw[i] === t);
-      m && C.changeRow(m);
+    function $e(t) {
+      const o = f.idField.value, u = a.value.find((I) => I.raw[o] === t);
+      u && w.changeRow(u);
     }
-    function Le() {
-      r.emptyCurrentRowId();
+    function qe() {
+      l.emptyCurrentRowId();
     }
     n.expose({
-      addNewDataItem: Te,
-      addNewChildDataItem: Me,
-      removeDataItem: Ne,
-      editDataItem: xe,
-      acceptDataItem: Pe,
+      addNewDataItem: Be,
+      addNewChildDataItem: Te,
+      removeDataItem: Me,
+      editDataItem: Ne,
+      acceptDataItem: xe,
       cancelDataItem: ze,
-      selectItem: Z,
-      updateDataSource: Ee,
-      clearSelection: We,
-      selectItemById: $e,
-      activeRowById: _,
+      selectItem: X,
+      updateDataSource: ke,
+      clearSelection: Ee,
+      selectItemById: Ge,
+      activeRowById: Z,
       hasChildren: Ae,
-      addChildrenToNode: ke,
-      selectRowById: qe,
-      selectItemByIds: Ge,
-      emptyCurrentRowId: Le
+      addChildrenToNode: Pe,
+      selectRowById: $e,
+      selectItemByIds: We,
+      emptyCurrentRowId: qe
     });
-    const Ye = V(() => {
+    const Le = S(() => {
       const t = {};
-      return f.shouldShowHorizontalScrollbar.value && (t.paddingBottom = "10px"), f.shouldShowVirticalScrollbar.value && (t.paddingRight = "10px"), t;
+      return y.shouldShowHorizontalScrollbar.value && (t.paddingBottom = "10px"), y.shouldShowVirticalScrollbar.value && (t.paddingRight = "10px"), t;
     });
-    return () => H("div", {
-      class: R.value,
-      style: P.value,
-      onWheel: U
-    }, [Fe(), H("div", {
+    return () => R("div", {
+      class: T.value,
+      style: O.value,
+      onWheel: q
+    }, [Oe(), R("div", {
       ref: s,
-      class: x.value,
+      class: M.value,
       onMouseover: () => {
-        D.value = !0;
+        V.value = !0;
       },
       onMouseleave: () => {
-        D.value = !1;
+        V.value = !1;
       },
-      style: Ye.value
-    }, [s.value && Ve(a), je(), s.value && I.value && Be(), s.value && Se(), s.value && Ie()])]);
+      style: Le.value
+    }, [s.value && Se(a), je(), s.value && F.value && He(), s.value && Ie(), s.value && be()])]);
   }
-}), Dt = /* @__PURE__ */ ne({
+}), Vt = /* @__PURE__ */ te({
   name: "FTreeViewDesign",
-  props: Q,
+  props: U,
   emits: ["outputValue", "currentEvent", "selectionChange"],
   setup(e, n) {
-    var A;
-    const l = c(!1), v = c(((A = e.rowOption) == null ? void 0 : A.height) || 28), s = c(), D = Xe("design-item-context"), h = ct(s, D), g = c();
-    c(e.idField);
-    const a = c(), B = c(!1), u = c([]), w = oe(e, n), o = ae(e), r = ie(e), d = le(e, /* @__PURE__ */ new Map(), w, o, r), R = se(e, d, r, u, n), x = re(e, u, d, r, R, n), P = V(() => ({
+    const d = r(), s = Qe("design-item-context"), V = rt(d, s), C = r();
+    r(e.idField);
+    const h = r(), a = r(!1), p = r([]), f = ne(e, n), g = oe(e), i = ie(e), l = ae(e, /* @__PURE__ */ new Map(), f, g, i), m = le(e, l, i, p, n), T = se(e, p, l, i, m, n), M = S(() => ({
       "fv-tree": !0
-    })), T = V(() => ({
+    })), O = S(() => ({
       "fv-tree-content": !0
     })), {
-      containerStyleObject: M
-    } = ce(e);
-    function b(k) {
+      containerStyleObject: N
+    } = re(e);
+    function j(k) {
     }
-    function z() {
+    function b() {
       return [];
     }
-    function y() {
+    function x() {
       return [];
     }
-    const p = c(e.columns), I = ue(e, n), {
-      columnContext: C
-    } = I, N = 0, O = V(() => d.dataView.value.length), E = de(e, n, R, r), W = fe(e, n, r, E, u), F = me(e, d, v), j = ve(e, {}, F), L = ye(e, d, W, o, r, F, j, v), f = pe(e, p, d, O, N, L), {
-      getVisualData: Y
-    } = f, U = Ce(e, C, v, l);
-    u.value = Y(0, O.value + N - 1);
-    const G = he(e, d, u, C, f, O, N, c(0), v, l), {
-      renderTreeArea: $
-    } = we(e, n, u, U, I, d, W, o, E, R, x, G, f, F, g, v, l);
-    return n.expose(h.value), () => H("div", {
-      class: P.value,
-      style: M.value,
-      onWheel: b
-    }, [H("div", {
-      ref: a,
-      class: T.value,
+    const v = r(e.columns), c = ce(e, n), {
+      columnContext: F
+    } = c, w = 0, H = S(() => l.dataView.value.length), B = ue(e, n, m, i), E = de(e, n, i, B, p), z = fe(e), A = me(e, {}, z), D = ve(e, l, E, g, i, z, A), P = ye(e, v, l, H, w, D), {
+      getVisualData: y
+    } = P, $ = pe(e, F);
+    p.value = y(0, H.value + w - 1);
+    const q = Ce(e, l, p, F, P, H, w, r(0)), {
+      renderTreeArea: W
+    } = ge(e, n, p, $, c, l, E, g, B, m, T, q, P, z, C);
+    return n.expose(V.value), () => R("div", {
+      class: M.value,
+      style: N.value,
+      onWheel: j
+    }, [R("div", {
+      ref: h,
+      class: O.value,
       onMouseover: () => {
-        B.value = !0;
+        a.value = !0;
       },
       onMouseleave: () => {
-        B.value = !1;
+        a.value = !1;
       }
-    }, [$(), z(), y()])]);
+    }, [W(), b(), x()])]);
   }
 });
-q.register = (e, n, l) => {
-  e["tree-view"] = q, n["tree-view"] = ge;
+G.register = (e, n, d) => {
+  e["tree-view"] = G, n["tree-view"] = he;
 };
-q.registerDesigner = (e, n, l) => {
-  e["tree-view"] = Dt, n["tree-view"] = ge;
+G.registerDesigner = (e, n, d) => {
+  e["tree-view"] = Vt, n["tree-view"] = he;
 };
-const Mt = Je(q);
+const Tt = Ue(G);
 export {
-  q as FTreeView,
-  Tt as columnOptions,
-  Mt as default,
-  ge as propsResolver,
-  Q as treeViewProps
+  G as FTreeView,
+  Bt as columnOptions,
+  Tt as default,
+  he as propsResolver,
+  U as treeViewProps
 };