@farris/ui-vue 1.6.0-beta.6 → 1.6.0-beta.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/avatar/index.esm.js +2 -1
- package/components/avatar/index.umd.cjs +1 -1
- package/components/button-edit/index.esm.js +2 -1
- package/components/button-edit/index.umd.cjs +1 -1
- package/components/component/index.esm.js +2 -1
- package/components/component/index.umd.cjs +1 -1
- package/components/condition/index.esm.js +2 -1
- package/components/condition/index.umd.cjs +1 -1
- package/components/content-container/index.esm.js +2 -1
- package/components/content-container/index.umd.cjs +1 -1
- package/components/data-grid/index.esm.js +1 -1
- package/components/data-grid/index.umd.cjs +1 -1
- package/components/data-view/index.esm.js +2964 -2937
- package/components/data-view/index.umd.cjs +1 -1
- package/components/designer-canvas/index.esm.js +2 -1
- package/components/designer-canvas/index.umd.cjs +1 -1
- package/components/dynamic-form/index.esm.js +63 -62
- package/components/dynamic-form/index.umd.cjs +1 -1
- package/components/events-editor/index.esm.js +2 -1
- package/components/events-editor/index.umd.cjs +1 -1
- package/components/expression-editor/index.esm.js +2 -1
- package/components/expression-editor/index.umd.cjs +1 -1
- package/components/filter-bar/index.esm.js +2 -1
- package/components/filter-bar/index.umd.cjs +1 -1
- package/components/filter-condition-editor/index.esm.js +2 -1
- package/components/filter-condition-editor/index.umd.cjs +1 -1
- package/components/flow-canvas/index.esm.js +2 -1
- package/components/flow-canvas/index.umd.cjs +1 -1
- package/components/list-view/index.esm.js +103 -102
- package/components/list-view/index.umd.cjs +2 -2
- package/components/mapping-editor/index.esm.js +107 -106
- package/components/mapping-editor/index.umd.cjs +1 -1
- package/components/message-box/index.esm.js +2 -1
- package/components/message-box/index.umd.cjs +1 -1
- package/components/modal/index.esm.js +2 -1
- package/components/modal/index.umd.cjs +1 -1
- package/components/number-range/index.esm.js +2 -1
- package/components/number-range/index.umd.cjs +1 -1
- package/components/number-spinner/index.esm.js +2 -1
- package/components/number-spinner/index.umd.cjs +1 -1
- package/components/pagination/index.esm.js +276 -282
- package/components/pagination/index.umd.cjs +1 -1
- package/components/property-panel/index.esm.js +103 -102
- package/components/property-panel/index.umd.cjs +2 -2
- package/components/query-solution/index.esm.js +2 -1
- package/components/query-solution/index.umd.cjs +1 -1
- package/components/response-layout/index.esm.js +63 -62
- package/components/response-layout/index.umd.cjs +1 -1
- package/components/response-layout-editor/index.esm.js +2 -1
- package/components/response-layout-editor/index.umd.cjs +1 -1
- package/components/schema-selector/index.esm.js +203 -208
- package/components/schema-selector/index.umd.cjs +2 -2
- package/components/section/index.esm.js +2 -1
- package/components/section/index.umd.cjs +1 -1
- package/components/sort-condition-editor/index.esm.js +2 -1
- package/components/sort-condition-editor/index.umd.cjs +1 -1
- package/components/tabs/index.esm.js +2 -1
- package/components/tabs/index.umd.cjs +1 -1
- package/components/textarea/index.esm.js +2 -1
- package/components/textarea/index.umd.cjs +1 -1
- package/components/time-picker/index.esm.js +103 -102
- package/components/time-picker/index.umd.cjs +1 -1
- package/components/tree-grid/index.esm.js +2 -1
- package/components/tree-grid/index.umd.cjs +1 -1
- package/components/tree-view/index.esm.js +2 -1
- package/components/tree-view/index.umd.cjs +1 -1
- package/components/video/index.esm.js +2 -1
- package/components/video/index.umd.cjs +1 -1
- package/designer/button-edit/index.esm.js +2 -1
- package/designer/button-edit/index.umd.cjs +1 -1
- package/designer/data-grid/index.esm.js +2 -1
- package/designer/data-grid/index.umd.cjs +1 -1
- package/designer/farris-designer.all.esm.js +4 -9
- package/designer/farris-designer.all.umd.cjs +2 -2
- package/designer/radio-group/index.esm.js +2 -1
- package/designer/radio-group/index.umd.cjs +1 -1
- package/farris.all.esm.js +6668 -6647
- package/farris.all.umd.cjs +19 -19
- package/package.json +1 -1
- package/types/data-view/composition/types.d.ts +2 -0
- package/types/chs.d.ts +0 -494
|
@@ -741,7 +741,7 @@ const yn = /* @__PURE__ */ vt({
|
|
|
741
741
|
style: _.value,
|
|
742
742
|
onMouseover: () => z.value = !0,
|
|
743
743
|
onMouseleave: () => z.value = !1
|
|
744
|
-
}, [s.value && e(d), s.value && dt(), s.value && ct.value && ft(), s.value && t(), s.value && y()]), s.value && i(), oe.value && De(),
|
|
744
|
+
}, [s.value && e(d), s.value && dt(), s.value && ct.value && ft(), s.value && t(), s.value && y()]), s.value && i(), oe.value && De(), Ge(), ge.value && a()]);
|
|
745
745
|
}
|
|
746
746
|
}), xn = mt(yn);
|
|
747
747
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(d,x){typeof exports=="object"&&typeof module<"u"?x(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"],x):(d=typeof globalThis<"u"?globalThis:d||self,x(d["data-grid"]={},d.common,d.Vue,d.VueUseCore,d.dataView))})(this,function(d,x,t,Ae,i){"use strict";const Le={enable:{type:Boolean,default:!1},index:{type:Number,default:1},mode:{type:String,default:"client"},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},disabled:{type:Boolean,default:!1}},We={enable:{type:Boolean,default:!1},fields:{type:Array,default:[]},mode:{type:String,default:"client"},multiSort:{type:Boolean,default:!1}},Ue={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"}},qe={enable:{type:Boolean,default:!1},filterStyle:{type:String,default:"filter-column"},mode:{type:String,default:"server"},showSummary:{type:Boolean,default:!0}},Ke={wrapHeadings:{type:Boolean,default:!1}},_e={enable:{type:Boolean,default:!1},heading:{type:String,default:"序号"},width:{type:Number,default:36},showEllipsis:{type:Boolean,default:!0}},$e={customRowStyle:{type:Function,default:()=>{}},customRowStatus:{type:Function,default:()=>{}},disable:{type:Function,default:()=>{}},height:{type:Number,default:28},showHovering:{type:Boolean,default:!0},wrapContent:{type:Boolean,default:!1}},Ye={enable:{type:Boolean,default:!1},customSummaryStyle:{type:Function,default:()=>{}},groupFields:{type:Array,default:[]},mode:{type:String,default:"client"},position:{type:String,default:"bottom"}},Je={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}},Qe={checkOnSelect:{type:Boolean,default:!1},clearSelectionOnEmpty:{type:Boolean,default:!0},customSelectionItem:{type:Function,default:()=>{}},enabelSelectRow:{type:Boolean,default:!0},keepSelectingOnClick:{type:Boolean,default:!0},keepSelectingOnPaging:{type:Boolean,default:!0},multiSelect:{type:Boolean,default:!1},focusSelection:{type:String,default:"current"},selectOnCheck:{type:Boolean,default:!1},showCheckbox:{type:Boolean,default:!1},showSelectAll:{type:Boolean,default:!1},showSelection:{type:Boolean,default:!1}},Xe={selectOnEditing:{type:Boolean,default:!1},editMode:{type:String,default:"cell"}},Ze={show:{type:Boolean,default:!1},message:{type:String,default:"加载中..."}},Pe={appendOnEnterAtLastCell:{type:Boolean,default:!1},beforeEditCell:{type:Function,default:o=>!0},beforeEndEditCell:{type:Function,default:()=>!0},changePolicy:{type:String,default:"push"},columns:{type:Array,default:[]},columnOption:{type:Object},commandOption:{type:Object,default:{enable:!1,commands:[],halign:"center"}},data:{type:Array,default:[]},disabled:{type:Boolean,default:!1},disabledField:{type:String,default:"disabled"},editable:{type:Boolean,default:!1},editOption:{type:Object,default:{selectOnEditing:!1,editMode:"cell"}},enableCommands:{type:Boolean,default:!1},enableFilter:{type:Boolean,default:!1},filter:{type:Object},fit:{type:Boolean,default:!1},focusOnEditingCell:{type:Boolean,default:!0},group:{type:Object},header:{type:Object},height:{type:Number,default:-1},id:{type:String,default:""},idField:{type:String,default:"id",require:!0},loading:{type:Boolean,default:!1},mergeCell:{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:20}},rowNumber:{type:Object,default:{enable:!0,width:32,showEllipsis:!0,heading:"序号"}},rowOption:{type:Object,default:{wrapContent:!1}},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!0,keepSelectingOnClick:!0}},selectionValues:{type:Array,default:[]},selectOnEditingCell:{type:Boolean,default:!1},showBorder:{type:Boolean,default:!1},showFooter:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showHorizontalLines:{type:Boolean,default:!0},showScrollBar:{type:String,default:"auto"},showSetting:{type:Boolean,default:!1},showStripe:{type:Boolean,default:!0},showVerticallLines:{type:Boolean,default:!1},sort:{type:Object},summary:{type:Object,default:{enable:!1,groupFields:["numericField1","numericField2"]}},virtualized:{type:Boolean,default:!0},width:{type:Number,default:-1}};function et(o,g,Ee,ne,I,O,h,oe,u,w,le,z,f,A,E,L){const{isNull:V,isUndefined:W}=x.useCommonUtils(),{totalItems:me,rawView:ye}=L,{calculateCellPositionInRow:r,cellKey:S,cellPosition:ae,rowKey:y,rowPosition:U,rowSpanCellPosition:pe,groupCellPosition:ge,summaryCellPosition:j}=h,{cellContentClass:Ce,cellContentPosition:he,cellContentClassWithEllipsis:N}=O,{collpaseGroupIconClass:v}=w,{gridCellClass:q,gridRowClass:M,onClickRow:b,onMouseoverRow:K,onMouseoutRow:_}=z,{onClickCell:G}=u,{toggleGroupRow:C}=f,{columnContext:B,hasLeftFixedColumn:D,hasRightFixedColumn:$}=oe,{navigateOnKeyUp:Se,navigateOnKeyDown:Ve}=le,T=e=>(e||[]).some(a=>t.isVNode(a)?!(a.type===t.Comment||a.type===t.Fragment&&!T(a.children)):!0)?e:null,ie=e=>{var a,s,n;return((s=(a=e.column)==null?void 0:a.editor)==null?void 0:s.type)==="switch"||((n=e.column)==null?void 0:n.dataType)==="boolean"?{display:"flex",flexGrow:"1",overflow:"hidden"}:{flexGrow:"1"}},Y=t.reactive({"fv-grid-content-left-fixed":!0}),J=t.reactive({"fv-grid-content-right-fixed":!0});t.watch([me,ye],e=>{!e[0]&&!e[1].length?(Y["fv-grid-content-left-fixed"]=!1,J["fv-grid-content-right-fixed"]=!1):(Y["fv-grid-content-left-fixed"]=!0,J["fv-grid-content-right-fixed"]=!0)});const{gridDataStyle:Q,gridMergedDataStyle:ve,leftFixedGridDataStyle:be,leftFixedGridMergedDataStyle:m,rightFixedGridDataStyle:Be,rightFixedGridMergedDataStyle:re}=A;function se(e,a){a.collapse=!a.collapse,E.value=C(a.collapse?"collapse":"expand",a,E.value)}function H(e,a){const s=[];if(e.groupField&&a[e.groupField]){for(let p=0;p<=e.layer;p++)s.push(t.createVNode("div",{class:"fv-grid-group-row-icon",onClick:R=>se(R,e)},[t.createVNode("span",{class:v(e)},null)]));const n=e.data[e.groupField];s.push(t.createVNode("div",{ref:n.setRef,key:S(e,e.layer+1),class:"fv-grid-cell",style:ge(n,a,e.layer)},[n.data])),Object.values(e.data).filter(p=>p.field!==e.groupField&&p.colSpan!==0).forEach(p=>{s.push(t.createVNode("div",{ref:p.setRef,key:S(e,p.index),class:"fv-grid-cell",style:ae(p,a)},[p.data]))})}return s}function F(e,a,s){return e.layer>-1&&t.createVNode("div",{ref:e.setRef,key:y(e),class:M(e,s),style:U(e),onClick:n=>b(n,e),onMouseover:n=>K(n,e)},[H(e,a)])}function Oe(e,a){const s=[];if(e.groupField&&a[e.groupField]){const n=e.data[e.groupField];s.push(t.createVNode("div",{ref:n.setRef,key:S(e,e.layer+1),class:"fv-grid-cell",style:j(n,a,e.layer)},[n.data]))}return s}function ue(e,a,s){return e.layer>-1&&t.createVNode("div",{ref:e.setRef,key:y(e),class:M(e,s),style:U(e),onClick:n=>b(n,e),onMouseover:n=>K(n,e)},[Oe(e,a)])}function X(e,a){var s,n;return e.showTips&&typeof((s=e.column)==null?void 0:s.formatter)!="function"&&((n=e.column)==null?void 0:n.dataType)!=="commands"?t.createVNode("div",{class:N(e),title:e.formatter(e,a)},[e.formatter(e,a)]):t.createVNode("div",{class:N(e)},[e.formatter(e,a)])}function de(e){const a=!V(e.data)&&!W(e.data)?e.data.toString():e.data;return e.showTips?t.createVNode("div",{class:N(e),title:a},[a]):t.createVNode("div",{class:N(e)},[a])}function Fe(e,a){return!V(e.data)&&!W(e.data)?e.data.toString():e.data,e.mode===i.CellMode.editing?t.createVNode("div",{style:ie(e)},[e.getEditor(e)]):e.column.columnTemplate?e.column.columnTemplate(e,a):e.formatter?X(e,a):de(e)}function ce(e,a,s){return t.createVNode("div",{ref:e.setRef,key:y(e),class:M(e,s),style:U(e),onClick:n=>b(n,e),onMouseover:n=>K(n,e),onMouseout:n=>_(n,e)},[Object.values(e.data).filter(n=>a[n.field]&&n.rowSpan===1).map(n=>{var R,fe;const p=g.slots.cellTemplate&&T(g.slots.cellTemplate({cell:n,row:e}));return t.createVNode("div",{ref:n.setRef,key:S(e,n.index),class:q(n),style:ae(n,a),onClick:te=>G(te,n,e,n.column),onKeydown:te=>Se(te,n)},[t.createVNode("div",{class:Ce(n),style:he(n)},[p?(fe=(R=g.slots).cellTemplate)==null?void 0:fe.call(R,{cell:n,row:e}):Fe(n,e)])])})])}const Ie=[ce,F,ue];function Z(e,a){const s=r(e);return E.value.map((n,p)=>Ie[n.type](n,s,p))}function ee(e){const a=r(e);return E.value.map(s=>Object.values(s.data).filter(n=>a[n.field]&&n.rowSpan>1).map(n=>t.createVNode("div",{key:S(s,n.index),class:"fv-grid-cell fv-grid-merged-cell",style:pe(s,n,a)},[n.data])))}function we(){return t.createVNode("div",{ref:ne,class:Y},[t.createVNode("div",{class:"fv-grid-data",style:be.value},[Z(B.value.leftColumns.filter(e=>e.visible))]),t.createVNode("div",{class:"fv-grid-merge-date",style:m.value},[ee(B.value.leftColumns.filter(e=>e.visible))])])}function Ne(){return t.createVNode("div",{ref:Ee,class:"fv-grid-content-primary"},[t.createVNode("div",{class:"fv-grid-data",style:Q.value},[Z(B.value.primaryColumns.filter(e=>e.visible))]),t.createVNode("div",{class:"fv-grid-merge-date",style:ve.value},[ee(B.value.primaryColumns.filter(e=>e.visible))])])}function Ge(){return t.createVNode("div",{ref:I,class:J},[t.createVNode("div",{class:"fv-grid-data",style:Be.value},[Z(B.value.rightColumns.filter(e=>e.visible))]),t.createVNode("div",{class:"fv-grid-merge-date",style:re.value},[ee(B.value.rightColumns.filter(e=>e.visible))])])}function De(){const e=[];return D.value&&e.push(we()),e.push(Ne()),$.value&&e.push(Ge()),e}return{renderDataArea:De}}const xe=t.defineComponent({name:"FDataGrid",props:Pe,emits:["changed","clickRow","doubleClickRow","selectionChange","unSelectItem","selectItem","enterUpInLastCell","pageIndexChanged","pageSizeChanged","beginEditCell","endEditCell"],setup(o,g){var He,Re;const ne=((He=o.rowOption)==null?void 0:He.height)||28,I=t.ref(20),O=t.ref(o.columns),h=i.useIdentify(o),oe=t.ref(),u=t.ref(),w=t.ref(),le=t.ref(),z=t.ref(),f=t.ref([]),A=t.ref(!1),E=t.ref(((Re=o.rowOption)==null?void 0:Re.wrapContent)||!1),L=i.useGroupData(o,h),V=i.useFilter(),W=i.useHierarchy(o),{showLoading:me,renderLoading:ye}=i.useLoading(o,oe),r=i.useDataView(o,new Map,V,W,h),S=i.usePagination(o,r),{shouldRenderPagination:ae}=S,y=i.useSelection(o,r,h,f,g),{showSelectAll:U,updateSelectAllStatus:pe}=y,ge=t.computed(()=>o.disabled),j=t.computed(()=>o.virtualized?Math.min(r.dataView.value.length,I.value):r.dataView.value.length);t.computed(()=>o.loadingConfig.message);const{containerStyleObject:Ce}=i.useDataViewContainerStyle(o),he=i.useCommandColumn(o),{applyCommands:N}=he;N(O);const v=i.useColumn(o),q=i.useSort(o),{applyColumnSorter:M,columnContext:b,updateColumnRenderContext:K}=v;M(r,q);const _=i.useGroupColumn(o,b),G=i.useRow(o,g,y,h),C=i.useEdit(o,g,h,G,f),B=i.useVisualDataBound(o),D=i.useVisualDataCell(o,C,B),$=i.useVisualDataRow(o,r,C,W,h,B,D),Se=i.useVisualGroupRow(o,h,D,$),Ve=i.useVisualSummaryRow(o,h,D,$),T=i.useVisualData(o,O,r,j,0,$,Se,Ve),{getVisualData:ie}=T,Y=i.useCellContentStyle(b),J=i.useCellPosition(o,b),Q=i.useSidebar(o,y),{sidebarWidth:ve,showSidebarCheckBox:be}=Q,m=i.useVirtualScroll(o,r,f,b,T,j,0,ve,C),{onWheel:Be,dataGridWidth:re,viewPortHeight:se,viewPortWidth:H,resetScroll:F,updateVisibleRowsOnLatestVisibleScope:Oe}=m,ue=i.useFitColumn(o,b,u,H,_),{calculateColumnsSize:X}=ue,de=i.useFilterHistory(),Fe=i.useColumnFilter(u,z,r,de,m),ce=i.useDragColumn(o,g,v,r,_,L,m),Ie=t.computed(()=>({"fv-grid":!0,"fv-grid-bordered":o.showBorder,"fv-grid-horizontal-bordered":o.showHorizontalLines,"fv-datagrid-strip":o.showStripe})),Z=t.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":A.value,"fv-grid-wrap-content":E.value})),ee=t.computed(()=>{const l={};return m.shouldShowHorizontalScrollbar.value&&(l.paddingBottom="10px"),m.shouldShowVirticalScrollbar.value&&(l.paddingRight="10px"),l}),{renderGridHeader:we,renderGridColumnResizeOverlay:Ne,shouldShowHeader:Ge}=i.getColumnHeader(o,g,u,le,z,v,r,ce,Fe,V,de,ue,_,y,Q,q,m,H,f),{renderDataGridPagination:De}=i.getPagination(o,g,r,m,S),{renderDataGridSidebar:e}=i.getSidebar(o,G,y,Q,m),{renderDisableMask:a}=i.getDisableMask(),{renderDataGridSummary:s}=i.getSummary(o,r,v),{renderHorizontalScrollbar:n}=i.getHorizontalScrollbar(o,u,m),{renderVerticalScrollbar:p}=i.getVerticalScrollbar(o,u,m),{renderFilterPanel:R}=i.getFilterPanel(o,v,r,V,m),{renderGroupPanel:fe}=i.getGroupPanel(o,r,ce,L,m);function te(){var c,k;const l=Math.ceil(u.value.clientHeight/ne);l>I.value&&(I.value=l,Oe()),se.value=((c=w.value)==null?void 0:c.clientHeight)||0,re.value=((k=u.value)==null?void 0:k.clientWidth)||0,X()}t.onMounted(()=>{u.value&&(I.value=Math.max(Math.ceil(u.value.clientHeight/ne),I.value),f.value=ie(0,j.value+0-1),Ae.useResizeObserver(u.value,te),X(),t.nextTick(()=>{u.value&&(re.value=u.value.clientWidth),w.value&&(H.value=w.value.clientWidth,se.value=w.value.clientHeight)})),me.value&&ye()}),t.onUnmounted(()=>{}),t.watch(H,()=>{});function nt(){r.insertNewDataItem(),F()}function ot(){r.insertNewDataItem(f.value.length),F()}function lt(l){C.onEditingRow(l)}function at(l){r.removeDataItem(l),F()}function it(l){r.removeDataItemById(l),F()}function rt(l){C.acceptEditingRow(l)}function st(l){C.cancelEditingRow(l)}function ut(l){f.value.forEach((c,k)=>{const ke=r.visibleDataItems.value.findIndex(P=>P===c.raw),ze=f.value[k-1];l.forEach(P=>{c.data[P.field]?D.updateCellByColumn(c.data[P.field],P,ze,c.raw):c.data[P.field]=D.createCellByColumn(P,ke,c.raw,c,ze)})})}function je(l){l&&(O.value=l,ut(O.value),N(O),K(O.value),M(r,q),X())}function Me(l,c){l&&(r.load(l),f.value=ie(0,j.value+0-1),c!=null&&c.keepScrollTop?m.scrollTo(m.offsetY.value):F(),be.value&&U.value&&pe()),C.clear()}function dt(l){S.updatePagination(l)}t.watch(r.shouldGroupingData,(l,c)=>{l!==c&&(r.updateDataView(),F())}),t.watch(()=>o.data,l=>{o.changePolicy==="default"&&Me(l)},{deep:!0}),t.watch(()=>o.columns,l=>{je(l)});function ct(l){y.selectItemById(l)}function ft(l){const c=h.idField.value,k=f.value.find(ke=>ke.raw[c]===l);k&&G.clickRowItem(k)}function mt(l){G.activeRowById(l)}function yt(l){y.selectItemByIds(l)}function pt(){return f.value}function gt(l){return f.value.filter(c=>l.includes(c.raw[o.idField]))}function Ct(){return y.getSelectedItems()}function ht(){return y.getSelectionRow()}function St(){C.endEditCell()}function vt(l){y.unSelectItemByIds(l)}function bt(){y.clearSelection()}function Bt(){return y.currentSelectedDataId.value}function Ot(){m.scrollToBottom()}function Ft(l){m.scrollToRowByIndex(l)}const Te={activeRowById:mt,addNewDataItem:nt,addNewDataItemAtLast:ot,removeDataItem:at,removeDataItemById:it,editDataItem:lt,acceptDataItem:rt,cancelDataItem:st,selectItemById:ct,selectItemByIds:yt,updateColumns:je,updateDataSource:Me,updatePagination:dt,getVisibleData:pt,getVisibleDataByIds:gt,getSelectedItems:Ct,getSelectionRow:ht,getCurrentRowId:Bt,endEditCell:St,clickRowItemById:ft,clearSelection:bt,unSelectItemByIds:vt,scrollToBottom:Ot,scrollToRowByIndex:Ft};g.expose(Te);const It=i.useNavigation(o,g,Te,v,C,f),{renderDataArea:wt}=et(o,g,w,le,z,Y,J,v,C,L,It,G,T,m,f,r),Nt=t.computed(()=>!f.value||!f.value.length),{renderEmpty:Gt}=i.getEmpty(g);return()=>t.createVNode("div",{ref:oe,class:Ie.value,style:Ce.value,onWheel:Be},[u.value&&o.enableFilter&&R(),u.value&&fe(),u.value&&Ge.value&&we(),t.createVNode("div",{ref:u,class:Z.value,style:ee.value,onMouseover:()=>A.value=!0,onMouseleave:()=>A.value=!1},[u.value&&e(f),u.value&&wt(),u.value&&Nt.value&&Gt(),u.value&&n(),u.value&&p()]),u.value&&s(),ae.value&&De(),u.value&&Ne(),ge.value&&a()])}}),tt=x.withInstall(xe);d.FDataGrid=xe,d.columnOptions=Je,d.dataGridProps=Pe,d.default=tt,d.editOptions=Xe,d.filterOptions=qe,d.groupOptions=Ue,d.headerOptions=Ke,d.loadingOptions=Ze,d.paginationOptions=Le,d.rowNumberOptions=_e,d.rowOptions=$e,d.selectionOptions=Qe,d.sortOptions=We,d.summaryOptions=Ye,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
1
|
+
(function(u,x){typeof exports=="object"&&typeof module<"u"?x(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"],x):(u=typeof globalThis<"u"?globalThis:u||self,x(u["data-grid"]={},u.common,u.Vue,u.VueUseCore,u.dataView))})(this,function(u,x,t,Ae,i){"use strict";const Le={enable:{type:Boolean,default:!1},index:{type:Number,default:1},mode:{type:String,default:"client"},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},disabled:{type:Boolean,default:!1}},We={enable:{type:Boolean,default:!1},fields:{type:Array,default:[]},mode:{type:String,default:"client"},multiSort:{type:Boolean,default:!1}},Ue={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"}},qe={enable:{type:Boolean,default:!1},filterStyle:{type:String,default:"filter-column"},mode:{type:String,default:"server"},showSummary:{type:Boolean,default:!0}},Ke={wrapHeadings:{type:Boolean,default:!1}},_e={enable:{type:Boolean,default:!1},heading:{type:String,default:"序号"},width:{type:Number,default:36},showEllipsis:{type:Boolean,default:!0}},$e={customRowStyle:{type:Function,default:()=>{}},customRowStatus:{type:Function,default:()=>{}},disable:{type:Function,default:()=>{}},height:{type:Number,default:28},showHovering:{type:Boolean,default:!0},wrapContent:{type:Boolean,default:!1}},Ye={enable:{type:Boolean,default:!1},customSummaryStyle:{type:Function,default:()=>{}},groupFields:{type:Array,default:[]},mode:{type:String,default:"client"},position:{type:String,default:"bottom"}},Je={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}},Qe={checkOnSelect:{type:Boolean,default:!1},clearSelectionOnEmpty:{type:Boolean,default:!0},customSelectionItem:{type:Function,default:()=>{}},enabelSelectRow:{type:Boolean,default:!0},keepSelectingOnClick:{type:Boolean,default:!0},keepSelectingOnPaging:{type:Boolean,default:!0},multiSelect:{type:Boolean,default:!1},focusSelection:{type:String,default:"current"},selectOnCheck:{type:Boolean,default:!1},showCheckbox:{type:Boolean,default:!1},showSelectAll:{type:Boolean,default:!1},showSelection:{type:Boolean,default:!1}},Xe={selectOnEditing:{type:Boolean,default:!1},editMode:{type:String,default:"cell"}},Ze={show:{type:Boolean,default:!1},message:{type:String,default:"加载中..."}},Pe={appendOnEnterAtLastCell:{type:Boolean,default:!1},beforeEditCell:{type:Function,default:o=>!0},beforeEndEditCell:{type:Function,default:()=>!0},changePolicy:{type:String,default:"push"},columns:{type:Array,default:[]},columnOption:{type:Object},commandOption:{type:Object,default:{enable:!1,commands:[],halign:"center"}},data:{type:Array,default:[]},disabled:{type:Boolean,default:!1},disabledField:{type:String,default:"disabled"},editable:{type:Boolean,default:!1},editOption:{type:Object,default:{selectOnEditing:!1,editMode:"cell"}},enableCommands:{type:Boolean,default:!1},enableFilter:{type:Boolean,default:!1},filter:{type:Object},fit:{type:Boolean,default:!1},focusOnEditingCell:{type:Boolean,default:!0},group:{type:Object},header:{type:Object},height:{type:Number,default:-1},id:{type:String,default:""},idField:{type:String,default:"id",require:!0},loading:{type:Boolean,default:!1},mergeCell:{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:20}},rowNumber:{type:Object,default:{enable:!0,width:32,showEllipsis:!0,heading:"序号"}},rowOption:{type:Object,default:{wrapContent:!1}},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!0,keepSelectingOnClick:!0}},selectionValues:{type:Array,default:[]},selectOnEditingCell:{type:Boolean,default:!1},showBorder:{type:Boolean,default:!1},showFooter:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showHorizontalLines:{type:Boolean,default:!0},showScrollBar:{type:String,default:"auto"},showSetting:{type:Boolean,default:!1},showStripe:{type:Boolean,default:!0},showVerticallLines:{type:Boolean,default:!1},sort:{type:Object},summary:{type:Object,default:{enable:!1,groupFields:["numericField1","numericField2"]}},virtualized:{type:Boolean,default:!0},width:{type:Number,default:-1}};function et(o,g,Ee,ne,I,O,h,oe,d,w,le,z,f,A,E,L){const{isNull:V,isUndefined:W}=x.useCommonUtils(),{totalItems:me,rawView:ye}=L,{calculateCellPositionInRow:r,cellKey:S,cellPosition:ae,rowKey:y,rowPosition:U,rowSpanCellPosition:pe,groupCellPosition:ge,summaryCellPosition:j}=h,{cellContentClass:Ce,cellContentPosition:he,cellContentClassWithEllipsis:N}=O,{collpaseGroupIconClass:v}=w,{gridCellClass:q,gridRowClass:M,onClickRow:b,onMouseoverRow:K,onMouseoutRow:_}=z,{onClickCell:G}=d,{toggleGroupRow:C}=f,{columnContext:B,hasLeftFixedColumn:D,hasRightFixedColumn:$}=oe,{navigateOnKeyUp:Se,navigateOnKeyDown:Ve}=le,T=e=>(e||[]).some(a=>t.isVNode(a)?!(a.type===t.Comment||a.type===t.Fragment&&!T(a.children)):!0)?e:null,ie=e=>{var a,s,n;return((s=(a=e.column)==null?void 0:a.editor)==null?void 0:s.type)==="switch"||((n=e.column)==null?void 0:n.dataType)==="boolean"?{display:"flex",flexGrow:"1",overflow:"hidden"}:{flexGrow:"1"}},Y=t.reactive({"fv-grid-content-left-fixed":!0}),J=t.reactive({"fv-grid-content-right-fixed":!0});t.watch([me,ye],e=>{!e[0]&&!e[1].length?(Y["fv-grid-content-left-fixed"]=!1,J["fv-grid-content-right-fixed"]=!1):(Y["fv-grid-content-left-fixed"]=!0,J["fv-grid-content-right-fixed"]=!0)});const{gridDataStyle:Q,gridMergedDataStyle:ve,leftFixedGridDataStyle:be,leftFixedGridMergedDataStyle:m,rightFixedGridDataStyle:Be,rightFixedGridMergedDataStyle:re}=A;function se(e,a){a.collapse=!a.collapse,E.value=C(a.collapse?"collapse":"expand",a,E.value)}function H(e,a){const s=[];if(e.groupField&&a[e.groupField]){for(let p=0;p<=e.layer;p++)s.push(t.createVNode("div",{class:"fv-grid-group-row-icon",onClick:R=>se(R,e)},[t.createVNode("span",{class:v(e)},null)]));const n=e.data[e.groupField];s.push(t.createVNode("div",{ref:n.setRef,key:S(e,e.layer+1),class:"fv-grid-cell",style:ge(n,a,e.layer)},[n.data])),Object.values(e.data).filter(p=>p.field!==e.groupField&&p.colSpan!==0).forEach(p=>{s.push(t.createVNode("div",{ref:p.setRef,key:S(e,p.index),class:"fv-grid-cell",style:ae(p,a)},[p.data]))})}return s}function F(e,a,s){return e.layer>-1&&t.createVNode("div",{ref:e.setRef,key:y(e),class:M(e,s),style:U(e),onClick:n=>b(n,e),onMouseover:n=>K(n,e)},[H(e,a)])}function Oe(e,a){const s=[];if(e.groupField&&a[e.groupField]){const n=e.data[e.groupField];s.push(t.createVNode("div",{ref:n.setRef,key:S(e,e.layer+1),class:"fv-grid-cell",style:j(n,a,e.layer)},[n.data]))}return s}function ue(e,a,s){return e.layer>-1&&t.createVNode("div",{ref:e.setRef,key:y(e),class:M(e,s),style:U(e),onClick:n=>b(n,e),onMouseover:n=>K(n,e)},[Oe(e,a)])}function X(e,a){var s,n;return e.showTips&&typeof((s=e.column)==null?void 0:s.formatter)!="function"&&((n=e.column)==null?void 0:n.dataType)!=="commands"?t.createVNode("div",{class:N(e),title:e.formatter(e,a)},[e.formatter(e,a)]):t.createVNode("div",{class:N(e)},[e.formatter(e,a)])}function de(e){const a=!V(e.data)&&!W(e.data)?e.data.toString():e.data;return e.showTips?t.createVNode("div",{class:N(e),title:a},[a]):t.createVNode("div",{class:N(e)},[a])}function Fe(e,a){return!V(e.data)&&!W(e.data)?e.data.toString():e.data,e.mode===i.CellMode.editing?t.createVNode("div",{style:ie(e)},[e.getEditor(e)]):e.column.columnTemplate?e.column.columnTemplate(e,a):e.formatter?X(e,a):de(e)}function ce(e,a,s){return t.createVNode("div",{ref:e.setRef,key:y(e),class:M(e,s),style:U(e),onClick:n=>b(n,e),onMouseover:n=>K(n,e),onMouseout:n=>_(n,e)},[Object.values(e.data).filter(n=>a[n.field]&&n.rowSpan===1).map(n=>{var R,fe;const p=g.slots.cellTemplate&&T(g.slots.cellTemplate({cell:n,row:e}));return t.createVNode("div",{ref:n.setRef,key:S(e,n.index),class:q(n),style:ae(n,a),onClick:te=>G(te,n,e,n.column),onKeydown:te=>Se(te,n)},[t.createVNode("div",{class:Ce(n),style:he(n)},[p?(fe=(R=g.slots).cellTemplate)==null?void 0:fe.call(R,{cell:n,row:e}):Fe(n,e)])])})])}const Ie=[ce,F,ue];function Z(e,a){const s=r(e);return E.value.map((n,p)=>Ie[n.type](n,s,p))}function ee(e){const a=r(e);return E.value.map(s=>Object.values(s.data).filter(n=>a[n.field]&&n.rowSpan>1).map(n=>t.createVNode("div",{key:S(s,n.index),class:"fv-grid-cell fv-grid-merged-cell",style:pe(s,n,a)},[n.data])))}function we(){return t.createVNode("div",{ref:ne,class:Y},[t.createVNode("div",{class:"fv-grid-data",style:be.value},[Z(B.value.leftColumns.filter(e=>e.visible))]),t.createVNode("div",{class:"fv-grid-merge-date",style:m.value},[ee(B.value.leftColumns.filter(e=>e.visible))])])}function Ne(){return t.createVNode("div",{ref:Ee,class:"fv-grid-content-primary"},[t.createVNode("div",{class:"fv-grid-data",style:Q.value},[Z(B.value.primaryColumns.filter(e=>e.visible))]),t.createVNode("div",{class:"fv-grid-merge-date",style:ve.value},[ee(B.value.primaryColumns.filter(e=>e.visible))])])}function Ge(){return t.createVNode("div",{ref:I,class:J},[t.createVNode("div",{class:"fv-grid-data",style:Be.value},[Z(B.value.rightColumns.filter(e=>e.visible))]),t.createVNode("div",{class:"fv-grid-merge-date",style:re.value},[ee(B.value.rightColumns.filter(e=>e.visible))])])}function De(){const e=[];return D.value&&e.push(we()),e.push(Ne()),$.value&&e.push(Ge()),e}return{renderDataArea:De}}const xe=t.defineComponent({name:"FDataGrid",props:Pe,emits:["changed","clickRow","doubleClickRow","selectionChange","unSelectItem","selectItem","enterUpInLastCell","pageIndexChanged","pageSizeChanged","beginEditCell","endEditCell"],setup(o,g){var He,Re;const ne=((He=o.rowOption)==null?void 0:He.height)||28,I=t.ref(20),O=t.ref(o.columns),h=i.useIdentify(o),oe=t.ref(),d=t.ref(),w=t.ref(),le=t.ref(),z=t.ref(),f=t.ref([]),A=t.ref(!1),E=t.ref(((Re=o.rowOption)==null?void 0:Re.wrapContent)||!1),L=i.useGroupData(o,h),V=i.useFilter(),W=i.useHierarchy(o),{showLoading:me,renderLoading:ye}=i.useLoading(o,oe),r=i.useDataView(o,new Map,V,W,h),S=i.usePagination(o,r),{shouldRenderPagination:ae}=S,y=i.useSelection(o,r,h,f,g),{showSelectAll:U,updateSelectAllStatus:pe}=y,ge=t.computed(()=>o.disabled),j=t.computed(()=>o.virtualized?Math.min(r.dataView.value.length,I.value):r.dataView.value.length);t.computed(()=>o.loadingConfig.message);const{containerStyleObject:Ce}=i.useDataViewContainerStyle(o),he=i.useCommandColumn(o),{applyCommands:N}=he;N(O);const v=i.useColumn(o),q=i.useSort(o),{applyColumnSorter:M,columnContext:b,updateColumnRenderContext:K}=v;M(r,q);const _=i.useGroupColumn(o,b),G=i.useRow(o,g,y,h),C=i.useEdit(o,g,h,G,f),B=i.useVisualDataBound(o),D=i.useVisualDataCell(o,C,B),$=i.useVisualDataRow(o,r,C,W,h,B,D),Se=i.useVisualGroupRow(o,h,D,$),Ve=i.useVisualSummaryRow(o,h,D,$),T=i.useVisualData(o,O,r,j,0,$,Se,Ve),{getVisualData:ie}=T,Y=i.useCellContentStyle(b),J=i.useCellPosition(o,b),Q=i.useSidebar(o,y),{sidebarWidth:ve,showSidebarCheckBox:be}=Q,m=i.useVirtualScroll(o,r,f,b,T,j,0,ve,C),{onWheel:Be,dataGridWidth:re,viewPortHeight:se,viewPortWidth:H,resetScroll:F,updateVisibleRowsOnLatestVisibleScope:Oe}=m,ue=i.useFitColumn(o,b,d,H,_),{calculateColumnsSize:X}=ue,de=i.useFilterHistory(),Fe=i.useColumnFilter(d,z,r,de,m),ce=i.useDragColumn(o,g,v,r,_,L,m),Ie=t.computed(()=>({"fv-grid":!0,"fv-grid-bordered":o.showBorder,"fv-grid-horizontal-bordered":o.showHorizontalLines,"fv-datagrid-strip":o.showStripe})),Z=t.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":A.value,"fv-grid-wrap-content":E.value})),ee=t.computed(()=>{const l={};return m.shouldShowHorizontalScrollbar.value&&(l.paddingBottom="10px"),m.shouldShowVirticalScrollbar.value&&(l.paddingRight="10px"),l}),{renderGridHeader:we,renderGridColumnResizeOverlay:Ne,shouldShowHeader:Ge}=i.getColumnHeader(o,g,d,le,z,v,r,ce,Fe,V,de,ue,_,y,Q,q,m,H,f),{renderDataGridPagination:De}=i.getPagination(o,g,r,m,S),{renderDataGridSidebar:e}=i.getSidebar(o,G,y,Q,m),{renderDisableMask:a}=i.getDisableMask(),{renderDataGridSummary:s}=i.getSummary(o,r,v),{renderHorizontalScrollbar:n}=i.getHorizontalScrollbar(o,d,m),{renderVerticalScrollbar:p}=i.getVerticalScrollbar(o,d,m),{renderFilterPanel:R}=i.getFilterPanel(o,v,r,V,m),{renderGroupPanel:fe}=i.getGroupPanel(o,r,ce,L,m);function te(){var c,k;const l=Math.ceil(d.value.clientHeight/ne);l>I.value&&(I.value=l,Oe()),se.value=((c=w.value)==null?void 0:c.clientHeight)||0,re.value=((k=d.value)==null?void 0:k.clientWidth)||0,X()}t.onMounted(()=>{d.value&&(I.value=Math.max(Math.ceil(d.value.clientHeight/ne),I.value),f.value=ie(0,j.value+0-1),Ae.useResizeObserver(d.value,te),X(),t.nextTick(()=>{d.value&&(re.value=d.value.clientWidth),w.value&&(H.value=w.value.clientWidth,se.value=w.value.clientHeight)})),me.value&&ye()}),t.onUnmounted(()=>{}),t.watch(H,()=>{});function nt(){r.insertNewDataItem(),F()}function ot(){r.insertNewDataItem(f.value.length),F()}function lt(l){C.onEditingRow(l)}function at(l){r.removeDataItem(l),F()}function it(l){r.removeDataItemById(l),F()}function rt(l){C.acceptEditingRow(l)}function st(l){C.cancelEditingRow(l)}function ut(l){f.value.forEach((c,k)=>{const ke=r.visibleDataItems.value.findIndex(P=>P===c.raw),ze=f.value[k-1];l.forEach(P=>{c.data[P.field]?D.updateCellByColumn(c.data[P.field],P,ze,c.raw):c.data[P.field]=D.createCellByColumn(P,ke,c.raw,c,ze)})})}function je(l){l&&(O.value=l,ut(O.value),N(O),K(O.value),M(r,q),X())}function Me(l,c){l&&(r.load(l),f.value=ie(0,j.value+0-1),c!=null&&c.keepScrollTop?m.scrollTo(m.offsetY.value):F(),be.value&&U.value&&pe()),C.clear()}function dt(l){S.updatePagination(l)}t.watch(r.shouldGroupingData,(l,c)=>{l!==c&&(r.updateDataView(),F())}),t.watch(()=>o.data,l=>{o.changePolicy==="default"&&Me(l)},{deep:!0}),t.watch(()=>o.columns,l=>{je(l)});function ct(l){y.selectItemById(l)}function ft(l){const c=h.idField.value,k=f.value.find(ke=>ke.raw[c]===l);k&&G.clickRowItem(k)}function mt(l){G.activeRowById(l)}function yt(l){y.selectItemByIds(l)}function pt(){return f.value}function gt(l){return f.value.filter(c=>l.includes(c.raw[o.idField]))}function Ct(){return y.getSelectedItems()}function ht(){return y.getSelectionRow()}function St(){C.endEditCell()}function vt(l){y.unSelectItemByIds(l)}function bt(){y.clearSelection()}function Bt(){return y.currentSelectedDataId.value}function Ot(){m.scrollToBottom()}function Ft(l){m.scrollToRowByIndex(l)}const Te={activeRowById:mt,addNewDataItem:nt,addNewDataItemAtLast:ot,removeDataItem:at,removeDataItemById:it,editDataItem:lt,acceptDataItem:rt,cancelDataItem:st,selectItemById:ct,selectItemByIds:yt,updateColumns:je,updateDataSource:Me,updatePagination:dt,getVisibleData:pt,getVisibleDataByIds:gt,getSelectedItems:Ct,getSelectionRow:ht,getCurrentRowId:Bt,endEditCell:St,clickRowItemById:ft,clearSelection:bt,unSelectItemByIds:vt,scrollToBottom:Ot,scrollToRowByIndex:Ft};g.expose(Te);const It=i.useNavigation(o,g,Te,v,C,f),{renderDataArea:wt}=et(o,g,w,le,z,Y,J,v,C,L,It,G,T,m,f,r),Nt=t.computed(()=>!f.value||!f.value.length),{renderEmpty:Gt}=i.getEmpty(g);return()=>t.createVNode("div",{ref:oe,class:Ie.value,style:Ce.value,onWheel:Be},[d.value&&o.enableFilter&&R(),d.value&&fe(),d.value&&Ge.value&&we(),t.createVNode("div",{ref:d,class:Z.value,style:ee.value,onMouseover:()=>A.value=!0,onMouseleave:()=>A.value=!1},[d.value&&e(f),d.value&&wt(),d.value&&Nt.value&&Gt(),d.value&&n(),d.value&&p()]),d.value&&s(),ae.value&&De(),Ne(),ge.value&&a()])}}),tt=x.withInstall(xe);u.FDataGrid=xe,u.columnOptions=Je,u.dataGridProps=Pe,u.default=tt,u.editOptions=Xe,u.filterOptions=qe,u.groupOptions=Ue,u.headerOptions=Ke,u.loadingOptions=Ze,u.paginationOptions=Le,u.rowNumberOptions=_e,u.rowOptions=$e,u.selectionOptions=Qe,u.sortOptions=We,u.summaryOptions=Ye,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|