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

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

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