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

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

@@ -1 +1 @@
-(function(d,$){typeof exports=="object"&&typeof module<"u"?$(exports,require("../../components/common/index.umd.js"),require("vue"),require("@vueuse/core"),require("lodash-es"),require("../../components/locale/index.umd.js"),require("../../components/data-view/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("../../components/tree-grid/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/locale/index.umd.js","../../components/data-view/index.umd.js","../../components/dynamic-resolver/index.umd.js","../../components/tree-grid/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"],$):(d=typeof globalThis<"u"?globalThis:d||self,$(d["tree-grid"]={},d.common,d.Vue,d.VueUseCore,d.LodashES,d.locale,d.dataView,d.dynamicResolver,d.treeGrid,d.designer$2,d.designerCanvas,d.propertyPanel,d.designer$1))})(this,function(d,$,o,Be,E,Le,i,Z,je,qe,ye,Ve,k){"use strict";const $e={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}},Ye={enable:{type:Boolean,default:!1},fields:{type:Array,default:[]},mode:{type:String,default:"client"},multiSort:{type:Boolean,default:!1}},Je={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"}},Ke={enable:{type:Boolean,default:!1},filterStyle:{type:String,default:"filter-column"},mode:{type:String,default:"server"},showSummary:{type:Boolean,default:!0}},Qe={wrapHeadings:{type:Boolean,default:!1}},Xe={customRowStyle:{type:Function,default:()=>{}},customCellStyle:{type:Function,default:()=>{}},disable:{type:Function,default:()=>{}},height:{type:Number,default:28},showHovering:{type:Boolean,default:!0},wrapContent:{type:Boolean,default:!1}},Ze={enable:{type:Boolean,default:!1},customSummaryStyle:{type:Function,default:()=>{}},groupFields:{type:Array,default:[]},mode:{type:String,default:"client"},position:{type:String,default:"bottom"}},et={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}},tt={selectOnEditing:{type:Boolean,default:!1},editMode:{type:String,default:"cell"}},nt={show:{type:Boolean,default:!1},message:{type:String,default:`${Le.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 ot(e,t,g,r,m,u,p,y,c,l,h,C,j,f,F,U,I){const{calculateCellPositionInRow:x}=u,{columnContext:R,hasLeftFixedColumn:B,hasRightFixedColumn:_}=p,{gridDataStyle:M,leftFixedGridDataStyle:a,rightFixedGridDataStyle:L}=f,{renderDataRow:b}=i.getHierarchyRow(e,t,R,I,y,c,l,h,C,j,f,F,U),z=[b];function Y(v,te){const ne=x(v);return I.value.filter(A=>A.visible!==!1).map((A,oe)=>z[A.type](A,ne,te,oe))}function G(){return o.createVNode("div",{ref:r,class:"fv-grid-content-left-fixed"},[o.createVNode("div",{class:"fv-grid-data",style:a.value},[Y(R.value.leftColumns.filter(v=>v.visible),"left")])])}function de(){return o.createVNode("div",{ref:g,class:"fv-grid-content-primary"},[o.createVNode("div",{class:"fv-grid-data",style:M.value},[Y(R.value.primaryColumns.filter(v=>v.visible),"primary")])])}function N(){return o.createVNode("div",{ref:m,class:"fv-grid-content-right-fixed"},[o.createVNode("div",{class:"fv-grid-data",style:L.value},[Y(R.value.rightColumns.filter(v=>v.visible),"right")])])}function ee(){const v=[];return B.value&&v.push(G()),v.push(de()),_.value&&v.push(N()),v}return{renderDataArea:ee}}const it=o.defineComponent({name:"FTreeGrid",props:Fe,emits:["selectionChange","clickRow","expandNode","unSelectItem","dblclickNode","doubleClickRow","unSelectItem","selectItem","filterChanged","sortChanged","selectionUpdate"],setup(e,t){var Ee,Ue;const r=((Ee=e.rowOption)==null?void 0:Ee.height)||28,m=o.ref(20),u=o.ref(e.columns),p=i.useIdentify(e),{idField:y}=p,c=o.ref(),l=o.ref(),h=o.ref(),C=o.ref(),j=o.ref(),f=o.ref([]),F=o.ref(!1),U=o.ref(((Ue=e.rowOption)==null?void 0:Ue.wrapContent)||!1),I=i.useGroupData(e,p),x=i.useFilter(e,t),R=i.useHierarchy(e),{collapseField:B}=R,{showLoading:_,renderLoading:M}=i.useLoading(e,c),a=i.useDataView(e,new Map,x,R,p),{dataView:L}=a,b=i.useSelection(e,a,p,f,t),{showSelection:z,selectedValues:Y}=b,G=i.useSelectHierarchyItem(e,f,a,p,b,t),de=o.computed(()=>e.disabled),N=o.computed(()=>e.virtualized?Math.min(a.dataView.value.length,m.value):a.dataView.value.length),ee=i.usePagination(e,a),{shouldRenderPagination:v}=ee,{containerStyleObject:te}=i.useDataViewContainerStyle(e),ne=i.useCommandColumn(e),{applyCommands:A}=ne;A(u);const{applyColumnSetting:oe,removeColumnSetting:ge}=i.useSettingColumn(e);e.showSetting&&oe(u);const q=i.useColumn(e,t),ce=i.useSort(e),{applyColumnSorter:Ce,columnContext:V,updateColumnRenderContext:Se}=q;Ce(a,ce);const ie=i.useGroupColumn(e,V),W=i.useRow(e,t,b,p),H=i.useEdit(e,t,p,W,f),ue=i.useVisualDataBound(e),we=i.useVisualDataCell(e,H,ue),ae=i.useVisualDataRow(e,a,H,R,p,ue,we),pe=i.useVisualData(e,u,a,N,0,ae),{getVisualData:le}=pe,Ie=i.useCellPosition(e,V),fe=i.useSidebar(e,b),{sidebarWidth:Re}=fe,D=i.useVirtualScroll(e,a,f,V,pe,N,0,Re),{onWheel:he,dataGridWidth:me,viewPortHeight:T,viewPortWidth:J,resetScroll:se,updateVisibleRowsOnLatestVisibleScope:ut}=D,ze=i.useFitColumn(e,V,l,J,ie),{calculateColumnsSize:be}=ze,Ae=i.useFilterHistory(),pt=i.useColumnFilter(l,j,a,Ae,D),ft=i.useDragColumn(e,t,q,a,ie,I,D),mt=o.computed(()=>{const n={"fv-grid":!0,"fv-grid-bordered":e.showBorder,"fv-grid-horizontal-bordered":e.showHorizontalLines,"fv-datagrid-strip":e.showStripe};return $.getCustomClass(n,e.customClass)}),yt=o.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":F.value,"fv-grid-wrap-content":U.value})),{renderDataArea:gt}=ot(e,t,h,C,j,Ie,q,a,H,R,W,b,G,D,pe,ue,f),{renderGridHeader:Ct,renderGridColumnResizeOverlay:ht,shouldShowHeader:bt}=i.getColumnHeader(e,t,l,C,j,q,a,ft,pt,x,Ae,ze,ie,b,fe,ce,D,J,f),{renderDataGridSidebar:vt}=i.getSidebar(e,W,b,fe,D),{renderDisableMask:St}=i.getDisableMask(),{renderHorizontalScrollbar:wt}=i.getHorizontalScrollbar(e,l,D),{renderVerticalScrollbar:It}=i.getVerticalScrollbar(e,l,D);function Rt(){var n,s,S;if(l.value&&l.value.clientHeight>0&&((n=l.value)==null?void 0:n.clientWidth)>0){const O=Math.ceil(l.value.clientHeight/r);O>m.value&&(m.value=O,ut()),T.value=((s=h.value)==null?void 0:s.clientHeight)||0,me.value=((S=l.value)==null?void 0:S.clientWidth)||0,be()}}o.onMounted(()=>{l.value&&(m.value=Math.max(Math.ceil(l.value.clientHeight/r),m.value),f.value=le(0,N.value+0-1),Be.useResizeObserver(l.value,Rt),be(),o.nextTick(()=>{l.value&&(me.value=l.value.clientWidth),h.value&&(J.value=h.value.clientWidth,T.value=h.value.clientHeight)})),_.value&&M()}),o.onUnmounted(()=>{}),o.watch(J,()=>{l.value&&be()});function Ot(n){a.collapseTo(n),a.reOrderVisibleIndex(),se()}function Dt(n){a.expandTo(n),a.reOrderVisibleIndex(),se()}function Oe(){const n=b.getSelectionRow();return n?n.dataIndex-1:-1}function Bt(){const n=Oe();a.insertNewDataItem(n),f.value=le(0,N.value+0-1)}function jt(){const n=Oe();a.insertNewChildDataItem(n),f.value=le(0,N.value+0-1)}function Ft(n,s){const S=f.value.find(P=>P.raw[y.value]===s),O=S?S.dataIndex-1:-1;a.insertNewChildDataItems(n,O)}function Pt(){const n=Oe(),s=G.getNextSelectableHierarchyItemId(n);a.removeHierarchyDataItem(n),f.value=le(0,N.value+0-1),s&&G.selectItemById(s)}function Gt(n){H.onEditingRow(n)}function Tt(n){H.acceptEditingRow(n)}function kt(n){H.cancelEditingRow(n)}function De(n){n&&(u.value=n,A(u),Se(u.value),Ce(a,ce),be())}o.watch(()=>e.columns,n=>{De(n)});function Mt(n,s){n&&(a.load(n),a.reOrderVisibleIndex(),s!=null&&s.keepScrollPosition?D.scrollTo(D.offsetY.value):se())}function Nt(n){G.selectItemById(n)}function Ht(n){const s=f.value.find(S=>S.raw[p.idField.value]===n);s&&W.clickRowItem(s)}function xt(n){W.activeRowById(n)}function zt(n){G.selectItemByIds(n)}function At(){return b.getSelectedItems()}function We(){b.clearSelection()}const Wt=o.computed(()=>!f.value||!f.value.length),{renderEmpty:Et}=i.getEmpty(e,t);function Ut(){return b.getSelectionRow()}function _t(n){G.unSelectItemByIds(n)}function Lt(){return b.currentSelectedDataId.value}function qt(n,s,S){const O=L.value.find(P=>P[y.value]===n);if(O){if(Object.keys(O).forEach(w=>{Object.prototype.hasOwnProperty.call(s,w)&&(O[w]=s[w])}),S){const{collapseField:w,disabledField:K,checkedField:Q,visibleField:X}=S;w&&!E.isUndefined(s[w])&&(O.__fv_collapse__=s[w]),Q&&!E.isUndefined(s[Q])&&(O.__fv_checked__=s[Q]),K&&!E.isUndefined(s[K])&&(O.__fv_disabled__=s[K]),X&&!E.isUndefined(s[X])&&(O.__fv_visible__=s[X])}const P=f.value.find(w=>w.raw[y.value]===n),_e=f.value.findIndex(w=>w.raw[y.value]===n);if(P){if(P.raw=O,Object.keys(P.data).forEach(w=>{P.data[w].updateData(O)}),S){const{collapseField:w,disabledField:K,checkedField:Q,visibleField:X}=S;w&&!E.isUndefined(s[w])&&(P.collapse=s[w]),Q&&!E.isUndefined(s[Q])&&(P.checked=s[Q]),K&&!E.isUndefined(s[K])&&(P.disabled=s[K]),X&&!E.isUndefined(s[X])&&(P.visible=s[X])}f.value=[...f.value.slice(0,_e),P,...f.value.slice(_e+1)],a.updateSummary()}}}function Vt(n){return Object.prototype.hasOwnProperty.call(n,"raw")?a.hasRealChildren(n.raw):a.hasRealChildren(n)}function $t(n){const s=a.dataView.value.find(S=>S[y.value]===n);return s?s[B.value]:""}function Yt(){return B.value}o.watch(()=>e.showSetting,(n,s)=>{n!==s&&(n?oe(u):ge(u),De(u.value))});function Jt(n){return f.value.filter(s=>n.includes(s.raw[e.idField]))}function Kt(n){const s=p.idField.value,S=f.value.find(O=>O.raw[s]===n);S&&W.changeRow(S)}function Qt(){b.keepSelectingOnPaging.value||We(),a.updateVisibleDataSummary(f.value)}t.expose({activeRowById:xt,addNewDataItem:Bt,addNewChildDataItem:jt,addChildrenToNode:Ft,collapseTo:Ot,expandTo:Dt,removeDataItem:Pt,editDataItem:Gt,acceptDataItem:Tt,cancelDataItem:kt,updateColumns:De,updateDataSource:Mt,selectItemById:Nt,selectItemByIds:zt,getSelectedItems:At,clearSelection:We,getSelectionRow:Ut,clickRowItemById:Ht,unSelectItemByIds:_t,getCurrentRowId:Lt,reassignRowData:qt,hasChildren:Vt,getCollapseField:Yt,getCollapseStatusById:$t,getVisibleDataByIds:Jt,selectRowById:Kt,updateDerivedData:Qt});const Xt=o.computed(()=>{const n={};return D.shouldShowHorizontalScrollbar.value&&(n.paddingBottom="10px"),D.shouldShowVirticalScrollbar.value&&(n.paddingRight="10px"),n}),Zt=o.computed(()=>({...te.value,borderRadius:"5px"})),{renderDataGridPagination:pn}=i.getPagination(e,t,a,D,ee,b),en=o.computed(()=>({"d-flex":!0,"justify-content-between":v.value&&z.value,"justify-content-end":v.value&&!z.value,"position-relative":!0})),tn=o.computed(()=>({"d-flex":!0,"align-items-center":!0})),{renderDataGridSummary:nn}=i.getSummary(e,a,q);return()=>o.createVNode("div",{ref:c,class:mt.value,style:Zt.value,onWheel:he},[l.value&&bt.value&&Ct(),o.createVNode("div",{ref:l,class:yt.value,onMouseover:()=>F.value=!0,onMouseleave:()=>F.value=!1,style:Xt.value},[l.value&&vt(f),l.value&&gt(),l.value&&Wt.value&&Et(),l.value&&wt(),l.value&&It()]),l.value&&nn(),z.value&&o.createVNode("div",{class:en.value},[z.value&&o.createVNode("div",{class:tn.value},[o.createVNode("div",null,["已选："+Y.value.length,o.createTextVNode(" 条")])])]),ht(),de.value&&St()])}}),Pe={$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:""},onHandleAction:{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:"object",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:["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:"object"},customSummaryStyle:{description:"",type:"object"},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:""}}},rowOption:{type:"object",properties:{customRowStyle:{description:"自定义行样式",type:"string",default:""},customCellStyle:{description:"自定义单元格样式",type:"string",default:""},disable:{description:"",type:"object"},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:""}}},onClickRow:{description:"行点击事件",type:"string",default:""},onSelectionChange:{description:"行切换事件",type:"string",default:""},onPageIndexChanged:{description:"切换页码事件",type:"string",default:""},onPageSizeChanged:{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},showSelectAll:{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:"server",enum:["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}},emptyTemplate:{description:"",type:"string",default:""}},required:["id","type","columns"],events:{onSelectionChange:"行切换事件",onClickRow:"行点击事件",onDoubleClickRow:"行双击事件",onFilterChanged:"过滤事件",onClickEditCommand:"操作列编辑事件",onClickDeleteCommand:"操作列删除事件"}},Ge=new Map([["appearance",Z.resolveAppearance],["column","columnOption"],["command","commandOption"]]);function at(e,t,g){var C;const r=g.parentComponentInstance,m=r.schema.type,u=String(((C=r.schema.appearance)==null?void 0:C.class)||"").split(" "),p=m==="section"||m==="tab-page",y=u.includes("f-page-content-nav"),c=u.includes("f-page-main"),l=e.getSchemaByType("component");l.id=`${t.id}-component`,l.componentType="data-grid";let h="";return h+=p?"f-struct-data-grid-in-card f-struct-is-subgrid":"",h+=y?"f-struct-data-grid-in-nav f-struct-wrapper f-utils-fill-flex-column":"",h+=c?"f-struct-data-grid f-struct-wrapper":"",l.appearance={class:h},l.contents=[t],l}function lt(e,t,g){const r=g.parentComponentInstance,m=String(r.schema.appearance.class||"").split(" "),u=m.includes("f-page-content-nav"),p=m.includes("f-page-main"),y=e.getSchemaByType("section");y.id=`${t.id}-section`;let c="";return c+=u?"f-section-in-nav ":"",c+=p?"f-section-in-managelist ":"",c+="f-section-grid",y.appearance={class:c},y.contents=[t],y}function st(e,t,g){const r=e.getSchemaByType("content-container");return r.id=`${t.id}-layout`,r.appearance={class:"f-grid-is-sub f-utils-flex-column"},r.contents=[t],r}function Te(e,t,g){const m=g.parentComponentInstance.schema.type,u=m==="section"||m==="tab-page";t.appearance={class:"f-component-grid"};const y=(u?st:lt)(e,t,g);return at(e,y,g)}const ke=Z.createPropsResolver(je.treeGridProps,Pe,Ge,Te),Me=Z.createTreeGridSelectionItemResolver(),Ne=Z.createTreeGridBindingResolver(),ve=$.excludeProperties(Object.assign({},je.treeGridProps,{componentId:{type:String,default:""}}),"columnOption","commandOption"),He=Z.createPropsResolver(ve,Pe,Ge,Te),xe=Z.createDataViewUpdateColumnsResolver();class rt extends Ve.BaseControlProperty{constructor(t,g){super(t,g)}getPropertyConfig(t){return this.getBasicPropConfig(t),this.getAppearanceProperties(t),this.propertyConfig.categories.command=k.useCommandOption(this).getCommandColumnProperties(t),this.propertyConfig.categories.column=k.useColumnOption().getColumnOptionProperties(t),this.propertyConfig.categories.rowOption=k.useRowOption().getRowOptionProperties(t),this.propertyConfig.categories.summary=k.useSummary().getSummaryProperties(t),this.propertyConfig.categories.filter={title:"过滤",description:"",properties:{mode:{title:"类型",type:"enum",description:"过滤类型",$converter:"/converter/grid-filter.converter",editor:{data:[{id:"server",name:"服务端"}]}}}},this.getEventPropConfig(t),this.propertyConfig}getBasicPropConfig(t){var p,y,c;const g=(c=(y=(p=this.formSchemaUtils.getFormSchema())==null?void 0:p.module)==null?void 0:y.entity[0])==null?void 0:c.entities[0],r=this.assembleSchemaEntityToTree(g,0),m=this,u=super.getBasicPropConfig(t);this.propertyConfig.categories.basic={description:"Basic Information",title:"基本信息",properties:{...u.properties,dataSource:{description:"绑定数据源",title:"绑定数据源",editor:{type:"combo-tree",textField:"name",valueField:"label",data:r,editable:!1},readonly:!0}},setPropertyRelates(l,h){switch(l&&l.propertyID){case"dataSource":{const C=m.formSchemaUtils.getViewModelById(m.viewModelId);if(C){const j=r.find(f=>f.label===l.propertyValue);C.bindTo=j.bindTo}m.designViewModelUtils.assembleDesignViewModel();break}}}}}getAppearanceProperties(t){this.propertyConfig.categories.appearance=k.useAppearance().getDataGrid(t,this.viewModelId),this.propertyConfig.categories.rowNumber=k.useRowNumber().getRowNumber(t),this.propertyConfig.categories.pagination=k.usePagination().getPagination(t,!0)}getEventPropConfig(t){const g=k.useDataGridEvent().initEvent(t),r=this,m=r.eventsEditorUtils.formProperties(t,r.viewModelId,g),u=r.createBaseEventProperty(m);this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:u,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(p,y){const c=p.propertyValue;delete t[r.viewModelId],c&&(c.setPropertyRelates=this.setPropertyRelates,r.eventsEditorUtils.saveRelatedParameters(t,r.viewModelId,c.events,c)),t.remoteSort=!!t.columnSorted,t.command&&(t.command.onClickEditCommand=t.onClickEditCommand,t.command.onClickDeleteCommand=t.onClickDeleteCommand,t.command.onHandleAction=t.onHandleAction)}}}assembleSchemaEntityToTree(t,g,r,m="",u=[]){const p=m?`${m}/${t.label}`:"/";return u.push({id:t.id,name:t.name,label:t.label,layer:g,parent:r&&r.id,bindTo:p.replace("//","/")}),t.type.entities&&t.type.entities.length&&t.type.entities.map(y=>this.assembleSchemaEntityToTree(y,g+1,t,p,u)),u}}function dt(e,t){const g=e.schema,r=o.ref(!0),m=o.ref(!0);function u(C){return C&&C.sourceType==="control"?C.componentCategory==="input":!1}function p(){return!1}function y(){return!1}function c(){return!0}function l(C){return new rt(C,t).getPropertyConfig(g)}function h(){var C,j,f,F;if(e&&t){const U=(C=e==null?void 0:e.componentInstance)==null?void 0:C.value.belongedComponentId;let I="",x="";const{formSchemaUtils:R}=t;if(U){const _=R.getRootViewModelId(),M=R.getComponentByViewModelId(_),a=R.selectNode(M,L=>L.contents&&L.contents.find(b=>b.component===U));(a==null?void 0:a.type)===((j=ye.DgControl["tab-page"])==null?void 0:j.type)&&((f=a==null?void 0:a.contents)!=null&&f.length)&&(I=a.title||""),(a==null?void 0:a.type)===((F=ye.DgControl.section)==null?void 0:F.type)&&(a==null?void 0:a.showHeader)!==!1&&(I=a.mainTitle||""),I=I?`${I} > `:"",x=I?a.id:""}const B=ye.DgControl["tree-grid"].name;t==null||t.formSchemaUtils.getControlBasicInfoMap().set(e.schema.id,{componentTitle:B,parentPathName:`${I}${B}`,reliedComponentId:x})}}return{canAccepts:u,checkCanDeleteComponent:p,checkCanMoveComponent:y,hideNestedPaddingInDesginerView:c,triggerBelongedComponentToMoveWhenMoved:r,triggerBelongedComponentToDeleteWhenDeleted:m,getPropsConfig:l,setComponentBasicInfoMap:h}}const re=o.defineComponent({name:"FTreeGridDesign",props:ve,emits:[],setup(e,t){var he,me;const g=o.ref(),r=0,m=((he=e.rowOption)==null?void 0:he.height)||28,u=o.ref(20),p=o.ref(e.columns),y=i.useIdentify(e),c=o.ref(),l=o.ref(),h=o.ref([]),C=o.ref(!1),j=o.ref(((me=e.rowOption)==null?void 0:me.wrapContent)||!1),f=o.inject("designer-host-service"),F=o.inject("design-item-context"),U=dt(F,f),I=ye.useDesignerComponent(g,F,U);I.value.designerClass="f-utils-fill-flex-column";const x=i.useFilter(e,t),R=i.useHierarchy(e),B=i.useDataView(e,new Map,x,R,y),_=i.useSelection(e,B,y,h,t),M=o.computed(()=>B.dataView.value.length),{containerStyleObject:a}=i.useDataViewContainerStyle(e),L=i.useCommandColumn(e),{applyCommands:b}=L;b(p);const z=k.useDesignerColumn(e),{applyColumnSorter:Y,columnContext:G,updateColumnRenderContext:de}=z,N=i.useSort(e),ee=i.useGroupColumn(e,G),v=i.useRow(e,t,_,y),te=i.useEdit(e,t,y,v,h),ne=i.useVisualDataBound(e),A=i.useVisualDataCell(e,te,ne),oe=i.useVisualDataRow(e,B,te,R,y,ne,A),ge=k.useDesignerVisualData(e,p,B,M,r,oe),{getVisualData:q}=ge,ce=i.useSidebar(e,_),{sidebarWidth:Ce}=ce;h.value=q(0,M.value+r-1);const V=i.useVirtualScroll(e,B,h,G,ge,M,r,Ce),{onWheel:Se,dataGridWidth:ie,viewPortHeight:W,viewPortWidth:H,updateVisibleRowsOnLatestVisibleScope:ue}=V,we=k.useDesignerFitColumn(e,G,c,H,ee),{calculateColumnsSize:ae}=we,pe=o.computed(()=>({"drag-container":!0,"fv-grid":!0,"fv-grid-bordered":e.showBorder,"fv-datagrid-strip":e.showStripe})),le=o.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":C.value,"fv-grid-wrap-content":j.value})),{renderGridHeader:Ie}=qe.getColumnHeader(F,e,z,V,"tree-grid-column"),{renderHorizontalScrollbar:fe}=i.getHorizontalScrollbar(e,c,V);function Re(){var J,se;const T=Math.ceil(c.value.clientHeight/m);T>u.value&&(u.value=T,ue()),W.value=((J=l.value)==null?void 0:J.clientHeight)||0,ie.value=((se=c.value)==null?void 0:se.clientWidth)||0,ae()}o.onMounted(()=>{g.value.componentInstance=I,c.value&&(u.value=Math.max(Math.ceil(c.value.clientHeight/m),u.value),h.value=q(0,M.value+r-1),Be.useResizeObserver(c.value,Re),ae(),o.nextTick(()=>{c.value&&(ie.value=c.value.clientWidth),l.value&&(H.value=l.value.clientWidth,W.value=l.value.clientHeight)}))});function D(T){T&&(p.value=T,b(p),de(p.value),Y(B,N),ae())}return o.watch(()=>e.columns,T=>{D(T)}),o.watch(H,()=>{c.value&&ae()}),t.expose(I.value),()=>o.createVNode("div",{ref:g,class:pe.value,style:a.value,onWheel:Se,dragref:`${F.schema.id}-container`},[c.value&&Ie(),o.createVNode("div",{ref:c,class:le.value,onMouseover:()=>{C.value=!0},onMouseleave:()=>{C.value=!1}},[fe()])])}});re.register=(e,t,g,r)=>{e["tree-grid"]=it,t["tree-grid"]=ke,r["tree-grid"]={bindingResolver:Ne,selectionItemResolver:Me,updateColumnsResolver:xe}},re.registerDesigner=(e,t,g)=>{e["tree-grid"]=re,t["tree-grid"]=He};const ct=$.withInstall(re);d.FTreeGridDesign=re,d.bindingResolver=Ne,d.columnOptions=et,d.default=ct,d.designPropsResolver=He,d.editOptions=tt,d.filterOptions=Ke,d.groupOptions=Je,d.headerOptions=Qe,d.loadingOptions=nt,d.paginationOptions=$e,d.propsResolver=ke,d.rowOptions=Xe,d.selectionItemResolver=Me,d.sortOptions=Ye,d.summaryOptions=Ze,d.treeGridDesignProps=ve,d.treeGridProps=Fe,d.updateColumnsResolver=xe,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(o,S){typeof exports=="object"&&typeof module<"u"?S(exports,require("../../components/common/index.umd.js"),require("../../components/tree-grid/index.umd.js"),require("vue"),require("@vueuse/core"),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","../../components/tree-grid/index.umd.js","vue","@vueuse/core","../../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"],S):(o=typeof globalThis<"u"?globalThis:o||self,S(o["tree-grid"]={},o.common,o.FTreeGrid,o.Vue,o.VueUseCore,o.dynamicResolver,o.dataView,o.designer$2,o.designerCanvas,o.propertyPanel,o.designer$1))})(this,function(o,S,N,s,ae,O,u,se,I,re,g){"use strict";const V={$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:""},onHandleAction:{description:"",type:"string",default:""},count:{description:"",type:"number",default:2}}},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:"object",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:["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:"object"},customSummaryStyle:{description:"",type:"object"},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:""}}},rowOption:{type:"object",properties:{customRowStyle:{description:"自定义行样式",type:"string",default:""},customCellStyle:{description:"自定义单元格样式",type:"string",default:""},disable:{description:"",type:"object"},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:""}}},onClickRow:{description:"行点击事件",type:"string",default:""},onSelectionChange:{description:"行切换事件",type:"string",default:""},onPageIndexChanged:{description:"切换页码事件",type:"string",default:""},onPageSizeChanged:{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},showSelectAll:{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:"server",enum:["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}},emptyTemplate:{description:"",type:"string",default:""}},required:["id","type","columns"],events:{onSelectionChange:"行切换事件",onClickRow:"行点击事件",onDoubleClickRow:"行双击事件",onFilterChanged:"过滤事件",onClickEditCommand:"操作列编辑事件",onClickDeleteCommand:"操作列删除事件"}},W=new Map([["appearance",O.resolveAppearance],["column","columnOption"],["command","commandOption"]]);function le(t,e,a){var c;const n=a.parentComponentInstance,r=n.schema.type,d=String(((c=n.schema.appearance)==null?void 0:c.class)||"").split(" "),p=r==="section"||r==="tab-page",l=d.includes("f-page-content-nav"),i=d.includes("f-page-main"),m=t.getSchemaByType("component");m.id=`${e.id}-component`,m.componentType="data-grid";let y="";return y+=p?"f-struct-data-grid-in-card f-struct-is-subgrid":"",y+=l?"f-struct-data-grid-in-nav f-struct-wrapper f-utils-fill-flex-column":"",y+=i?"f-struct-data-grid f-struct-wrapper":"",m.appearance={class:y},m.contents=[e],m}function de(t,e,a){const n=a.parentComponentInstance,r=String(n.schema.appearance.class||"").split(" "),d=r.includes("f-page-content-nav"),p=r.includes("f-page-main"),l=t.getSchemaByType("section");l.id=`${e.id}-section`;let i="";return i+=d?"f-section-in-nav ":"",i+=p?"f-section-in-managelist ":"",i+="f-section-grid",l.appearance={class:i},l.contents=[e],l}function pe(t,e,a){const n=t.getSchemaByType("content-container");return n.id=`${e.id}-layout`,n.appearance={class:"f-grid-is-sub f-utils-flex-column"},n.contents=[e],n}function q(t,e,a){const r=a.parentComponentInstance.schema.type,d=r==="section"||r==="tab-page";e.appearance={class:"f-component-grid"};const l=(d?pe:de)(t,e,a);return le(t,l,a)}const U=O.createPropsResolver(N.treeGridProps,V,W,q),x=O.createTreeGridSelectionItemResolver(),L=O.createTreeGridBindingResolver(),A=S.excludeProperties(Object.assign({},N.treeGridProps,{componentId:{type:String,default:""}}),"columnOption","commandOption"),$=O.createPropsResolver(A,V,W,q),_=O.createDataViewUpdateColumnsResolver();class ce extends re.BaseControlProperty{constructor(e,a){super(e,a)}getPropertyConfig(e){return this.getBasicPropConfig(e),this.getAppearanceProperties(e),this.propertyConfig.categories.command=g.useCommandOption(this).getCommandColumnProperties(e),this.propertyConfig.categories.column=g.useColumnOption().getColumnOptionProperties(e),this.propertyConfig.categories.rowOption=g.useRowOption().getRowOptionProperties(e),this.propertyConfig.categories.summary=g.useSummary().getSummaryProperties(e),this.propertyConfig.categories.filter={title:"过滤",description:"",properties:{mode:{title:"类型",type:"enum",description:"过滤类型",$converter:"/converter/grid-filter.converter",editor:{data:[{id:"server",name:"服务端"}]}}}},this.getEventPropConfig(e),this.propertyConfig}getBasicPropConfig(e){var p,l,i;const a=(i=(l=(p=this.formSchemaUtils.getFormSchema())==null?void 0:p.module)==null?void 0:l.entity[0])==null?void 0:i.entities[0],n=this.assembleSchemaEntityToTree(a,0),r=this,d=super.getBasicPropConfig(e);this.propertyConfig.categories.basic={description:"Basic Information",title:"基本信息",properties:{...d.properties,dataSource:{description:"绑定数据源",title:"绑定数据源",editor:{type:"combo-tree",textField:"name",valueField:"label",data:n,editable:!1},readonly:!0}},setPropertyRelates(m,y){switch(m&&m.propertyID){case"dataSource":{const c=r.formSchemaUtils.getViewModelById(r.viewModelId);if(c){const w=n.find(B=>B.label===m.propertyValue);c.bindTo=w.bindTo}r.designViewModelUtils.assembleDesignViewModel();break}}}}}getAppearanceProperties(e){this.propertyConfig.categories.appearance=g.useAppearance().getDataGrid(e,this.viewModelId),this.propertyConfig.categories.rowNumber=g.useRowNumber().getRowNumber(e),this.propertyConfig.categories.pagination=g.usePagination().getPagination(e,!0)}getEventPropConfig(e){const a=g.useDataGridEvent().initEvent(e),n=this,r=n.eventsEditorUtils.formProperties(e,n.viewModelId,a),d=n.createBaseEventProperty(r);this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:d,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(p,l){const i=p.propertyValue;delete e[n.viewModelId],i&&(i.setPropertyRelates=this.setPropertyRelates,n.eventsEditorUtils.saveRelatedParameters(e,n.viewModelId,i.events,i)),e.remoteSort=!!e.columnSorted,e.command&&(e.command.onClickEditCommand=e.onClickEditCommand,e.command.onClickDeleteCommand=e.onClickDeleteCommand,e.command.onHandleAction=e.onHandleAction)}}}assembleSchemaEntityToTree(e,a,n,r="",d=[]){const p=r?`${r}/${e.label}`:"/";return d.push({id:e.id,name:e.name,label:e.label,layer:a,parent:n&&n.id,bindTo:p.replace("//","/")}),e.type.entities&&e.type.entities.length&&e.type.entities.map(l=>this.assembleSchemaEntityToTree(l,a+1,e,p,d)),d}}function ue(t,e){const a=t.schema,n=s.ref(!0),r=s.ref(!0);function d(c){return c&&c.sourceType==="control"?c.componentCategory==="input":!1}function p(){return!1}function l(){return!1}function i(){return!0}function m(c){return new ce(c,e).getPropertyConfig(a)}function y(){var c,w,B,v;if(t&&e){const G=(c=t==null?void 0:t.componentInstance)==null?void 0:c.value.belongedComponentId;let b="",T="";const{formSchemaUtils:j}=e;if(G){const F=j.getRootViewModelId(),P=j.getComponentByViewModelId(F),f=j.selectNode(P,M=>M.contents&&M.contents.find(k=>k.component===G));(f==null?void 0:f.type)===((w=I.DgControl["tab-page"])==null?void 0:w.type)&&((B=f==null?void 0:f.contents)!=null&&B.length)&&(b=f.title||""),(f==null?void 0:f.type)===((v=I.DgControl.section)==null?void 0:v.type)&&(f==null?void 0:f.showHeader)!==!1&&(b=f.mainTitle||""),b=b?`${b} > `:"",T=b?f.id:""}const h=I.DgControl["tree-grid"].name;e==null||e.formSchemaUtils.getControlBasicInfoMap().set(t.schema.id,{componentTitle:h,parentPathName:`${b}${h}`,reliedComponentId:T})}}return{canAccepts:d,checkCanDeleteComponent:p,checkCanMoveComponent:l,hideNestedPaddingInDesginerView:i,triggerBelongedComponentToMoveWhenMoved:n,triggerBelongedComponentToDeleteWhenDeleted:r,getPropsConfig:m,setComponentBasicInfoMap:y}}const R=s.defineComponent({name:"FTreeGridDesign",props:A,emits:[],setup(t,e){var te,oe;const a=s.ref(),n=0,r=((te=t.rowOption)==null?void 0:te.height)||28,d=s.ref(20),p=s.ref(t.columns),l=u.useIdentify(t),i=s.ref(),m=s.ref(),y=s.ref([]),c=s.ref(!1),w=s.ref(((oe=t.rowOption)==null?void 0:oe.wrapContent)||!1),B=s.inject("designer-host-service"),v=s.inject("design-item-context"),G=ue(v,B),b=I.useDesignerComponent(a,v,G);b.value.designerClass="f-utils-fill-flex-column";const T=u.useFilter(t,e),j=u.useHierarchy(t),h=u.useDataView(t,new Map,T,j,l),F=u.useSelection(t,h,l,y,e),P=s.computed(()=>h.dataView.value.length),{containerStyleObject:f}=u.useDataViewContainerStyle(t),M=u.useCommandColumn(t),{applyCommands:k}=M;k(p);const J=g.useDesignerColumn(t),{applyColumnSorter:je,columnContext:E,updateColumnRenderContext:Pe}=J,Re=u.useSort(t),Ie=u.useGroupColumn(t,E),Ge=u.useRow(t,e,F,l),K=u.useEdit(t,e,l,Ge,y),Q=u.useVisualDataBound(t),Te=u.useVisualDataCell(t,K,Q),Fe=u.useVisualDataRow(t,h,K,j,l,Q,Te),X=g.useDesignerVisualData(t,p,h,P,n,Fe),{getVisualData:Y}=X,Me=u.useSidebar(t,F),{sidebarWidth:ke}=Me;y.value=Y(0,P.value+n-1);const H=u.useVirtualScroll(t,h,y,E,X,P,n,ke),{onWheel:De,dataGridWidth:Z,viewPortHeight:ee,viewPortWidth:z,updateVisibleRowsOnLatestVisibleScope:Ne}=H,Ae=g.useDesignerFitColumn(t,E,i,z,Ie),{calculateColumnsSize:D}=Ae,Ee=s.computed(()=>({"drag-container":!0,"fv-grid":!0,"fv-grid-bordered":t.showBorder,"fv-datagrid-strip":t.showStripe})),He=s.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":c.value,"fv-grid-wrap-content":w.value})),{renderGridHeader:ze}=se.getColumnHeader(v,t,J,H,"tree-grid-column"),{renderHorizontalScrollbar:Ve}=u.getHorizontalScrollbar(t,i,H);function We(){var ne,ie;const C=Math.ceil(i.value.clientHeight/r);C>d.value&&(d.value=C,Ne()),ee.value=((ne=m.value)==null?void 0:ne.clientHeight)||0,Z.value=((ie=i.value)==null?void 0:ie.clientWidth)||0,D()}s.onMounted(()=>{a.value.componentInstance=b,i.value&&(d.value=Math.max(Math.ceil(i.value.clientHeight/r),d.value),y.value=Y(0,P.value+n-1),ae.useResizeObserver(i.value,We),D(),s.nextTick(()=>{i.value&&(Z.value=i.value.clientWidth),m.value&&(z.value=m.value.clientWidth,ee.value=m.value.clientHeight)}))});function qe(C){C&&(p.value=C,k(p),Pe(p.value),je(h,Re),D())}return s.watch(()=>t.columns,C=>{qe(C)}),s.watch(z,()=>{i.value&&D()}),e.expose(b.value),()=>s.createVNode("div",{ref:a,class:Ee.value,style:f.value,onWheel:De,dragref:`${v.schema.id}-container`},[i.value&&ze(),s.createVNode("div",{ref:i,class:He.value,onMouseover:()=>{c.value=!0},onMouseleave:()=>{c.value=!1}},[Ve()])])}}),fe={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}},me={enable:{type:Boolean,default:!1},fields:{type:Array,default:[]},mode:{type:String,default:"client"},multiSort:{type:Boolean,default:!1}},ye={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"}},ge={enable:{type:Boolean,default:!1},filterStyle:{type:String,default:"filter-column"},mode:{type:String,default:"server"},showSummary:{type:Boolean,default:!0}},be={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}},Ce={enable:{type:Boolean,default:!1},customSummaryStyle:{type:Function,default:()=>{}},groupFields:{type:Array,default:[]},mode:{type:String,default:"client"},position:{type:String,default:"bottom"}},we={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}},ve={selectOnEditing:{type:Boolean,default:!1},editMode:{type:String,default:"cell"}},Se={show:{type:Boolean,default:!1},message:{type:String,default:"加载中"}},Oe={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}};R.register=(t,e,a,n)=>{t["tree-grid"]=N,e["tree-grid"]=U,n["tree-grid"]={bindingResolver:L,selectionItemResolver:x,updateColumnsResolver:_}},R.registerDesigner=(t,e,a)=>{t["tree-grid"]=R,e["tree-grid"]=$};const Be=S.withInstall(R);o.FTreeGridDesign=R,o.bindingResolver=L,o.columnOptions=we,o.default=Be,o.designPropsResolver=$,o.editOptions=ve,o.filterOptions=ge,o.groupOptions=ye,o.headerOptions=be,o.loadingOptions=Se,o.paginationOptions=fe,o.propsResolver=U,o.rowOptions=he,o.selectionItemResolver=x,o.sortOptions=me,o.summaryOptions=Ce,o.treeGridDesignProps=A,o.treeGridProps=Oe,o.updateColumnsResolver=_,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

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

@@ -0,0 +1,313 @@
+import { withInstall as W } from "../../components/common/index.esm.js";
+import { resolveAppearance as x, createPropsResolver as G } from "../../components/dynamic-resolver/index.esm.js";
+import L, { treeViewProps as J } from "../../components/tree-view/index.esm.js";
+import { createVNode as f, defineComponent as K, ref as s, inject as Q, computed as A } from "vue";
+import { getHierarchyRow as U, useFilter as X, useHierarchy as Y, useIdentify as Z, useDataView as _, useSelection as ee, useSelectHierarchyItem as te, useDataViewContainerStyle as ie, useColumn as ne, useRow as oe, useEdit as se, useVisualDataBound as ae, useVisualDataCell as re, useVisualDataRow as le, useVisualData as ce, useCellPosition as ue, useVirtualScroll as de } from "../../components/data-view/index.esm.js";
+import { useDesignerComponent as pe } from "../../components/designer-canvas/index.esm.js";
+const fe = {
+  /** 自定义样式 */
+  customClass: { type: String, default: "" },
+  /** 列集合 */
+  columns: {
+    type: Array,
+    default: [
+      { field: "name", title: "", dataType: "string", width: "100%" }
+    ]
+  },
+  columnOption: { type: Object },
+  displayField: { type: String, default: "name", require: !0 },
+  /** 是否显示连接线 */
+  showLines: { type: Boolean, default: !1 },
+  /** 树表数据 */
+  /** 被绑定数据 */
+  data: { type: Object, default: [] },
+  /** 禁用组件 */
+  disable: { type: Boolean, default: !1 },
+  disabledField: { type: String, default: "disabled" },
+  /** 适配父组件尺寸 */
+  fit: { type: Boolean, default: !1 },
+  /** 高度 */
+  height: { type: Number, default: -1 },
+  /** DataGrid组件唯一标识 */
+  id: { type: String, default: "" },
+  /** 被绑定数据的标识字段 */
+  idField: { type: String, default: "id", require: !0 },
+  /** 最小高度 */
+  minHeight: { type: Number, default: 300 },
+  /** 最小宽度 */
+  minWidth: { type: Number, default: 400 },
+  /** 分页配置 */
+  pagination: {
+    type: Object,
+    default: {
+      enable: !1,
+      size: -1
+    }
+  },
+  /** 行号配置 */
+  rowNumber: {
+    type: Object,
+    default: {
+      enable: !1,
+      width: 36,
+      heading: "序号"
+    }
+  },
+  /** 选择配置 */
+  selection: {
+    type: Object,
+    default: {
+      enableSelectRow: !0,
+      multiSelect: !1,
+      multiSelectMode: "DependOnCheck",
+      showCheckbox: !1,
+      showSelectAll: !1,
+      showSelection: !1
+    }
+  },
+  /** 已选数据标识 */
+  selectionValues: { type: Array, default: [] },
+  /** 是否显示图标集 */
+  showTreeNodeIcons: { type: Boolean, default: !1 },
+  /** 树节点图标数据 */
+  treeNodeIconsData: { type: [Object, String], default: {} },
+  /** 绑定数据中的图标属性key值 */
+  iconField: { type: String, default: "" },
+  /** 宽度 */
+  width: { type: Number, default: -1 },
+  /** 新增值 */
+  newDataItem: {
+    type: [Function, Object],
+    default: () => {
+    }
+  },
+  /** 连接线颜色 */
+  lineColor: { type: String, default: "#9399a0" },
+  /** 单元格高度 */
+  cellHeight: { type: Number, default: 28 },
+  onOutputValue: { type: Function, default: () => {
+  } },
+  onCurrentEvent: { type: Function, default: () => {
+  } },
+  hierarchy: {
+    type: Object,
+    default: {
+      cascadeOption: {
+        autoCheckChildren: !1,
+        autoCheckParent: !1,
+        selectionRange: "All"
+      },
+      parentIdField: "parent"
+    }
+  },
+  /** 行配置 */
+  rowOption: { type: Object },
+  /** 虚拟化渲染数据 */
+  virtualized: { type: Boolean, default: !1 },
+  /** 是否出现省略号 */
+  showEllipsis: { type: Boolean, default: !1 },
+  /** 自动高度 **/
+  autoHeight: { type: Boolean, default: !1 },
+  /** async loading data */
+  loadData: { type: Function }
+};
+function ye(e, t, a, m, g, C, b, u, o, h, l, i, n, c, v) {
+  const {
+    calculateCellPositionInRow: w
+  } = m, {
+    columnContext: d
+  } = g, {
+    gridDataStyle: V
+  } = i, {
+    renderDataRow: S
+  } = U(e, t, d, a, C, b, u, o, h, l, i, n, c);
+  function D() {
+    const O = w(d.value.primaryColumns);
+    return a.value.filter((r) => r.visible !== !1).map((r, p) => S(r, O, "primary", p));
+  }
+  function j() {
+    return (
+      // <div class="fv-tree-data" style={gridDataStyle.value}>
+      f("div", {
+        ref: v,
+        class: "fv-grid-content-primary"
+      }, [f("div", {
+        class: "fv-grid-data",
+        style: V.value
+      }, [D()])])
+    );
+  }
+  return {
+    renderTreeArea: j
+  };
+}
+const y = /* @__PURE__ */ K({
+  name: "FTreeViewDesign",
+  props: fe,
+  emits: ["outputValue", "currentEvent", "selectionChange"],
+  setup(e, t) {
+    const a = s(), m = Q("design-item-context"), g = pe(a, m), C = s();
+    s(e.idField);
+    const b = s(), u = s(!1), o = s([]), h = X(e, t), l = Y(e), i = Z(e), n = _(e, /* @__PURE__ */ new Map(), h, l, i), c = ee(e, n, i, o, t), v = te(e, o, n, i, c, t), w = A(() => ({
+      "fv-tree": !0
+    })), d = A(() => ({
+      "fv-tree-content": !0
+    })), {
+      containerStyleObject: V
+    } = ie(e);
+    function S(M) {
+    }
+    function D() {
+      return [];
+    }
+    function j() {
+      return [];
+    }
+    const O = s(e.columns), r = ne(e, t), {
+      columnContext: p
+    } = r, F = 0, R = A(() => n.dataView.value.length), B = oe(e, t, c, i), H = se(e, t, i, B, o), I = ae(e), P = re(e, {}, I), $ = le(e, n, H, l, i, I, P), T = ce(e, O, n, R, F, $), {
+      getVisualData: q
+    } = T, E = ue(e, p);
+    o.value = q(0, R.value + F - 1);
+    const k = de(e, n, o, p, T, R, F, s(0)), {
+      renderTreeArea: z
+    } = ye(e, t, o, E, r, n, H, l, B, c, v, k, T, I, C);
+    return t.expose(g.value), () => f("div", {
+      class: w.value,
+      style: V.value,
+      onWheel: S
+    }, [f("div", {
+      ref: b,
+      class: d.value,
+      onMouseover: () => {
+        u.value = !0;
+      },
+      onMouseleave: () => {
+        u.value = !1;
+      }
+    }, [z(), D(), j()])]);
+  }
+}), me = /* @__PURE__ */ new Map([
+  ["appearance", x]
+]);
+function ge(e, t, a) {
+  return t;
+}
+const Ce = "tree-view", be = "A Farris Component", he = "object", ve = {
+  basic: {
+    description: "Basic Infomation",
+    title: "基本信息",
+    properties: {
+      id: {
+        description: "组件标识",
+        title: "标识",
+        type: "string",
+        readonly: !0
+      },
+      type: {
+        description: "组件类型",
+        title: "控件类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  }
+}, we = {
+  title: Ce,
+  description: be,
+  type: he,
+  categories: ve
+}, Ve = "https://json-schema.org/draft/2020-12/schema", Se = "https://farris-design.gitee.io/tree-view.schema.json", De = "tree-view", je = "A Farris Component", Oe = "object", Fe = {
+  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"
+  }
+}, Re = [
+  "id",
+  "type"
+], Ie = {
+  $schema: Ve,
+  $id: Se,
+  title: De,
+  description: je,
+  type: Oe,
+  properties: Fe,
+  required: Re
+}, N = G(J, Ie, me, ge, we);
+y.register = (e, t, a) => {
+  e["tree-view"] = L, t["tree-view"] = N;
+};
+y.registerDesigner = (e, t, a) => {
+  e["tree-view"] = y, t["tree-view"] = N;
+};
+const Pe = W(y);
+export {
+  y as FTreeViewDesign,
+  Pe as default,
+  N as propsResolver
+};

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

@@ -0,0 +1 @@
+(function(o,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("../../components/common/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("../../components/tree-view/index.umd.js"),require("vue"),require("../../components/data-view/index.umd.js"),require("../../components/designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/common/index.umd.js","../../components/dynamic-resolver/index.umd.js","../../components/tree-view/index.umd.js","vue","../../components/data-view/index.umd.js","../../components/designer-canvas/index.umd.js"],u):(o=typeof globalThis<"u"?globalThis:o||self,u(o["tree-view"]={},o.common,o.dynamicResolver,o.FTreeView,o.Vue,o.dataView,o.designerCanvas))})(this,function(o,u,x,M,t,n,P){"use strict";const E={customClass:{type:String,default:""},columns:{type:Array,default:[{field:"name",title:"",dataType:"string",width:"100%"}]},columnOption:{type:Object},displayField:{type:String,default:"name",require:!0},showLines:{type:Boolean,default:!1},data:{type:Object,default:[]},disable:{type:Boolean,default:!1},disabledField:{type:String,default:"disabled"},fit:{type:Boolean,default:!1},height:{type:Number,default:-1},id:{type:String,default:""},idField:{type:String,default:"id",require:!0},minHeight:{type:Number,default:300},minWidth:{type:Number,default:400},pagination:{type:Object,default:{enable:!1,size:-1}},rowNumber:{type:Object,default:{enable:!1,width:36,heading:"序号"}},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!1}},selectionValues:{type:Array,default:[]},showTreeNodeIcons:{type:Boolean,default:!1},treeNodeIconsData:{type:[Object,String],default:{}},iconField:{type:String,default:""},width:{type:Number,default:-1},newDataItem:{type:[Function,Object],default:()=>{}},lineColor:{type:String,default:"#9399a0"},cellHeight:{type:Number,default:28},onOutputValue:{type:Function,default:()=>{}},onCurrentEvent:{type:Function,default:()=>{}},hierarchy:{type:Object,default:{cascadeOption:{autoCheckChildren:!1,autoCheckParent:!1,selectionRange:"All"},parentIdField:"parent"}},rowOption:{type:Object},virtualized:{type:Boolean,default:!1},showEllipsis:{type:Boolean,default:!1},autoHeight:{type:Boolean,default:!1},loadData:{type:Function}};function k(e,i,l,C,v,b,w,m,a,j,p,s,r,f,S){const{calculateCellPositionInRow:D}=C,{columnContext:y}=v,{gridDataStyle:O}=s,{renderDataRow:F}=n.getHierarchyRow(e,i,y,l,b,w,m,a,j,p,s,r,f);function R(){const T=D(y.value.primaryColumns);return l.value.filter(c=>c.visible!==!1).map((c,g)=>F(c,T,"primary",g))}function I(){return t.createVNode("div",{ref:S,class:"fv-grid-content-primary"},[t.createVNode("div",{class:"fv-grid-data",style:O.value},[R()])])}return{renderTreeArea:I}}const d=t.defineComponent({name:"FTreeViewDesign",props:E,emits:["outputValue","currentEvent","selectionChange"],setup(e,i){const l=t.ref(),C=t.inject("design-item-context"),v=P.useDesignerComponent(l,C),b=t.ref();t.ref(e.idField);const w=t.ref(),m=t.ref(!1),a=t.ref([]),j=n.useFilter(e,i),p=n.useHierarchy(e),s=n.useIdentify(e),r=n.useDataView(e,new Map,j,p,s),f=n.useSelection(e,r,s,a,i),S=n.useSelectHierarchyItem(e,a,r,s,f,i),D=t.computed(()=>({"fv-tree":!0})),y=t.computed(()=>({"fv-tree-content":!0})),{containerStyleObject:O}=n.useDataViewContainerStyle(e);function F(H){}function R(){return[]}function I(){return[]}const T=t.ref(e.columns),c=n.useColumn(e,i),{columnContext:g}=c,V=0,q=t.computed(()=>r.dataView.value.length),A=n.useRow(e,i,f,s),B=n.useEdit(e,i,s,A,a),N=n.useVisualDataBound(e),J=n.useVisualDataCell(e,{},N),K=n.useVisualDataRow(e,r,B,p,s,N,J),$=n.useVisualData(e,T,r,q,V,K),{getVisualData:Q}=$,U=n.useCellPosition(e,g);a.value=Q(0,q.value+V-1);const X=n.useVirtualScroll(e,r,a,g,$,q,V,t.ref(0)),{renderTreeArea:Y}=k(e,i,a,U,c,r,B,p,A,f,S,X,$,N,b);return i.expose(v.value),()=>t.createVNode("div",{class:D.value,style:O.value,onWheel:F},[t.createVNode("div",{ref:w,class:y.value,onMouseover:()=>{m.value=!0},onMouseleave:()=>{m.value=!1}},[Y(),R(),I()])])}}),z=new Map([["appearance",x.resolveAppearance]]);function W(e,i,l){return i}const _={title:"tree-view",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},G={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/tree-view.schema.json",title:"tree-view",description:"A Farris Component",type:"object",properties:{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"}},required:["id","type"]},h=x.createPropsResolver(M.treeViewProps,G,z,W,_);d.register=(e,i,l)=>{e["tree-view"]=M,i["tree-view"]=h},d.registerDesigner=(e,i,l)=>{e["tree-view"]=d,i["tree-view"]=h};const L=u.withInstall(d);o.FTreeViewDesign=d,o.default=L,o.propsResolver=h,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});