@farris/ui-vue 1.7.3 → 1.7.4

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

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