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

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

@@ -1 +1 @@
-(function(u,O){typeof exports=="object"&&typeof module<"u"?O(exports,require("../common/index.umd.js"),require("vue"),require("@vueuse/core"),require("../dynamic-resolver/index.umd.js"),require("../data-view/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue","@vueuse/core","../dynamic-resolver/index.umd.js","../data-view/index.umd.js","../designer-canvas/index.umd.js"],O):(u=typeof globalThis<"u"?globalThis:u||self,O(u["tree-view"]={},u.common,u.Vue,u.VueUseCore,u.dynamicResolver,u.dataView,u.designerCanvas))})(this,function(u,O,o,ie,K,t,se){"use strict";const le=new Map([["appearance",K.resolveAppearance]]);function ae(e,i,m){return i}const re={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:[]}}}}}},ce={$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"]},ue={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}},k={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}},L=K.createPropsResolver(k,ce,le,ae,re);function Q(e,i,m,a,R,g,b,l,v,y,S,s,r,h,M){const{calculateCellPositionInRow:x}=a,{columnContext:F}=R,{gridDataStyle:P}=s,{renderDataRow:H}=t.getHierarchyRow(e,i,F,m,g,b,l,v,y,S,s,r,h);function w(){const p=x(F.value.primaryColumns);return m.value.filter(d=>d.visible!==!1).map((d,B)=>H(d,p,"primary",B))}function q(){return o.createVNode("div",{ref:M,class:"fv-grid-content-primary"},[o.createVNode("div",{class:"fv-grid-data",style:P.value},[w()])])}return{renderTreeArea:q}}function X(e,i){function m(){return i.slots.header&&o.createVNode("div",{class:"f-tree-view-header"},[i.slots.header()])}return{renderHeader:m}}const V=o.defineComponent({name:"FTreeView",props:k,emits:["outputValue","currentEvent","clickRow","selectItem","unSelectItem","selectionChange","expandNode","dblclickNode","clickRow","selectionUpdate"],setup(e,i){var oe;const m=((oe=e.rowOption)==null?void 0:oe.height)||28,a=o.ref(),R=o.ref(!1),g=o.ref(),b=o.ref(20),l=o.ref([]),v=t.useFilter(e,i),y=t.useIdentify(e),S=t.useHierarchy(e),s=t.useDataView(e,new Map,v,S,y),r=t.useSelection(e,s,y,l,i),h=t.useSelectHierarchyItem(e,l,s,y,r,i),M=o.computed(()=>{const n={"fv-grid":!0,"fv-tree-view":!0};return O.getCustomClass(n,e.customClass)}),x=o.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":R.value})),{containerStyleObject:F}=t.useDataViewContainerStyle(e),P=o.ref(e.columns),H=t.useColumn(e,i),{columnContext:w}=H,q=t.useGroupColumn(e,w),p=0,d=o.computed(()=>e.virtualized?Math.min(s.dataView.value.length,b.value):s.dataView.value.length),B=o.computed(()=>!l.value||!l.value.length),I=t.useRow(e,i,r,y),N=t.useEdit(e,i,y,I,l),T=t.useVisualDataBound(e),W=t.useVisualDataCell(e,{},T),z=t.useVisualDataRow(e,s,N,S,y,T,W),A=t.useVisualData(e,P,s,d,p,z),{getVisualData:j}=A,$=t.useCellPosition(e,w),C=t.useVirtualScroll(e,s,l,w,A,d,p,o.ref(0)),U=t.useSidebar(e,r),{onWheel:Y,dataGridWidth:G,viewPortHeight:E,viewPortWidth:Z,resetScroll:ee,updateVisibleRowsOnLatestVisibleScope:me}=C,{renderVerticalScrollbar:ye}=t.getVerticalScrollbar(e,a,C),{renderHorizontalScrollbar:pe}=t.getHorizontalScrollbar(e,a,C),{renderDataGridSidebar:Ce}=t.getSidebar(e,I,r,U,C),ve=t.useFitColumn(e,w,a,Z,q),{calculateColumnsSize:te}=ve;function he(){return e.header==="ContentHeader",X}const ge=he(),{renderHeader:be}=ge(e,i),{renderTreeArea:Se}=Q(e,i,l,$,H,s,N,S,I,r,h,C,A,T,g);function _(){const n=r.getSelectionRow();return n?n.dataIndex-1:-1}function Ie(){var c,f;const n=Math.ceil(a.value.clientHeight/m);n>b.value&&(b.value=n,me()),E.value=((c=g.value)==null?void 0:c.clientHeight)||0,G.value=((f=a.value)==null?void 0:f.clientWidth)||0,te()}const{renderEmpty:we}=t.getEmpty(e,i);o.onMounted(()=>{a.value&&(b.value=Math.max(Math.ceil(a.value.clientHeight/m),b.value),l.value=j(0,d.value+p-1),ie.useResizeObserver(a.value,Ie),te(),o.nextTick(()=>{a.value&&(G.value=a.value.clientWidth),g.value&&(Z.value=g.value.clientWidth,E.value=g.value.clientHeight)}))});function De(){const n=_();s.insertNewDataItem(n),l.value=j(0,d.value+p-1)}function Re(){const n=_();s.insertNewChildDataItem(n),l.value=j(0,d.value+p-1)}function je(){const n=_(),c=h.getNextSelectableHierarchyItemId(n);s.removeHierarchyDataItem(n),l.value=j(0,d.value+p-1),c&&h.selectItemById(c)}function Oe(n,c){s.editDataItem(n,c),l.value=j(0,d.value+p-1)}function Fe(){}function He(){}function Be(n){return Object.prototype.hasOwnProperty.call(n,"raw")?s.hasRealChildren(n.raw):s.hasRealChildren(n)}function Ne(n,c){const f=l.value.find(J=>J.raw[y.idField.value]===c),D=f?f.dataIndex-1:-1;s.insertNewChildDataItems(n,D)}function ne(n){if(n>-1){const c=l.value[n];c&&r.selectItem(c)}}function Te(n,c){if(n){const f=r.getSelectionRow();if(s.load(n),s.reOrderVisibleIndex(),c!=null&&c.keepScrollPosition){const D=C.offsetY.value;ee(),C.scrollTo(D)}else ee();if(f&&f.raw&&f.raw.originalId){const D=n.findIndex(J=>J.originalId===f.raw.originalId);D>-1&&ne(D)}}}function Ve(){r.clearSelection()}function Me(n){h.selectItemById(n)}function xe(n){I.activeRowById(n)}function Pe(n){const c=y.idField.value,f=l.value.find(D=>D.raw[c]===n);f&&I.changeRow(f)}i.expose({addNewDataItem:De,addNewChildDataItem:Re,removeDataItem:je,editDataItem:Oe,acceptDataItem:Fe,cancelDataItem:He,selectItem:ne,updateDataSource:Te,clearSelection:Ve,selectItemById:Me,activeRowById:xe,hasChildren:Be,addChildrenToNode:Ne,selectRowById:Pe});const qe=o.computed(()=>{const n={};return C.shouldShowHorizontalScrollbar.value&&(n.paddingBottom="10px"),C.shouldShowVirticalScrollbar.value&&(n.paddingRight="10px"),n});return()=>o.createVNode("div",{class:M.value,style:F.value,onWheel:Y},[be(),o.createVNode("div",{ref:a,class:x.value,onMouseover:()=>{R.value=!0},onMouseleave:()=>{R.value=!1},style:qe.value},[a.value&&Ce(l),Se(),a.value&&B.value&&we(),a.value&&pe(),a.value&&ye()])])}}),de=o.defineComponent({name:"FTreeViewDesign",props:k,emits:["outputValue","currentEvent","selectionChange"],setup(e,i){const m=o.ref(),a=o.inject("design-item-context"),R=se.useDesignerComponent(m,a),g=o.ref();o.ref(e.idField);const b=o.ref(),l=o.ref(!1),v=o.ref([]),y=t.useFilter(e,i),S=t.useHierarchy(e),s=t.useIdentify(e),r=t.useDataView(e,new Map,y,S,s),h=t.useSelection(e,r,s,v,i),M=t.useSelectHierarchyItem(e,v,r,s,h,i),x=o.computed(()=>({"fv-tree":!0})),F=o.computed(()=>({"fv-tree-content":!0})),{containerStyleObject:P}=t.useDataViewContainerStyle(e);function H(E){}function w(){return[]}function q(){return[]}const p=o.ref(e.columns),d=t.useColumn(e,i),{columnContext:B}=d,I=0,N=o.computed(()=>r.dataView.value.length),T=t.useRow(e,i,h,s),W=t.useEdit(e,i,s,T,v),z=t.useVisualDataBound(e),A=t.useVisualDataCell(e,{},z),j=t.useVisualDataRow(e,r,W,S,s,z,A),$=t.useVisualData(e,p,r,N,I,j),{getVisualData:C}=$,U=t.useCellPosition(e,B);v.value=C(0,N.value+I-1);const Y=t.useVirtualScroll(e,r,v,B,$,N,I,o.ref(0)),{renderTreeArea:G}=Q(e,i,v,U,d,r,W,S,T,h,M,Y,$,z,g);return i.expose(R.value),()=>o.createVNode("div",{class:x.value,style:P.value,onWheel:H},[o.createVNode("div",{ref:b,class:F.value,onMouseover:()=>{l.value=!0},onMouseleave:()=>{l.value=!1}},[G(),w(),q()])])}});V.register=(e,i,m)=>{e["tree-view"]=V,i["tree-view"]=L},V.registerDesigner=(e,i,m)=>{e["tree-view"]=de,i["tree-view"]=L};const fe=O.withInstall(V);u.FTreeView=V,u.columnOptions=ue,u.default=fe,u.propsResolver=L,u.treeViewProps=k,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(s,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("../common/index.umd.js"),require("vue"),require("@vueuse/core"),require("../data-view/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue","@vueuse/core","../data-view/index.umd.js"],p):(s=typeof globalThis<"u"?globalThis:s||self,p(s["tree-view"]={},s.common,s.Vue,s.VueUseCore,s.dataView))})(this,function(s,p,o,X,n){"use strict";const Z={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}},A={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 $(t,r,C,u,w,g,I,i,N,m,D,a,d,S,j){const{calculateCellPositionInRow:F}=u,{columnContext:B}=w,{gridDataStyle:T}=a,{renderDataRow:H}=n.getHierarchyRow(t,r,B,C,g,I,i,N,m,D,a,d,S);function b(){const y=F(B.value.primaryColumns);return C.value.filter(f=>f.visible!==!1).map((f,x)=>H(f,y,"primary",x))}function V(){return o.createVNode("div",{ref:j,class:"fv-grid-content-primary"},[o.createVNode("div",{class:"fv-grid-data",style:T.value},[b()])])}return{renderTreeArea:V}}function E(t,r){function C(){return r.slots.header&&o.createVNode("div",{class:"f-tree-view-header"},[r.slots.header()])}return{renderHeader:C}}const W=o.defineComponent({name:"FTreeView",props:A,emits:["outputValue","currentEvent","clickRow","selectItem","unSelectItem","selectionChange","expandNode","dblclickNode","clickRow","selectionUpdate"],setup(t,r){var Q;const C=((Q=t.rowOption)==null?void 0:Q.height)||28,u=o.ref(),w=o.ref(!1),g=o.ref(),I=o.ref(20),i=o.ref([]),N=n.useFilter(t,r),m=n.useIdentify(t),D=n.useHierarchy(t),a=n.useDataView(t,new Map,N,D,m),d=n.useSelection(t,a,m,i,r),S=n.useSelectHierarchyItem(t,i,a,m,d,r),j=o.computed(()=>{const e={"fv-grid":!0,"fv-tree-view":!0};return p.getCustomClass(e,t.customClass)}),F=o.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":w.value})),{containerStyleObject:B}=n.useDataViewContainerStyle(t),T=o.ref(t.columns),H=n.useColumn(t,r),{columnContext:b}=H,V=n.useGroupColumn(t,b),y=0,f=o.computed(()=>t.virtualized?Math.min(a.dataView.value.length,I.value):a.dataView.value.length),x=o.computed(()=>!i.value||!i.value.length),R=n.useRow(t,r,d,m),q=n.useEdit(t,r,m,R,i),M=n.useVisualDataBound(t),te=n.useVisualDataCell(t,{},M),ne=n.useVisualDataRow(t,a,q,D,m,M,te),P=n.useVisualData(t,T,a,f,y,ne),{getVisualData:O}=P,le=n.useCellPosition(t,b),h=n.useVirtualScroll(t,a,i,b,P,f,y,o.ref(0)),oe=n.useSidebar(t,d),{onWheel:ae,dataGridWidth:G,viewPortHeight:L,viewPortWidth:U,resetScroll:Y,updateVisibleRowsOnLatestVisibleScope:ie}=h,{renderVerticalScrollbar:ue}=n.getVerticalScrollbar(t,u,h),{renderHorizontalScrollbar:re}=n.getHorizontalScrollbar(t,u,h),{renderDataGridSidebar:se}=n.getSidebar(t,R,d,oe,h),ce=n.useFitColumn(t,b,u,U,V),{calculateColumnsSize:_}=ce;function de(){return t.header==="ContentHeader",E}const fe=de(),{renderHeader:me}=fe(t,r),{renderTreeArea:ye}=$(t,r,i,le,H,a,q,D,R,d,S,h,P,M,g);function z(){const e=d.getSelectionRow();return e?e.dataIndex-1:-1}function he(){var l,c;const e=Math.ceil(u.value.clientHeight/C);e>I.value&&(I.value=e,ie()),L.value=((l=g.value)==null?void 0:l.clientHeight)||0,G.value=((c=u.value)==null?void 0:c.clientWidth)||0,_()}const{renderEmpty:ve}=n.getEmpty(t,r);o.onMounted(()=>{u.value&&(I.value=Math.max(Math.ceil(u.value.clientHeight/C),I.value),i.value=O(0,f.value+y-1),X.useResizeObserver(u.value,he),_(),o.nextTick(()=>{u.value&&(G.value=u.value.clientWidth),g.value&&(U.value=g.value.clientWidth,L.value=g.value.clientHeight)}))});function Ce(){const e=z();a.insertNewDataItem(e),i.value=O(0,f.value+y-1)}function ge(){const e=z();a.insertNewChildDataItem(e),i.value=O(0,f.value+y-1)}function Ie(){const e=z(),l=S.getNextSelectableHierarchyItemId(e);a.removeHierarchyDataItem(e),i.value=O(0,f.value+y-1),l&&S.selectItemById(l)}function Se(e,l){a.editDataItem(e,l),i.value=O(0,f.value+y-1)}function pe(){}function be(){}function we(e){return Object.prototype.hasOwnProperty.call(e,"raw")?a.hasRealChildren(e.raw):a.hasRealChildren(e)}function De(e,l){const c=i.value.find(k=>k.raw[m.idField.value]===l),v=c?c.dataIndex-1:-1;a.insertNewChildDataItems(e,v)}function J(e){if(e>-1){const l=i.value[e];l&&d.selectItem(l)}}function Re(e,l){if(e){const c=d.getSelectionRow();if(a.load(e),a.reOrderVisibleIndex(),l!=null&&l.keepScrollPosition){const v=h.offsetY.value;Y(),h.scrollTo(v)}else Y();if(c&&c.raw&&c.raw.originalId){const v=e.findIndex(k=>k.originalId===c.raw.originalId);v>-1&&J(v)}}}function Oe(){d.clearSelection()}function Be(e){S.selectItemByIds(e)}function K(e){R.activeRowById(e)}function He(e,l={isCurrent:!0}){l!=null&&l.isCurrent&&K(e),S.selectItemById(e)}function Ne(e){const l=m.idField.value,c=i.value.find(v=>v.raw[l]===e);c&&R.changeRow(c)}function je(){d.emptyCurrentRowId()}r.expose({addNewDataItem:Ce,addNewChildDataItem:ge,removeDataItem:Ie,editDataItem:Se,acceptDataItem:pe,cancelDataItem:be,selectItem:J,updateDataSource:Re,clearSelection:Oe,selectItemById:He,activeRowById:K,hasChildren:we,addChildrenToNode:De,selectRowById:Ne,selectItemByIds:Be,emptyCurrentRowId:je});const Fe=o.computed(()=>{const e={};return h.shouldShowHorizontalScrollbar.value&&(e.paddingBottom="10px"),h.shouldShowVirticalScrollbar.value&&(e.paddingRight="10px"),e});return()=>o.createVNode("div",{class:j.value,style:B.value,onWheel:ae},[me(),o.createVNode("div",{ref:u,class:F.value,onMouseover:()=>{w.value=!0},onMouseleave:()=>{w.value=!1},style:Fe.value},[u.value&&se(i),ye(),u.value&&x.value&&ve(),u.value&&re(),u.value&&ue()])])}}),ee=p.withInstall(W);s.FTreeView=W,s.columnOptions=Z,s.default=ee,s.treeViewProps=A,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});