@farris/ui-vue 1.5.7 → 1.5.8

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

@@ -0,0 +1 @@
+(function(d,ee){typeof exports=="object"&&typeof module<"u"?ee(exports,require("../../components/common/index.umd.js"),require("vue"),require("@vueuse/core"),require("lodash-es"),require("../../components/dynamic-resolver/index.umd.js"),require("../../components/data-view/index.umd.js"),require("../data-grid/index.umd.js"),require("../../components/designer-canvas/index.umd.js"),require("../../components/property-panel/index.umd.js"),require("../data-view/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/common/index.umd.js","vue","@vueuse/core","lodash-es","../../components/dynamic-resolver/index.umd.js","../../components/data-view/index.umd.js","../data-grid/index.umd.js","../../components/designer-canvas/index.umd.js","../../components/property-panel/index.umd.js","../data-view/index.umd.js"],ee):(d=typeof globalThis<"u"?globalThis:d||self,ee(d["tree-grid"]={},d.common,d.Vue,d.VueUseCore,d.LodashES,d.dynamicResolver,d.dataView,d.designer$2,d.designerCanvas,d.propertyPanel,d.designer$1))})(this,function(d,ee,o,Re,H,V,i,ze,We,Ae,he){"use strict";const Be=new Map([["appearance",V.resolveAppearance],["column","columnOption"]]);function Ee(e,t,p){var w;const l=p.parentComponentInstance,c=l.schema.type,f=String(((w=l.schema.appearance)==null?void 0:w.class)||"").split(" "),u=c==="section"||c==="tab-page",m=f.includes("f-page-content-nav"),r=f.includes("f-page-main"),a=e.getSchemaByType("component");a.id=`${t.id}-component`,a.componentType="data-grid";let b="";return b+=u?"f-struct-data-grid-in-card f-struct-is-subgrid":"",b+=m?"f-struct-data-grid-in-nav f-struct-wrapper f-utils-fill-flex-column":"",b+=r?"f-struct-data-grid f-struct-wrapper":"",a.appearance={class:b},a.contents=[t],a}function _e(e,t,p){const l=p.parentComponentInstance,c=String(l.schema.appearance.class||"").split(" "),f=c.includes("f-page-content-nav"),u=c.includes("f-page-main"),m=e.getSchemaByType("section");m.id=`${t.id}-section`;let r="";return r+=f?"f-section-in-nav ":"",r+=u?"f-section-in-managelist ":"",r+="f-section-grid",m.appearance={class:r},m.contents=[t],m}function Ue(e,t,p){const l=e.getSchemaByType("content-container");return l.id=`${t.id}-layout`,l.appearance={class:"f-grid-is-sub f-utils-flex-column"},l.contents=[t],l}function Oe(e,t,p){const c=p.parentComponentInstance.schema.type,f=c==="section"||c==="tab-page";t.appearance={class:"f-component-grid"};const m=(f?Ue:_e)(e,t,p);return Ee(e,m,p)}const je={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/tree-grid.schema.json",title:"tree-grid",description:"A Farris Data Grid Component",type:"object",properties:{id:{description:"The unique identifier for a Input Group",type:"string"},type:{description:"The type string of Input Group component",type:"string",default:"tree-grid"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},fit:{type:"boolean",default:!1},showStripe:{type:"boolean",default:!0},showBorder:{type:"boolean",default:!1},showTreeNodeIcons:{type:"boolean",default:!1},showSetting:{type:"boolean",default:!1},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},dataSource:{description:"",type:"string",default:""},columns:{description:"",type:"array",default:[]},identifyField:{description:"",type:"string"},editable:{description:"",type:"boolean",default:!1},disabled:{description:"",type:"boolean",default:!1},visible:{description:"",type:"boolean",default:!0},cell:{type:"object",properties:{highlightFocusingCell:{description:"",type:"boolean",default:!1},mergeCell:{description:"",type:"boolean",default:!1},showEditableIcon:{description:"",type:"boolean",default:!1}}},column:{type:"object",properties:{fitColumns:{description:"",type:"boolean",default:!1},fitMode:{description:"",type:"string",default:"average"},groups:{description:"",type:"array",default:[]},reorderColumn:{description:"Enable to drag column to reorder",type:"boolean",default:!1},resizeColumn:{type:"boolean",default:!0},resizeColumnOnDoubleClick:{description:"",type:"boolean",default:!0}}},command:{type:"object",properties:{enable:{description:"",type:"boolean",default:!1},commands:{type:"array",default:[]},commandColumnWidth:{description:"",type:"number",default:120},onClickDeleteCommand:{description:"",type:"string",default:""},onClickEditCommand:{description:"",type:"string",default:""}}},contextMenu:{description:"",type:"object",properties:{enable:{description:"",type:"boolean",default:!1}}},customizaiton:{type:"object",properties:{enableScheme:{description:"",type:"boolean",default:!1},enableSetting:{description:"",type:"boolean",default:!1}}},edit:{type:"obejct",properties:{mode:{description:"",type:"string",default:"cell",enum:["cell","row","card"]},selectOnEditing:{description:"",type:"boolean",default:!1},onAppendRow:{description:"",type:"string",default:""},onBeforeEdit:{description:"",type:"string",default:""}}},filter:{type:"object",properties:{enable:{description:"",type:"boolean",default:!1},filterStyle:{description:"",type:"string",default:"filter-column",enum:["filter-column","filter-row"]},mode:{description:"",type:"string",default:"server",enum:["client","server"]},showSummary:{description:"",type:"boolean",default:!0},onFilterChange:{description:"",type:"string",default:""}}},footer:{type:"object",properties:{enable:{description:"",type:"boolean",default:!1},customFooterStyle:{description:"",type:"object"},footerDataCommand:{description:"",type:"string",default:""},footerDataFrom:{description:"",type:"string",default:"client"},footerHeight:{description:"",type:"number",default:29},footerPosition:{description:"",type:"string",default:"bottom"},footerTemplate:{description:"",type:"string",default:""}}},group:{description:"",type:"object",properties:{enable:{description:"",type:"boolean",default:!1},customGroupRow:{description:"",type:"object"},customGroupRowStyle:{description:"",type:"obejct"},customSummaryStyle:{description:"",type:"obejct"},groupColSpan:{description:"",type:"number",default:1},groupFields:{description:"",type:"array",default:[]},showGroupedColumn:{description:"",type:"boolean",default:!0},showGroupPanel:{description:"",type:"boolean",default:!1},showSummary:{description:"",type:"boolean",default:!1},summaryPosition:{description:"",type:"string",default:"separate",enum:["separate","merge-to-group"]},disableGroupOnEditing:{description:"",type:"boolean",default:!0},expandGroupRows:{description:"",type:"boolean",default:!0}}},header:{type:"object",properties:{wrapHeadings:{description:"",type:"boolean",default:!1}}},pagination:{type:"object",properties:{enable:{description:"",type:"boolean",default:!1},disablePagination:{description:"",type:"string",default:""},contentTemplate:{description:"",type:"string",default:""},index:{description:"",type:"number",default:1},mode:{description:"",type:"string",default:"server",enum:["server","client"]},showGoto:{description:"",type:"boolean",default:!1},showIndex:{description:"",type:"boolean",default:!0},showLimits:{description:"",type:"boolean",default:!1},showPageInfo:{description:"",type:"boolean",default:!0},size:{description:"",type:"number",default:20},sizeLimits:{description:"",type:"array",default:[10,20,30,50,100]},onPageChange:{description:"",type:"string",default:""},onPageSizeChange:{description:"",type:"string",default:""}}},row:{type:"object",properties:{customRowStyle:{description:"",type:"object"},disable:{description:"",type:"obejct"},height:{description:"",type:"number",default:30},showHovering:{type:"boolean",default:!0},wrapContent:{type:"boolean",default:!1}}},rowNumber:{description:"",type:"object",properties:{enable:{description:"",type:"boolean",default:!1},heading:{description:"",type:"string",default:"序号"},width:{description:"",type:"number",default:36},onClickRow:{description:"",type:"string",default:""},onDoubleClickRow:{description:"",type:"string",default:""}}},selection:{type:"object",properties:{enableSelectRow:{description:"允许选中行",type:"boolean",default:!0},enable:{description:"",type:"boolean",default:!0},checkOnSelect:{description:"",type:"boolean",default:!1},clearSelectionOnEmpty:{description:"",type:"boolean",default:!0},customSelectionItem:{description:"",type:"object"},focusSelection:{description:"",type:"string",default:"current",enum:["current","all"]},keepSelectingOnClick:{description:"",type:"boolean",default:!0},keepSelectingOnPaging:{description:"",type:"boolean",default:!0},multiSelect:{description:"",type:"boolean",default:!1},selectionMode:{description:"",type:"string",default:"default"},selectOnCheck:{description:"",type:"boolean",default:!1},selectOnEditing:{description:"",type:"boolean",default:!1},showCheckbox:{description:"",type:"boolean",default:!1},showCheckAll:{description:"",type:"boolean",default:!1},showSelection:{description:"",type:"boolean",default:!1},onBeforeSelect:{description:"",type:"string",default:""},onBeforeUnCheck:{description:"",type:"",default:""},onBeforeUnSelect:{description:"",type:"string",default:""},onCheckAll:{description:"",type:"string",default:""},onChecked:{description:"",type:"string",default:""},onSelectionChange:{description:"",type:"string",default:""},onUnCheckAll:{description:"",type:"string",default:""},onUnChecked:{description:"",type:"string",default:""},onCheckedChange:{description:"",type:"string"}}},sort:{type:"object",properties:{enable:{description:"",type:"boolean",default:!1},fields:{description:"",type:"array",default:[]},mode:{description:"",type:"string",default:"client",enum:["client","server"]},multiSort:{description:"",type:"boolean",default:!1}}},summary:{description:"",type:"object",properties:{enable:{description:"",type:"boolean",default:!1},customSummaryStyle:{description:"",type:"object"},groupFields:{description:"",type:"array",default:[]},mode:{description:"",type:"string",default:"client",enum:["client","server"]},position:{description:"",type:"boolean",default:"bottom",enum:["bottom","top","both"]}}},toolbar:{description:"",type:"object",properties:{enable:{description:"",type:"boolean",default:!1}}},visualization:{autoHeight:{description:"",type:"boolean",default:!1},emptyDataHeight:{description:"",type:"number",default:36},emptyTemplate:{description:"",type:"string",default:""},maxHeight:{description:"",type:"number",default:300},scrollBarShowMode:{description:"",type:"string",default:"auto"},showBorder:{description:"",type:"boolean",default:!1},showScrollArrow:{description:"",type:"boolean",default:!1},striped:{description:"",type:"boolean",default:!0},useBlankWhenDataIsEmpty:{description:"",type:"boolean",default:!1}},onSelectionChange:{description:"行切换事件",type:"string",default:""}},required:["id","type","columns"],events:{onSelectionChange:"行切换事件",onClickRow:"行点击事件"}},Le={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}},qe={enable:{type:Boolean,default:!1},fields:{type:Array,default:[]},mode:{type:String,default:"client"},multiSort:{type:Boolean,default:!1}},$e={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"}},Ve={enable:{type:Boolean,default:!1},filterStyle:{type:String,default:"filter-column"},mode:{type:String,default:"server"},showSummary:{type:Boolean,default:!0}},Ye={wrapHeadings:{type:Boolean,default:!1}},Je={customRowStyle:{type:Function,default:()=>{}},disable:{type:Function,default:()=>{}},height:{type:Number,default:28},showHovering:{type:Boolean,default:!0},wrapContent:{type:Boolean,default:!1}},Ke={enable:{type:Boolean,default:!1},customSummaryStyle:{type:Function,default:()=>{}},groupFields:{type:Array,default:[]},mode:{type:String,default:"client"},position:{type:String,default:"bottom"}},Qe={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}},Xe={selectOnEditing:{type:Boolean,default:!1},editMode:{type:String,default:"cell"}},Ze={show:{type:Boolean,default:!1},message:{type:String,default:"加载中..."}},fe={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},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:32,heading:"序号"}},rowOption:{type:Object,default:{wrapContent:!1}},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!0}},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}},Fe=V.createPropsResolver(fe,je,Be,Oe),Ge=V.createTreeGridSelectionItemResolver(),Pe=V.createTreeGridBindingResolver(),Ce=Object.assign({},fe,{componentId:{type:String,default:""}}),Te=V.createPropsResolver(Ce,je,Be,Oe),He=V.createDataViewUpdateColumnsResolver();function et(e,t,p,l,c,f,u,m,r,a,b,w,T,g,P,oe,M){const{calculateCellPositionInRow:Y}=f,{columnContext:I,hasLeftFixedColumn:O,hasRightFixedColumn:J}=u,{gridDataStyle:k,leftFixedGridDataStyle:y,rightFixedGridDataStyle:ne}=g,{renderDataRow:h}=i.getHierarchyRow(e,t,I,M,m,r,a,b,w,T,g,P,oe),W=[h];function A(C,x){const E=Y(C);return M.value.filter(j=>j.visible!==!1).map((j,le)=>W[j.type](j,E,x,le))}function D(){return o.createVNode("div",{ref:l,class:"fv-grid-content-left-fixed"},[o.createVNode("div",{class:"fv-grid-data",style:y.value},[A(I.value.leftColumns.filter(C=>C.visible),"left")])])}function ie(){return o.createVNode("div",{ref:p,class:"fv-grid-content-primary"},[o.createVNode("div",{class:"fv-grid-data",style:k.value},[A(I.value.primaryColumns.filter(C=>C.visible),"primary")])])}function ae(){return o.createVNode("div",{ref:c,class:"fv-grid-content-right-fixed"},[o.createVNode("div",{class:"fv-grid-data",style:ne.value},[A(I.value.rightColumns.filter(C=>C.visible),"right")])])}function K(){const C=[];return O.value&&C.push(D()),C.push(ie()),J.value&&C.push(ae()),C}return{renderDataArea:K}}const tt=o.defineComponent({name:"FTreeGrid",props:fe,emits:["selectionChange","clickRow","expandNode","unSelectItem","dblclickNode"],setup(e,t){var ke,xe;const l=((ke=e.rowOption)==null?void 0:ke.height)||28,c=o.ref(20),f=o.ref(e.columns),u=i.useIdentify(e),{idField:m}=u,r=o.ref(),a=o.ref(),b=o.ref(),w=o.ref(),T=o.ref(),g=o.ref([]),P=o.ref(!1),oe=o.ref(((xe=e.rowOption)==null?void 0:xe.wrapContent)||!1),M=i.useGroupData(e,u),Y=i.useFilter(),I=i.useHierarchy(e),{collapseField:O}=I,{showLoading:J,renderLoading:k}=i.useLoading(e,r),y=i.useDataView(e,new Map,Y,I,u),{dataView:ne}=y,h=i.useSelection(e,y,u,g,t),W=i.useSelectHierarchyItem(e,g,y,u,h,t),A=o.computed(()=>e.disabled),D=o.computed(()=>e.virtualized?Math.min(y.dataView.value.length,c.value):y.dataView.value.length),{containerStyleObject:ie}=i.useDataViewContainerStyle(e),ae=i.useCommandColumn(e),{applyCommands:K}=ae;K(f);const C=i.useColumn(e),x=i.useSort(e),{applyColumnSorter:E,columnContext:j,updateColumnRenderContext:le}=C;E(y,x);const Q=i.useGroupColumn(e,j),N=i.useRow(e,t,h,u),z=i.useEdit(e,t,u,N,g),re=i.useVisualDataBound(e),se=i.useVisualDataCell(e,z,re),ve=i.useVisualDataRow(e,y,z,I,u,re,se),X=i.useVisualData(e,f,y,D,0,ve),{getVisualData:_}=X,de=i.useCellPosition(e,j),ce=i.useSidebar(e,h),{sidebarWidth:Se}=ce,v=i.useVirtualScroll(e,y,g,j,X,D,0,Se),{onWheel:we,dataGridWidth:me,viewPortHeight:ye,viewPortWidth:Z,resetScroll:ue,updateVisibleRowsOnLatestVisibleScope:Ie}=v,pe=i.useFitColumn(e,j,a,Z,Q),{calculateColumnsSize:U}=pe,R=i.useFilterHistory(),ge=i.useColumnFilter(a,T,y,R,v),be=i.useDragColumn(e,t,C,y,Q,M,v),at=o.computed(()=>({"fv-grid":!0,"fv-grid-bordered":e.showBorder,"fv-grid-horizontal-bordered":e.showHorizontalLines,"fv-datagrid-strip":e.showStripe})),lt=o.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":P.value,"fv-grid-wrap-content":oe.value})),{renderDataArea:rt}=et(e,t,b,w,T,de,C,y,z,I,N,h,W,v,X,re,g),{renderGridHeader:st,renderGridColumnResizeOverlay:dt,shouldShowHeader:ct}=i.getColumnHeader(e,t,a,w,T,C,y,be,ge,Y,R,pe,Q,h,ce,x,v,Z,g),{renderDataGridSidebar:ut}=i.getSidebar(e,N,h,ce,v),{renderDisableMask:pt}=i.getDisableMask(),{renderHorizontalScrollbar:ft}=i.getHorizontalScrollbar(e,a,v),{renderVerticalScrollbar:mt}=i.getVerticalScrollbar(e,a,v);function yt(){var n,s,F;if(a.value&&a.value.clientHeight>0&&((n=a.value)==null?void 0:n.clientWidth)>0){const B=Math.ceil(a.value.clientHeight/l);B>c.value&&(c.value=B,Ie()),ye.value=((s=b.value)==null?void 0:s.clientHeight)||0,me.value=((F=a.value)==null?void 0:F.clientWidth)||0,U()}}o.onMounted(()=>{a.value&&(c.value=Math.max(Math.ceil(a.value.clientHeight/l),c.value),g.value=_(0,D.value+0-1),Re.useResizeObserver(a.value,yt),U(),o.nextTick(()=>{a.value&&(me.value=a.value.clientWidth),b.value&&(Z.value=b.value.clientWidth,ye.value=b.value.clientHeight)})),J.value&&k()}),o.onUnmounted(()=>{}),o.watch(Z,()=>{a.value&&U()});function gt(n){y.collapseTo(n),y.reOrderVisibleIndex(),ue()}function bt(n){y.expandTo(n),y.reOrderVisibleIndex(),ue()}function De(){const n=h.getSelectionRow();return n?n.dataIndex-1:-1}function ht(){const n=De();y.insertNewDataItem(n),g.value=_(0,D.value+0-1)}function Ct(){const n=De();y.insertNewChildDataItem(n),g.value=_(0,D.value+0-1)}function vt(){const n=De(),s=W.getNextSelectableHierarchyItemId(n);y.removeHierarchyDataItem(n),g.value=_(0,D.value+0-1),s&&h.selectItemById(s)}function St(n){z.onEditingRow(n)}function wt(n){z.acceptEditingRow(n)}function It(n){z.cancelEditingRow(n)}function Me(n){n&&(f.value=n,K(f),le(f.value),E(y,x),U())}o.watch(()=>e.columns,n=>{Me(n)});function Dt(n,s){n&&(y.load(n),y.reOrderVisibleIndex(),s!=null&&s.keepScrollPosition?v.scrollTo(v.offsetY.value):ue())}function Rt(n){h.selectItemById(n)}function Bt(n){const s=g.value.find(F=>F.raw[u.idField.value]===n);s&&N.clickRowItem(s)}function Ot(n){N.activeRowById(n)}function jt(n){h.selectItemByIds(n)}function Ft(){return h.getSelectedItems()}function Gt(){h.clearSelection()}const Pt=o.computed(()=>!g.value||!g.value.length),{renderEmpty:Tt}=i.getEmpty(t);function Ht(){return h.getSelectionRow()}function Mt(n){h.unSelectItemByIds(n)}function kt(){return h.currentSelectedDataId.value}function xt(n,s,F){const B=ne.value.find(G=>G[m.value]===n);if(B){if(Object.keys(B).forEach(S=>{Object.prototype.hasOwnProperty.call(s,S)&&(B[S]=s[S])}),F){const{collapseField:S,disabledField:L,checkedField:q,visibleField:$}=F;S&&!H.isUndefined(s[S])&&(B.__fv_collapse__=s[S]),q&&!H.isUndefined(s[q])&&(B.__fv_checked__=s[q]),L&&!H.isUndefined(s[L])&&(B.__fv_disabled__=s[L]),$&&!H.isUndefined(s[$])&&(B.__fv_visible__=s[$])}const G=g.value.find(S=>S.raw[m.value]===n),Ne=g.value.findIndex(S=>S.raw[m.value]===n);if(G){if(G.raw=B,Object.keys(G.data).forEach(S=>{G.data[S].updateData(B)}),F){const{collapseField:S,disabledField:L,checkedField:q,visibleField:$}=F;S&&!H.isUndefined(s[S])&&(G.collapse=s[S]),q&&!H.isUndefined(s[q])&&(G.checked=s[q]),L&&!H.isUndefined(s[L])&&(G.disabled=s[L]),$&&!H.isUndefined(s[$])&&(G.visible=s[$])}g.value=[...g.value.slice(0,Ne),G,...g.value.slice(Ne+1)]}}}function Nt(n){const s=y.dataView.value.find(F=>F[m.value]===n);return s?s[O.value]:""}function zt(){return O.value}t.expose({activeRowById:Ot,addNewDataItem:ht,addNewChildDataItem:Ct,collapseTo:gt,expandTo:bt,removeDataItem:vt,editDataItem:St,acceptDataItem:wt,cancelDataItem:It,updateColumns:Me,updateDataSource:Dt,selectItemById:Rt,selectItemByIds:jt,getSelectedItems:Ft,clearSelection:Gt,getSelectionRow:Ht,clickRowItemById:Bt,unSelectItemByIds:Mt,getCurrentRowId:kt,reassignRowData:xt,getCollapseField:zt,getCollapseStatusById:Nt});const Wt=o.computed(()=>{const n={};return v.shouldShowHorizontalScrollbar.value&&(n.paddingBottom="10px"),v.shouldShowVirticalScrollbar.value&&(n.paddingRight="10px"),n}),At=o.computed(()=>({...ie.value,borderRadius:"5px"}));return()=>o.createVNode("div",{ref:r,class:at.value,style:At.value,onWheel:we},[a.value&&ct.value&&st(),o.createVNode("div",{ref:a,class:lt.value,onMouseover:()=>P.value=!0,onMouseleave:()=>P.value=!1,style:Wt.value},[a.value&&ut(g),a.value&&rt(),a.value&&Pt.value&&Tt(),a.value&&ft(),a.value&&mt()]),dt(),A.value&&pt()])}});class ot extends Ae.BaseControlProperty{constructor(t,p){super(t,p)}getPropertyConfig(t){return this.getBasicPropConfig(t),this.getAppearanceProperties(t),this.getEventPropConfig(t),this.propertyConfig}getBasicPropConfig(t){var u,m,r;const p=(r=(m=(u=this.formSchemaUtils.getFormSchema())==null?void 0:u.module)==null?void 0:m.entity[0])==null?void 0:r.entities[0],l=this.assembleSchemaEntityToTree(p,0),c=this,f=super.getBasicPropConfig(t);this.propertyConfig.categories.basic={description:"Basic Information",title:"基本信息",properties:{...f.properties,dataSource:{description:"绑定数据源",title:"绑定数据源",editor:{type:"combo-tree",textField:"name",valueField:"label",data:l,editable:!1},readonly:!0}},setPropertyRelates(a,b){switch(a&&a.propertyID){case"dataSource":{const w=c.formSchemaUtils.getViewModelById(c.viewModelId);if(w){const T=l.find(g=>g.label===a.propertyValue);w.bindTo=T.bindTo}c.designViewModelUtils.assembleDesignViewModel();break}}}}}getAppearanceProperties(t){var p,l;this.propertyConfig.categories.appearance={title:"外观",properties:{columns:{title:"列设置",description:"列设置",$converter:"/converter/items-count.converter",editor:{type:"grid-field-editor",viewModelId:this.viewModelId,gridData:t,gridType:"tree-grid-column"},refreshPanelAfterChanged:!0},fit:{title:"适配父组件尺寸",type:"boolean",description:"是否适配父组件尺寸",visible:!1},showStripe:{title:"显示条纹",type:"boolean",description:"是否显示条纹"},showBorder:{title:"显示边框",type:"boolean",description:"是否显示边框"}},setPropertyRelates(c,f){switch(c&&c.propertyID){case"useBlankWhenDataIsEmpty":t.emptyDataHeight=t.useBlankWhenDataIsEmpty?36:240;break;case"fields":t.fields=c.propertyValue||[];break}}},this.propertyConfig.categories.pagination={title:"分页",$converter:"/converter/pagination.converter",properties:{enable:{title:"启用分页",type:"boolean",refreshPanelAfterChanged:!0,editor:{readonly:!0}},showIndex:{visible:((p=t.pagination)==null?void 0:p.enable)||!1,title:"显示页码",type:"boolean"},showLimits:{visible:((l=t.pagination)==null?void 0:l.enable)||!1,title:"显示每页记录数",type:"boolean"}}}}getEventPropConfig(t){const p=[{label:"onSelectionChange",name:"行切换事件"},{label:"onClickRow",name:"行点击事件"}],l=this,c=l.eventsEditorUtils.formProperties(t,l.viewModelId,p),f={};f[l.viewModelId]={type:"events-editor",editor:{initialData:c}},this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:f,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(u,m){const r=u.propertyValue;delete t[l.viewModelId],r&&(r.setPropertyRelates=this.setPropertyRelates,l.eventsEditorUtils.saveRelatedParameters(t,l.viewModelId,r.events,r)),t.remoteSort=!!t.columnSorted}}}assembleSchemaEntityToTree(t,p,l,c="",f=[]){const u=c?`${c}/${t.label}`:"/";return f.push({id:t.id,name:t.name,label:t.label,layer:p,parent:l&&l.id,bindTo:u.replace("//","/")}),t.type.entities&&t.type.entities.length&&t.type.entities.map(m=>this.assembleSchemaEntityToTree(m,p+1,t,u,f)),f}}function nt(e,t){const p=e.schema,l=o.ref(!0),c=o.ref(!0);function f(b){return b&&b.sourceType==="control"?b.componentCategory==="input":!1}function u(){return!1}function m(){return!1}function r(){return!0}function a(b){return new ot(b,t).getPropertyConfig(p)}return{canAccepts:f,checkCanDeleteComponent:u,checkCanMoveComponent:m,hideNestedPaddingInDesginerView:r,triggerBelongedComponentToMoveWhenMoved:l,triggerBelongedComponentToDeleteWhenDeleted:c,getPropsConfig:a}}const te=o.defineComponent({name:"FTreeGridDesign",props:Ce,emits:[],setup(e,t){var pe,U;const p=o.ref(),l=0,c=((pe=e.rowOption)==null?void 0:pe.height)||28,f=o.ref(20),u=o.ref(e.columns),m=i.useIdentify(e),r=o.ref(),a=o.ref(),b=o.ref([]),w=o.ref(!1),T=o.ref(((U=e.rowOption)==null?void 0:U.wrapContent)||!1),g=o.inject("designer-host-service"),P=o.inject("design-item-context"),oe=nt(P,g),M=We.useDesignerComponent(p,P,oe);M.value.designerClass="f-utils-fill-flex-column";const Y=i.useFilter(),I=i.useHierarchy(e),O=i.useDataView(e,new Map,Y,I,m),J=i.useSelection(e,O,m,b,t),k=o.computed(()=>O.dataView.value.length),{containerStyleObject:y}=i.useDataViewContainerStyle(e),ne=i.useCommandColumn(e),{applyCommands:h}=ne;h(u);const W=he.useDesignerColumn(e),{applyColumnSorter:A,columnContext:D,updateColumnRenderContext:ie}=W,ae=i.useSort(e),K=i.useGroupColumn(e,D),C=i.useRow(e,t,J,m),x=i.useEdit(e,t,m,C,b),E=i.useVisualDataBound(e),j=i.useVisualDataCell(e,x,E),le=i.useVisualDataRow(e,O,x,I,m,E,j),Q=he.useDesignerVisualData(e,u,O,k,l,le),{getVisualData:N}=Q,z=i.useSidebar(e,J),{sidebarWidth:re}=z;b.value=N(0,k.value+l-1);const se=i.useVirtualScroll(e,O,b,D,Q,k,l,re),{onWheel:ve,dataGridWidth:X,viewPortHeight:_,viewPortWidth:de,updateVisibleRowsOnLatestVisibleScope:ce}=se,Se=he.useDesignerFitColumn(e,D,r,de,K),{calculateColumnsSize:v}=Se,we=o.computed(()=>({"drag-container":!0,"fv-grid":!0,"fv-grid-bordered":e.showBorder,"fv-datagrid-strip":e.showStripe})),me=o.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":w.value,"fv-grid-wrap-content":T.value})),{renderGridHeader:ye}=ze.getColumnHeader(P,e,W,se,"tree-grid-column"),{renderHorizontalScrollbar:Z}=i.getHorizontalScrollbar(e,r,se);function ue(){var ge,be;const R=Math.ceil(r.value.clientHeight/c);R>f.value&&(f.value=R,ce()),_.value=((ge=a.value)==null?void 0:ge.clientHeight)||0,X.value=((be=r.value)==null?void 0:be.clientWidth)||0,v()}o.onMounted(()=>{p.value.componentInstance=M,r.value&&(f.value=Math.max(Math.ceil(r.value.clientHeight/c),f.value),b.value=N(0,k.value+l-1),Re.useResizeObserver(r.value,ue),v(),o.nextTick(()=>{r.value&&(X.value=r.value.clientWidth),a.value&&(de.value=a.value.clientWidth,_.value=a.value.clientHeight)}))});function Ie(R){R&&(u.value=R,h(u),ie(u.value),A(O,ae),v())}return o.watch(()=>e.columns,R=>{Ie(R)}),o.watch(de,()=>{r.value&&v()}),t.expose(M.value),()=>o.createVNode("div",{ref:p,class:we.value,style:y.value,onWheel:ve,dragref:`${P.schema.id}-container`},[r.value&&ye(),o.createVNode("div",{ref:r,class:me.value,onMouseover:()=>{w.value=!0},onMouseleave:()=>{w.value=!1}},[Z()])])}});te.register=(e,t,p,l)=>{e["tree-grid"]=tt,t["tree-grid"]=Fe,l["tree-grid"]={bindingResolver:Pe,selectionItemResolver:Ge,updateColumnsResolver:He}},te.registerDesigner=(e,t,p)=>{e["tree-grid"]=te,t["tree-grid"]=Te};const it=ee.withInstall(te);d.FTreeGridDesign=te,d.bindingResolver=Pe,d.columnOptions=Qe,d.default=it,d.designPropsResolver=Te,d.editOptions=Xe,d.filterOptions=Ve,d.groupOptions=$e,d.headerOptions=Ye,d.loadingOptions=Ze,d.paginationOptions=Le,d.propsResolver=Fe,d.rowOptions=Je,d.selectionItemResolver=Ge,d.sortOptions=qe,d.summaryOptions=Ke,d.treeGridDesignProps=Ce,d.treeGridProps=fe,d.updateColumnsResolver=He,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});