@farris/ui-vue 1.7.0-beta.4 → 1.7.0

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

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

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

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