@farris/ui-vue 1.7.3 → 1.7.4

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

@@ -1 +1 @@
-(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"}})});
+(function(r,N){typeof exports=="object"&&typeof module<"u"?N(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"],N):(r=typeof globalThis<"u"?globalThis:r||self,N(r["tree-grid"]={},r.common,r.Vue,r.VueUseCore,r.LodashES,r.locale,r.dataView))})(this,function(r,N,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}},xe={wrapHeadings:{type:Boolean,default:!1}},Ne={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:s}=o.getHierarchyRow(n,y,C,U,O,A,i,B,L,T,u,D,Q),G=[s];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,s=o.useSelection(n,a,h,u,y),{showSelection:G,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: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,s,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,s),{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 N.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,s,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,s,ue,le,g,K,u),{renderDataGridSidebar:et}=o.getSidebar(n,H,s,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,d;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=((d=i.value)==null?void 0:d.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=s.getSelectionRow();return e?e.dataIndex-1:-1}function ut(){const e=se();a.insertNewDataItem(e),u.value=J(0,w.value+0-1)}function rt(){const e=se();a.insertNewChildDataItem(e),u.value=J(0,w.value+0-1)}function st(e,t){const d=u.value.find(v=>v.raw[O.value]===t),f=d?d.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(d=>d.raw[h.idField.value]===e);t&&H.clickRowItem(t)}function ht(e){b.selectItemByIds(e)}function pt(){return s.getSelectedItems()}function Se(){s.clearSelection()}function Ct(){s.emptyCurrentRowId()}const St=l.computed(()=>!u.value||!u.value.length),{renderEmpty:bt}=o.getEmpty(n,y);function wt(){return s.getSelectionRow()}function It(e,t={clearCurrent:!0}){t!=null&&t.clearCurrent&&ce(""),b.unSelectItemByIds(e)}function Ot(){return s.currentSelectedDataId.value}function Bt(e,t,d){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])}),d){const{collapseField:c,disabledField:R,checkedField:j,visibleField:x}=d;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]),x&&!S.isUndefined(t[x])&&(f.__fv_visible__=t[x])}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)}),d){const{collapseField:c,disabledField:R,checkedField:j,visibleField:x}=d;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]),x&&!S.isUndefined(t[x])&&(v.visible=t[x])}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(d=>d[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 xt(e){const t=h.idField.value,d=u.value.find(f=>f.raw[t]===e);d&&H.changeRow(d)}function Nt(){s.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:xt,updateDerivedData:Nt,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,s),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=N.withInstall(me);r.FTreeGrid=me,r.columnOptions=He,r.default=ke,r.editOptions=Pe,r.filterOptions=je,r.groupOptions=Re,r.headerOptions=xe,r.loadingOptions=Te,r.paginationOptions=De,r.rowOptions=Ne,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,8 +1,121 @@
-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 = {
+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 ut(e, n, d) {
+  return n;
+}
+const dt = "tree-view", ft = "A Farris Component", mt = "object", vt = {
+  basic: {
+    description: "Basic Infomation",
+    title: "基本信息",
+    properties: {
+      id: {
+        description: "组件标识",
+        title: "标识",
+        type: "string",
+        readonly: !0
+      },
+      type: {
+        description: "组件类型",
+        title: "控件类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  }
+}, 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"
+  },
+  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"
+  }
+}, It = [
+  "id",
+  "type"
+], St = {
+  $schema: pt,
+  $id: Ct,
+  title: ht,
+  description: gt,
+  type: wt,
+  properties: bt,
+  required: It
+}, Bt = {
   /** 自动列宽。设为true后，所有列将填满表格并不会出现横向滚动条。 */
   fitColumns: { type: Boolean, default: !1 },
   /** 自动适配列宽度模式 */
@@ -14,7 +127,7 @@ const rt = {
   resizeColumn: { type: Boolean, default: !0 },
   /** 双击表头列自适应内容宽度 */
   resizeColumnOnDoubleClick: { type: Boolean, default: !0 }
-}, tt = {
+}, U = {
   /** 自定义样式 */
   customClass: { type: String, default: "" },
   /** 列集合 */
@@ -120,217 +233,271 @@ const rt = {
   autoHeight: { type: Boolean, default: !1 },
   /** async loading data */
   loadData: { type: Function }
-};
-function at(t, o, v, i, I, y, h, n, B, c, S, l, r, C, H) {
+}, 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: F
-  } = i, {
-    columnContext: V
-  } = I, {
+    calculateCellPositionInRow: M
+  } = s, {
+    columnContext: O
+  } = V, {
     gridDataStyle: N
-  } = 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));
+  } = 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 j() {
+  function x() {
     return (
       // <div class="fv-tree-data" style={gridDataStyle.value}>
       R("div", {
-        ref: H,
+        ref: T,
         class: "fv-grid-content-primary"
       }, [R("div", {
         class: "fv-grid-data",
         style: N.value
-      }, [g()])])
+      }, [b()])])
     );
   }
   return {
-    renderTreeArea: j
+    renderTreeArea: x
   };
 }
-function J(t, o) {
-  function v() {
-    return o.slots.header && R("div", {
+function ee(e, n) {
+  function d() {
+    return n.slots.header && R("div", {
       class: "f-tree-view-header"
-    }, [o.slots.header()]);
+    }, [n.slots.header()]);
   }
   return {
-    renderHeader: v
+    renderHeader: d
   };
 }
-const lt = /* @__PURE__ */ Oe({
+const G = /* @__PURE__ */ te({
   name: "FTreeView",
-  props: tt,
+  props: U,
   emits: ["outputValue", "currentEvent", "clickRow", "selectItem", "unSelectItem", "selectionChange", "expandNode", "dblclickNode", "clickRow", "selectionUpdate"],
-  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({
+  setup(e, n) {
+    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
-    }, t.customClass)), F = D(() => ({
+    }, e.customClass)), M = S(() => ({
       // 'fv-tree-content': true
       "fv-grid-content": !0,
-      "fv-grid-content-hover": I.value
+      "fv-grid-content-hover": V.value
     })), {
-      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;
+      containerStyleObject: O
+    } = re(e), N = r(e.columns), j = ce(e, n), {
+      columnContext: b
+    } = 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 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;
+    const Re = De(), {
+      renderHeader: Oe
+    } = Re(e, n), {
+      renderTreeArea: je
+    } = 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 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();
+    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: 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);
+      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 ce() {
-      const e = M();
-      l.insertNewDataItem(e), n.value = p(0, s.value + d - 1);
+    function Be() {
+      const t = L();
+      i.insertNewDataItem(t), a.value = D(0, c.value + v - 1);
     }
-    function de() {
-      const e = M();
-      l.insertNewChildDataItem(e), n.value = p(0, s.value + d - 1);
+    function Te() {
+      const t = L();
+      i.insertNewChildDataItem(t), a.value = D(0, c.value + v - 1);
     }
-    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() {
+      const t = L(), o = m.getNextSelectableHierarchyItemId(t);
+      i.removeHierarchyDataItem(t), a.value = D(0, c.value + v - 1), o && m.selectItemById(o);
     }
-    function me(e, a) {
-      l.editDataItem(e, a), n.value = p(0, s.value + d - 1);
+    function Ne(t, o) {
+      i.editDataItem(t, o), a.value = D(0, c.value + v - 1);
     }
-    function ve() {
+    function xe() {
     }
-    function ye() {
+    function ze() {
     }
-    function he(e) {
-      return Object.prototype.hasOwnProperty.call(e, "raw") ? l.hasRealChildren(e.raw) : l.hasRealChildren(e);
+    function Ae(t) {
+      return Object.prototype.hasOwnProperty.call(t, "raw") ? i.hasRealChildren(t.raw) : i.hasRealChildren(t);
     }
-    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 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 L(e) {
-      if (e > -1) {
-        const a = n.value[e];
-        a && r.selectItem(a);
+    function X(t) {
+      if (t > -1) {
+        const o = a.value[t];
+        o && l.selectItem(o);
       }
     }
-    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);
+    function ke(t, o) {
+      if (t) {
+        const u = l.getSelectionRow();
+        if (i.load(t), i.reOrderVisibleIndex(), o != null && o.keepScrollPosition) {
+          const I = y.offsetY.value;
+          K(), y.scrollTo(I);
         } else
-          G();
+          K();
         if (u && u.raw && u.raw.originalId) {
-          const m = e.findIndex((k) => k.originalId === u.raw.originalId);
-          m > -1 && L(m);
+          const I = t.findIndex((Y) => Y.originalId === u.raw.originalId);
+          I > -1 && X(I);
         }
       }
     }
-    function ge() {
-      r.clearSelection();
+    function Ee() {
+      l.clearSelection();
     }
-    function Ie(e) {
-      C.selectItemByIds(e);
+    function We(t) {
+      m.selectItemByIds(t);
     }
-    function Y(e) {
-      b.activeRowById(e);
+    function Z(t) {
+      w.activeRowById(t);
     }
-    function Se(e, a = {
+    function Ge(t, o = {
       isCurrent: !0
     }) {
-      a != null && a.isCurrent && Y(e), C.selectItemById(e);
+      o != null && o.isCurrent && Z(t), m.selectItemById(t);
     }
-    function be(e) {
-      const a = c.idField.value, u = n.value.find((m) => m.raw[a] === e);
-      u && b.changeRow(u);
+    function $e(t) {
+      const o = f.idField.value, u = a.value.find((I) => I.raw[o] === t);
+      u && w.changeRow(u);
     }
-    function pe() {
-      r.emptyCurrentRowId();
+    function qe() {
+      l.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
+    n.expose({
+      addNewDataItem: Be,
+      addNewChildDataItem: Te,
+      removeDataItem: Me,
+      editDataItem: Ne,
+      acceptDataItem: xe,
+      cancelDataItem: ze,
+      selectItem: X,
+      updateDataSource: ke,
+      clearSelection: Ee,
+      selectItemById: Ge,
+      activeRowById: Z,
+      hasChildren: Ae,
+      addChildrenToNode: Pe,
+      selectRowById: $e,
+      selectItemByIds: We,
+      emptyCurrentRowId: qe
     });
-    const De = D(() => {
-      const e = {};
-      return f.shouldShowHorizontalScrollbar.value && (e.paddingBottom = "10px"), f.shouldShowVirticalScrollbar.value && (e.paddingRight = "10px"), e;
+    const Le = S(() => {
+      const t = {};
+      return y.shouldShowHorizontalScrollbar.value && (t.paddingBottom = "10px"), y.shouldShowVirticalScrollbar.value && (t.paddingRight = "10px"), t;
     });
     return () => R("div", {
-      class: H.value,
-      style: V.value,
-      onWheel: _
-    }, [oe(), R("div", {
-      ref: i,
-      class: F.value,
+      class: T.value,
+      style: O.value,
+      onWheel: q
+    }, [Oe(), R("div", {
+      ref: s,
+      class: M.value,
       onMouseover: () => {
-        I.value = !0;
+        V.value = !0;
       },
       onMouseleave: () => {
-        I.value = !1;
+        V.value = !1;
       },
-      style: De.value
-    }, [i.value && ae(n), ue(), i.value && T.value && se(), i.value && te(), i.value && ee()])]);
+      style: Le.value
+    }, [s.value && Se(a), je(), s.value && F.value && He(), s.value && Ie(), s.value && be()])]);
   }
-}), st = Ve(lt);
+}), Vt = /* @__PURE__ */ te({
+  name: "FTreeViewDesign",
+  props: U,
+  emits: ["outputValue", "currentEvent", "selectionChange"],
+  setup(e, n) {
+    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
+    })), O = S(() => ({
+      "fv-tree-content": !0
+    })), {
+      containerStyleObject: N
+    } = re(e);
+    function j(k) {
+    }
+    function b() {
+      return [];
+    }
+    function x() {
+      return [];
+    }
+    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: () => {
+        a.value = !0;
+      },
+      onMouseleave: () => {
+        a.value = !1;
+      }
+    }, [W(), b(), x()])]);
+  }
+});
+G.register = (e, n, d) => {
+  e["tree-view"] = G, n["tree-view"] = he;
+};
+G.registerDesigner = (e, n, d) => {
+  e["tree-view"] = Vt, n["tree-view"] = he;
+};
+const Tt = Ue(G);
 export {
-  lt as FTreeView,
-  rt as columnOptions,
-  st as default,
-  tt as treeViewProps
+  G as FTreeView,
+  Bt as columnOptions,
+  Tt as default,
+  he as propsResolver,
+  U as treeViewProps
 };