@aplus-frontend/ui 7.19.8 → 7.20.1
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/es/src/ag-grid/components/tooltip/index.vue2.mjs +9 -9
- package/es/src/ag-grid/editable/form-item.vue.mjs +113 -93
- package/es/src/ag-grid/editable/index.vue.mjs +91 -79
- package/es/src/ag-grid/editable/interface.d.ts +7 -0
- package/es/src/ag-grid/hooks/use-columns-def.mjs +74 -65
- package/es/src/ag-grid/hooks/use-editable-api.mjs +106 -132
- package/es/src/ag-grid/hooks/use-editable-form-item-api.d.ts +0 -1
- package/es/src/ag-grid/hooks/use-editable-form-item-api.mjs +100 -165
- package/es/src/ag-grid/index.vue.mjs +124 -120
- package/es/src/ag-grid/interface.d.ts +6 -0
- package/es/src/business/ag-grid-modal/constants.d.ts +1 -1
- package/es/src/business/ag-grid-modal/constants.mjs +1 -1
- package/es/src/business/ag-grid-modal/hooks/use-ag-grid-instance.d.ts +6 -2
- package/es/src/business/ag-grid-modal/hooks/use-ag-grid-instance.mjs +47 -37
- package/es/src/business/ag-grid-modal/hooks/use-ag-grid-modal.mjs +30 -29
- package/es/src/business/ag-grid-modal/hooks/use-ag-grid-select-modal.mjs +46 -45
- package/es/src/business/ag-grid-modal/interface.d.ts +4 -4
- package/es/src/business/ag-grid-modal/utils.d.ts +2 -0
- package/es/src/business/ag-grid-modal/utils.mjs +34 -30
- package/es/src/business/ag-grid-modal/wrapper/index.vue.d.ts +7 -7
- package/es/src/business/ag-grid-modal/wrapper/index.vue2.mjs +25 -25
- package/es/src/version.d.ts +1 -1
- package/es/src/version.mjs +1 -1
- package/lib/src/ag-grid/components/tooltip/index.vue2.js +1 -1
- package/lib/src/ag-grid/editable/form-item.vue.js +1 -1
- package/lib/src/ag-grid/editable/index.vue.js +1 -1
- package/lib/src/ag-grid/editable/interface.d.ts +7 -0
- package/lib/src/ag-grid/hooks/use-columns-def.js +1 -1
- package/lib/src/ag-grid/hooks/use-editable-api.js +1 -1
- package/lib/src/ag-grid/hooks/use-editable-form-item-api.d.ts +0 -1
- package/lib/src/ag-grid/hooks/use-editable-form-item-api.js +1 -1
- package/lib/src/ag-grid/index.vue.js +1 -1
- package/lib/src/ag-grid/interface.d.ts +6 -0
- package/lib/src/business/ag-grid-modal/constants.d.ts +1 -1
- package/lib/src/business/ag-grid-modal/constants.js +1 -1
- package/lib/src/business/ag-grid-modal/hooks/use-ag-grid-instance.d.ts +6 -2
- package/lib/src/business/ag-grid-modal/hooks/use-ag-grid-instance.js +1 -1
- package/lib/src/business/ag-grid-modal/hooks/use-ag-grid-modal.js +1 -1
- package/lib/src/business/ag-grid-modal/hooks/use-ag-grid-select-modal.js +1 -1
- package/lib/src/business/ag-grid-modal/interface.d.ts +4 -4
- package/lib/src/business/ag-grid-modal/utils.d.ts +2 -0
- package/lib/src/business/ag-grid-modal/utils.js +1 -1
- package/lib/src/business/ag-grid-modal/wrapper/index.vue.d.ts +7 -7
- package/lib/src/business/ag-grid-modal/wrapper/index.vue2.js +1 -1
- package/lib/src/version.d.ts +1 -1
- package/lib/src/version.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../config-provider/index.js");const p=require("../../../config-provider/hooks/use-namespace.js"),d=e.defineComponent({__name:"index",props:{params:{}},setup(n){const s=n,r=e.ref(!1),{e:i}=p.useNamespace("ag-grid");return e.onMounted(()=>{const{rowIndex:t,column:
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../config-provider/index.js");const p=require("../../../config-provider/hooks/use-namespace.js"),d=e.defineComponent({__name:"index",props:{params:{}},setup(n){const s=n,r=e.ref(!1),{e:i}=p.useNamespace("ag-grid");return e.onMounted(()=>{const{rowIndex:t,column:a,gridWrapperRef:c,lineClamp:u}=s.params,o=e.unref(c)?.querySelector(`div.ag-row[row-index="${t}"] .ag-cell[col-id="${a.colId}"] span.ag-cell-value`);if(!o){r.value=!0;return}const l=u===1?"Width":"Height";r.value=o[`scroll${l}`]>o[`client${l}`]}),(t,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(i)("tooltip"))},e.toDisplayString(t.params.value),3)),[[e.vShow,r.value]])}});exports.default=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),c=require("lodash-unified"),g=require("../../ap-form/index.js"),M=require("../../ap-form/context.js"),y=require("../../ap-form/hooks/use-watch.js"),W=require("../../ap-form/utils/get.js"),$=require("../../ap-form/utils/transform.js");require("../../config-provider/index.js");const J=require("../hooks/use-editable-columns.js"),Q=require("../hooks/use-editable-form-item-api.js");require("../index.vue2.js");const X=require("../style/editable.js"),Y=require("../utils.js"),f=require("./utils.js"),Z=require("../../config-provider/hooks/use-namespace.js"),ee=require("../../config-provider/hooks/use-global-config.js"),te=require("../index.vue.js"),oe=t.defineComponent({name:"EditableGrid",__name:"form-item",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},rowHoverable:{type:Boolean},rowSelection:{type:[Boolean,Object]},onLoadingChange:{},onShownColumnsChange:{},pagination:{type:[Boolean,Object],default:!1},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{default:66},getRowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{},autoHeight:{type:Boolean},onUpdate:{},onModelUpdated:{},customRow:{},theme:{},emptyComponent:{},emptyText:{},onColumnResized:{},animateRows:{type:Boolean},plugins:{},columns:{},defaultValue:{},onChange:{},maxLength:{},onFieldChange:{},supressForceRowUpdate:{type:Boolean,default:!1},label:{},name:{},formItem:{}},setup(h,{expose:b}){const C=t.useSlots(),n=h,{b:R}=Z.useNamespace("editable-aggrid"),v=X.default("editable-aggrid"),r=t.ref(),{internalInstance:s}=M.useInjectForm();function x(e){const o=f.getColumnTransformOptions(n.columns||[]);if(!Object.keys(o).length||!e?.length)return e;let a=[];for(const i of e)a.push($.transformValues(i,o));return a}const u=Y.getShadowName(n.name);function B(){return n.formItem?.initialValue??W.getModelValue(s?.getInitialValues()??{},n.name)??[]}let T=B();const l=t.ref([]),q=y.useWatch(n.name),S=y.useWatch(u);t.watch(()=>q.value,e=>{if(c.isEqual(e,l.value))return;const o=e??c.cloneDeep(T);l.value=[...o]},{deep:!0,flush:"post",immediate:!0});let d;t.watch(l,e=>{const o=f.arrayToObject(e,n.rowKey);c.isEqual(o,t.unref(S))||(d=()=>{s?.setFieldValue(n.name,[...e]),s?.setFieldValue(u,o)})},{deep:!0,immediate:!0});const F=ee.useGlobalConfig("valueTypeMap"),I=J.useGetEditableColumns(n,F,u),{add:E,addMultiple:V,remove:_,removeByKey:N,getRowData:A,getRowsData:D,getRowDataByKey:j,setRowData:K,setRowDataByKey:O,clear:P,refreshRowIds:m}=Q.useEditableFormItemApi(n,s,l,u);function U(){if(n.onUpdate?.(),d&&(d(),d=void 0),n.supressForceRowUpdate)return;const e=r.value?._internalGridApi;if(!m.value?.length||!e)return;const o=m.value.map(a=>e.getRowNode(a)).filter(a=>!!a);e.refreshCells({rowNodes:o,force:!0}),m.value=[]}function k(e){l.value=[...e]}function w(e,o){const a=e==="end"?l.value.length-1:e;r.value?.scrollToRow(a,o)}function z(e,o){r.value?.scrollToColumn(e,o)}function G(e,o){const a=[u,String(e),o].flat();return s?.validateFields([a])}function H(e){const a=t.unref(l).map((i,p)=>[u,String(f.getRowKey(i,p,n.rowKey)),e].flat());return s?.validateFields(a)}function L(e,o=!0){const a=Array.isArray(e)?e:[e];r.value?._internalGridApi?.refreshCells({columns:a,force:o})}return b({add:E,addMultiple:V,remove:_,removeByKey:N,getRowData:A,getRowsData:D,getRowDataByKey:j,setRowData:K,clear:P,setTableData:k,scrollTo:w,scrollToRow:w,scrollToColumn:z,validateCell:G,validateColumn:H,setRowDataByKey:O,table:r,refreshColumns:L}),(e,o)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(g.ApForm).FormItem,{hidden:"",name:e.name,"initial-value":e.formItem?.initialValue,transform:x},null,8,["name","initial-value"]),t.createVNode(t.unref(g.ApForm).FormItem,t.mergeProps({label:e.label},e.formItem),{default:t.withCtx(()=>[t.createVNode(te.default,t.mergeProps(t.unref(c.omit)(n,["name","maxLength","onChange","defaultValue","formItem","onUpdate"]),{ref_key:"tableRef",ref:r,class:[t.unref(R)(),t.unref(v)],size:"mini",columns:t.unref(I),"data-source":l.value,"search-form":!1,onUpdate:U}),t.createSlots({_:2},[t.renderList(C,(a,i)=>({name:i,fn:t.withCtx(p=>[t.renderSlot(e.$slots,i,t.normalizeProps(t.guardReactiveProps(p||{})))])}))]),1040,["class","columns","data-source"])]),_:3},16,["label"])],64))}});exports.default=oe;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),d=require("lodash-unified"),m=require("../../ap-form/index.js");require("../../config-provider/index.js");require("../../hooks/index.js");const W=require("../hooks/use-editable-api.js"),$=require("../hooks/use-editable-columns.js");require("../index.vue2.js");const J=require("../style/editable.js"),y=require("./utils.js"),Q=require("../../config-provider/hooks/use-namespace.js"),X=require("../../hooks/useControllableValue.js"),Y=require("../../config-provider/hooks/use-global-config.js"),Z=require("../index.vue.js"),ee=a.defineComponent({name:"EditableGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},rowHoverable:{type:Boolean},rowSelection:{type:[Boolean,Object]},onLoadingChange:{},onShownColumnsChange:{},pagination:{type:[Boolean,Object],default:!1},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{default:66},getRowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{},autoHeight:{type:Boolean},onUpdate:{},onModelUpdated:{},customRow:{},theme:{},emptyComponent:{},emptyText:{},onColumnResized:{},animateRows:{type:Boolean},plugins:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},name:{default:"ap-editable-table-inner-name"},onFieldChange:{},supressForceRowUpdate:{type:Boolean,default:!1}},emits:["update:value"],setup(C,{expose:R,emit:v}){const x=a.useSlots(),n=C,{b:B}=Q.useNamespace("editable-aggrid"),_=J.default("editable-aggrid"),T=v,s=a.ref(),{value:u,updateValue:w}=X.useControllableValue(n,T),l=a.ref(),S=m.ApForm.useWatch(n.name,l);let i;a.watch(u,e=>{const t=y.arrayToObject(e,n.rowKey);d.isEqual(t,a.unref(S))||(i=()=>{l.value?.setFieldValue(n.name,t)})},{deep:!0});const A=Y.useGlobalConfig("valueTypeMap"),F=$.useGetEditableColumns(n,A),{add:q,addMultiple:E,remove:K,removeByKey:N,getRowData:U,getRowsData:j,getRowDataByKey:k,setRowData:D,setRowDataByKey:V,clear:I,refreshRowIds:c}=W.useEditableApi(n,l,u,w);function O(){if(n.onUpdate?.(),i&&(i(),i=void 0),n.supressForceRowUpdate)return;const e=s.value?._internalGridApi;if(!c.value?.length||!e)return;const t=c.value.map(o=>e.getRowNode(o)).filter(o=>!!o);e.refreshCells({rowNodes:t,force:!0}),c.value=[]}function z(){l.value?.resetFields()}function g(e){return e?(d.isArray(e)?e:[e]).map(o=>d.isArray(o)?[n.name,...o]:[n.name,o]):void 0}function b(e){try{const t=Object.keys(e),o=u.value.map(r=>y.getRowKey(r,void 0,n.rowKey));return t.sort((r,p)=>o.findIndex(f=>String(f)===r)-o.findIndex(f=>String(f)===p)),t.map(r=>e[r])}catch{return e}}async function G(e,t){const r=(await l.value?.validateFields(g(e),t))?.[n.name];return b(r)}async function H(e,t){const r=(await l.value?.validateFieldsReturnTransformed(g(e),t))?.[n.name];return b(r)}function M(e){w(e)}function h(e,t){const o=e==="end"?u.value.length-1:e;s.value?.scrollToRow(o,t)}function P(e,t){s.value?.scrollToColumn(e,t)}function L(e,t=!0){const o=Array.isArray(e)?e:[e];s.value?._internalGridApi?.refreshCells({columns:o,force:t})}return R({resetFields:z,validateFields:G,validateFieldsReturnTransformed:H,add:q,addMultiple:E,remove:K,removeByKey:N,getRowData:U,getRowsData:j,setRowData:D,clear:I,setTableData:M,scrollTo:h,scrollToRow:h,scrollToColumn:P,table:s,getRowDataByKey:k,setRowDataByKey:V,refreshColumns:L}),(e,t)=>(a.openBlock(),a.createBlock(a.unref(m.ApForm),{ref_key:"formRef",ref:l,"initial-values":{[n.name]:a.unref(y.arrayToObject)(a.unref(u),n.rowKey)},style:{height:"100%"}},{default:a.withCtx(()=>[a.createVNode(a.unref(m.ApForm).FormItem,{name:e.name,"no-style":""},{default:a.withCtx(()=>[a.createVNode(Z.default,a.mergeProps(a.unref(d.omit)(n,["name","value","onUpdate:value","maxLength","onChange","defaultValue","onUpdate"]),{ref_key:"tableRef",ref:s,class:[a.unref(B)(),a.unref(_)],size:"mini",columns:a.unref(F),"data-source":a.unref(u),"search-form":!1,onUpdate:O}),a.createSlots({_:2},[a.renderList(x,(o,r)=>({name:r,fn:a.withCtx(p=>[a.renderSlot(e.$slots,r,a.normalizeProps(a.guardReactiveProps(p||{})))])}))]),1040,["class","columns","data-source"])]),_:3},8,["name"])]),_:3},8,["initial-values"]))}});exports.default=ee;
|
|
@@ -104,6 +104,13 @@ export type EditableAgGridExpose<RecordType = any, ModelType = RecordType[]> = O
|
|
|
104
104
|
* @returns
|
|
105
105
|
*/
|
|
106
106
|
setRowDataByKey: (key: any, data: Partial<RecordType>, merge?: boolean) => void;
|
|
107
|
+
/**
|
|
108
|
+
* 刷新列单元格
|
|
109
|
+
* @param columnKey
|
|
110
|
+
* @param force 是否强制刷新,默认为 `true`
|
|
111
|
+
* @returns
|
|
112
|
+
*/
|
|
113
|
+
refreshColumns: (columnKey: string | string[], force?: boolean) => void;
|
|
107
114
|
};
|
|
108
115
|
export type EditableAgGridFormItemExpose<RecordType = any, ModelType = RecordType[]> = Omit<EditableAgGridExpose<RecordType, ModelType>, 'resetFields' | 'validateFields' | 'validateFieldsReturnTransformed'> & {
|
|
109
116
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("lodash-unified"),f=require("vue"),w=require("../../ap-grid/utils/col.js"),y=require("../../ap-table/utils.js");require("../../config-provider/index.js");require("../../utils/index.js");require("../components/body-cell/index.vue.js");require("../components/header-cell/index.vue.js");require("../components/tooltip/index.vue.js");const x=require("../renderer/index.js"),q=require("../../config-provider/hooks/use-global-config.js"),R=require("../../config-provider/hooks/use-namespace.js"),P=require("../components/body-cell/index.vue2.js"),D=require("../components/tooltip/index.vue2.js"),G=require("../../utils/is.js"),b=require("../components/header-cell/index.vue2.js");function I(t){return n.isNumber(t)&&t>1}function M(t,s){return a=>({...n.isFunction(s)?s(a):s??{},...t})}function F(t,s){if(s.bodyCellTooltip)return n.isFunction(s.bodyCellTooltip)?s.bodyCellTooltip(t.value,t.data):s.bodyCellTooltip;if(s.renderText)return s.renderText({value:t.value,record:t.data,column:s,text:t.value});const a=s.valueType||"text",o=x.rendererMap[a];if(o){const c=y.getTableRenderProps({...s,valueType:a},{value:t.value,text:t.value,record:t.data,column:t.column,rowIndex:t.node?.rowIndex,pinned:t.node?.rowPinned});return o(c)}return y.objectToString(t.value)}const N=(t,s,a,o)=>{const C=q.useGlobalConfig("valueTypeMap"),c=f.ref(),{em:T}=R.useNamespace("ag-grid"),h=r=>{const l={cellRenderer:P.default,cellRendererParams:{column:r,extraValueType:f.unref(C),rowKey:s.rowKey}};if(r.customRender)return l;if(r.renderText)return{valueFormatter:i=>r.renderText({value:i.value,record:i.data,column:r,text:i.value})};const d=r.valueType||"text",e=x.rendererMap[d];return e?{valueFormatter:i=>{const u=y.getTableRenderProps({...r,valueType:d},{value:i.value,text:i.value,record:i.data,column:i.column,rowIndex:i.node?.rowIndex,pinned:i.node?.rowPinned});return e(u)}}:l},g=r=>{const l=r.valueType||"text",d=x.rendererMap[l],e={},i=r.bodyCellTooltip||!r.customRender&&d&&(r.ellipsis===!0||r.ellipsis==="tooltip"||n.isNumber(r.ellipsis)),u=n.isNumber(r.ellipsis)&&r.ellipsis>1,p=n.isNumber(r.ellipsis)?r.ellipsis:1;return e.tooltipValueGetter=i?v=>F(v,r):void 0,e.wrapText=!r.ellipsis||u,e.cellStyle=M({"--ag-grid-line-clamp":p},r.cellStyle),e.tooltipComponent=D.default,e.tooltipComponentParams={lineClamp:p,gridWrapperRef:c},e},_=f.computed(()=>{const r=f.unref(t);function l(d){return d.map(e=>{const i={field:w.dataIndexToField(e.dataIndex),colId:G.isDef(e.key)?String(e.key):void 0,sortable:!!e.sorter,comparator:e.sorter===!0?()=>0:e.sorter,headerComponentParams:{column:e,headerCell:o},resizable:e.resizable,width:e.width,minWidth:e.minWidth,maxWidth:e.maxWidth,suppressKeyboardEvent:()=>!0,flex:e.width?void 0:e.flex??1,pinned:e.fixed||null,colSpan:e.colSpan,spanRows:e.spanRows,cellClass:a(u=>{const p=e.cellClass||"",v=n.isFunction(p)?p(u.data,u.node):p;return[`${T("cell",e.align||"left")}`,I(e.ellipsis)?T("cell","multiline"):null,v].flat().filter(Boolean)}),cellStyle:e.cellStyle,headerStyle:e.headerStyle,headerClass:e.headerClass,columnGroupShow:e.columnGroupShow,autoHeight:!0,...g(e),...h(e)};return e.children?.length?{...i,headerGroupComponent:b.default,headerGroupComponentParams:{column:e,headerCell:o},children:l(e.children)}:i})}return l(r)}),S=f.computed(()=>({headerComponent:b.default,resizable:s.columnResizable,suppressMovable:!0,cellDataType:!1}));return{columnDefs:_,defaultColDef:S,gridWrapperRef:c}};exports.useColumnsDef=N;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("lodash-unified"),v=require("vue");require("../../utils/index.js");const k=require("../../utils/warning.js"),a=require("../../utils/is.js");let S=0;function m(){return`_ag_grid${S++}`}const E=(i,d,u,y)=>{const h=k.useDevWarning("EditableAgGrid"),w=v.shallowRef([]),R=v.computed(()=>v.isRef(d)?v.unref(d):d);function x(e,r){const o=v.unref(u)?.length||0;if(a.isDef(i.maxLength)&&o>=i.maxLength||!e&&c.isFunction(i.rowKey))return;const t={...e||{[i.rowKey]:m()}};if(!u.value){u.value=[t];return}c.isUndefined(r)?u.value.push(t):(w.value=u.value.map((n,s)=>s<r?null:l(n,s,i.rowKey)).filter(Boolean),u.value.splice(r,0,t))}function F(e,r="suffix"){const o=v.unref(u)?.length||0,t=c.isNumber(e)?e:e.length;if(a.isDef(i.maxLength)&&o+t>i.maxLength||c.isNumber(e)&&c.isFunction(i.rowKey))return;const n=c.isNumber(e)?new Array(e).fill(0).map(()=>({[i.rowKey]:m()})):c.cloneDeep(e);if(!u.value){u.value=[...n];return}r==="suffix"?u.value.push(...n):(w.value=u.value.map((s,f)=>l(s,f,i.rowKey)),u.value.unshift(...n))}function I(e){const r=c.isArray(e)?e:[e],o=u.value.filter(n=>!r.includes(n)),t=u.value.findIndex(n=>r.includes(n));w.value=u.value.map((n,s)=>s<=t?null:l(n,s,i.rowKey)).filter(Boolean),y?.(o)}function l(e,r,o){if(o)return c.isString(o)?e[o]:o(e,r)}function A(e){const r=new Set(c.isArray(e)?e:[e]);if(r.size===0)return;const o=u.value.filter((n,s)=>!r.has(l(n,s,i.rowKey))),t=u.value.findIndex((n,s)=>r.has(l(n,s,i.rowKey)));w.value=u.value.map((n,s)=>s<=t?null:l(n,s,i.rowKey)).filter(Boolean),y?.(o)}function B(e){return h(!i.supressForceRowUpdate,"usage",'Avoid using getRowData/setRowData methods while suppressForceRowUpdate is enabled."'),v.unref(u)?.[e]}function U(e){return u.value?.find((r,o)=>l(r,o,i.rowKey)===e)}function j(){return v.unref(u)}function q(e,r,o=!0){h(!i.supressForceRowUpdate,"usage",'Avoid using getRowData/setRowData methods while suppressForceRowUpdate is enabled."'),R.value?.setFieldValue?.(i.name,void 0,!0,(t,n)=>{const s=u.value.findIndex((K,g)=>e===g);if(!~s)return;const f=l(u.value[s],s,i.rowKey);if(f&&!(!t[n]||!t[n][f])){if(!o){const K=Object.keys(t[n][f]);for(const g of K)g!==i.rowKey&&delete t[n][f][g]}Object.assign(t[n][f],{...r})}})}function L(e,r,o=!0){R.value?.setFieldValue?.(i.name,void 0,!0,(t,n)=>{if(!(!t[n]||!t[n][e])){if(!o){const s=Object.keys(t[n][e]);for(const f of s)f!==i.rowKey&&delete t[n][f][f]}Object.assign(t[n][e],{...r})}})}function O(){y?.([])}return{add:x,addMultiple:F,remove:I,removeByKey:A,getRowData:B,getRowsData:j,setRowDataByKey:L,setRowData:q,clear:O,refreshRowIds:w,getRowDataByKey:U}};exports.useEditableApi=E;
|
|
@@ -5,7 +5,6 @@ import { EditableAgGridProps } from '../editable/interface';
|
|
|
5
5
|
export declare const useEditableFormItemApi: <RecordType>(props: EditableAgGridProps<RecordType>, formApi: ApFormInternalInstance | undefined, tableData: Ref<RecordType[]>, shadowName: string) => {
|
|
6
6
|
add: (defaultValue?: Partial<RecordType>, insertIndex?: number) => void;
|
|
7
7
|
addMultiple: (list: number | Partial<RecordType>[], insetIn?: "prefix" | "suffix") => void;
|
|
8
|
-
__addMultiple: (list: number | Partial<RecordType>[], insetIn?: "prefix" | "suffix", overwriting?: boolean) => void;
|
|
9
8
|
remove: (data: RecordType | RecordType[]) => void;
|
|
10
9
|
removeByKey: (key: Key | Key[]) => void;
|
|
11
10
|
getRowData: (index: number) => RecordType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("lodash-unified"),g=require("vue");require("../../utils/index.js");const T=require("../../utils/warning.js"),c=require("../editable/utils.js"),h=require("../../utils/is.js");let _=0;function m(){return`_ag_grid${_++}`}const k=(o,y,e,d)=>{const w=g.shallowRef([]),K=T.useDevWarning("EditableAgGridFormItem");function F(n,r){const t=g.unref(e)?.length||0;if(h.isDef(o.maxLength)&&t>=o.maxLength||!n&&l.isFunction(o.rowKey))return;const i={...n||{[o.rowKey]:m()}};e.value?l.isUndefined(r)?e.value.push(i):(w.value=e.value.map((u,s)=>s<r?null:c.getRowKey(u,s,o.rowKey)).filter(Boolean),e.value.splice(r,0,i)):e.value=[i]}function I(n,r="suffix"){if(!n)return;const t=g.unref(e)?.length||0,i=l.isNumber(n)?n:n.length;if(h.isDef(o.maxLength)&&t+i>o.maxLength||l.isNumber(n)&&l.isFunction(o.rowKey))return;const u=l.isNumber(n)?new Array(n).fill(0).map(()=>({[o.rowKey]:m()})):l.cloneDeep(n);e.value?r==="suffix"?e.value.push(...u):(w.value=e.value.map((s,f)=>c.getRowKey(s,f,o.rowKey)),e.value.unshift(...u)):e.value=[...u]}function x(n){const r=l.isArray(n)?n:[n],t=e.value.filter(u=>!r.includes(u)),i=e.value.findIndex(u=>r.includes(u));w.value=e.value.map((u,s)=>s<=i?null:c.getRowKey(u,s,o.rowKey)).filter(Boolean),t.length?e.value=t:e.value.splice(0,e.value.length)}function A(n){const r=new Set(l.isArray(n)?n:[n]);if(r.size===0)return;const t=e.value.filter((u,s)=>!r.has(c.getRowKey(u,s,o.rowKey))),i=e.value.findIndex((u,s)=>r.has(c.getRowKey(u,s,o.rowKey)));w.value=e.value.map((u,s)=>s<=i?null:c.getRowKey(u,s,o.rowKey)).filter(Boolean),t.length?e.value=t:e.value.splice(0,e.value.length)}function q(n){return K(!o.supressForceRowUpdate,"usage",'Avoid using getRowData/setRowData methods while suppressForceRowUpdate is enabled."'),g.unref(e)?.[n]}function B(n){return e.value?.find((r,t)=>c.getRowKey(r,t,o.rowKey)===n)}function U(){return g.unref(e)}function j(n,r,t=!0){K(!o.supressForceRowUpdate,"usage",'Avoid using getRowData/setRowData methods while suppressForceRowUpdate is enabled."'),y?.setFieldValue?.(d,void 0,!1,(i,u)=>{const s=e.value.findIndex((R,v)=>n===v);if(!~s)return;const f=c.getRowKey(e.value[s],s,o.rowKey);if(f&&!(!i[u]||!i[u][f])){if(!t){const R=Object.keys(i[u][f]);for(const v of R)v!==o.rowKey&&delete i[u][f][v]}Object.assign(i[u][f],{...r})}})}function L(n,r,t=!0){y?.setFieldValue?.(d,void 0,!1,(i,u)=>{if(!(!i[u]||!i[u][n])){if(!t){const s=Object.keys(i[u][n]);for(const f of s)f!==o.rowKey&&delete i[u][n][f]}Object.assign(i[u][n],{...r})}})}function O(){e.value=[]}return{add:F,addMultiple:I,remove:x,removeByKey:A,getRowData:q,getRowsData:U,setRowDataByKey:L,setRowData:j,clear:O,refreshRowIds:w,getRowDataByKey:B}};exports.useEditableFormItemApi=k;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),ne=require("@ag-grid-community/locale"),co=require("@aplus-frontend/antdv"),po=require("@aplus-frontend/antdv/es/theme/internal"),a=require("ag-grid-community"),fo=require("ag-grid-vue3"),d=require("lodash-unified"),F=require("../ap-grid/constants.js"),mo=require("../ap-table/context.js"),go=require("../ap-table/hooks/use-table-paging-ng.js"),wo=require("../ap-table/utils.js");require("../config-provider/index.js");require("../utils/index.js");const So=require("../utils/retry.js"),Co=require("../utils/slot.js"),ho=require("../ap-form/index.js");require("./components/empty/index.vue.js");require("./components/loading/index.vue.js");require("./components/row/index.vue.js");const re=require("./context.js"),yo=require("./hooks/use-columns.js"),vo=require("./hooks/use-columns-def.js"),Ro=require("./hooks/use-pinned-row.js"),bo=require("./hooks/use-row-selection.js"),ko=require("./hooks/use-search-form.js"),xo=require("./hooks/use-selection-col-def.js"),Bo=require("./hooks/use-virtual-config.js"),Fo=require("./style/index.js"),qo=require("./theme.js"),b=require("./utils.js"),Mo=require("../config-provider/hooks/use-namespace.js"),Eo=require("../config-provider/hooks/use-locale.js"),Io=require("../config-provider/hooks/use-global-config.js"),To=require("../utils/is.js"),Ao=require("./components/row/index.vue2.js"),No=require("./components/loading/index.vue2.js"),zo=require("./components/empty/index.vue2.js"),_o=o.defineComponent({name:"AgGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},rowHoverable:{type:Boolean},columns:{},rowSelection:{type:[Boolean,Object]},card:{type:Boolean},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{},getRowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{},autoHeight:{type:Boolean},onUpdate:{},customRow:{},theme:{},emptyComponent:{},emptyText:{},onColumnResized:{},animateRows:{type:Boolean,default:!0},plugins:{default:()=>[]}},setup(le,{expose:ae}){const se={"zh-cn":ne.AG_GRID_LOCALE_CN,en:ne.AG_GRID_LOCALE_EN};a.ModuleRegistry.registerModules([a.ValidationModule,a.ColumnAutoSizeModule,a.PinnedRowModule,a.RowAutoHeightModule,a.RowStyleModule,a.CellSpanModule,a.CellStyleModule,a.TooltipModule,a.RowSelectionModule,a.LocaleModule,a.ValueCacheModule,a.GridStateModule,a.ColumnApiModule,a.RowApiModule,a.CellApiModule,a.RenderApiModule,a.EventApiModule,a.ScrollApiModule,a.ClientSideRowModelApiModule,a.ClientSideRowModelModule]);const t=le,q=o.useSlots(),{e:M,b:p,be:ue}=Mo.useNamespace("ag-grid"),{lang:V}=Eo.useLocale(),ie=Fo.default("ag-grid"),y=o.ref(t.size),ce=qo.useTheme(y,o.toRef(t,"rowHeight"),o.toRef(t,"theme")),de=Bo.default(o.toRef(t,"virtual")),{rowPinnedGridConfig:D,getRowPinnedCellClass:pe}=Ro.usePinnedRow(o.toRef(t,"summary")),fe=Io.useGlobalConfig("apGrid"),u=o.ref(),[,me]=po.useToken();let v=!!t.dataSource;async function E(e,n={}){const r=await b.runPipelineHooks(t.plugins,e,l=>l.beforeApplyColumnState?.bind(l));u.value.applyColumnState({state:r,...n})}const O=ko.useSearchForm(t),{shownColumns:S,columns:G,columnKeys:ge,getTargetColumnByKey:we,defaultSortOrder:k}=yo.useColumns(t),{defaultColDef:Se,columnDefs:K,gridWrapperRef:Ce}=vo.useColumnsDef(G,t,pe,q.headerCell),he={asc:"ascend",desc:"descend"},L={ascend:"asc",descend:"desc"};function ye(){const e=k.value;return e?{[e.colKey]:L[e.order]}:{}}function ve(){const e=H.value,n=k.value;if(n&&e.includes(n.field))return n}const x=o.ref(ye());re.useProvideSorter({sorter:x,setSorter(e){x.value=e}});function Re(){const e=u.value.getColumns()?.filter(f=>f.getSort()!=null),n=o.unref(x)||{};let r=e?.[0];const l=Object.keys(n);if(l.length&&l.every(f=>n[f]===null)){const f=Object.keys(n)[0];f&&(r=u.value?.getColumn(f))}if(!r)return;const i=r.getColDef(),g=r.getSort(),w=we(i.colId);U(void 0,void 0,{column:i,field:w?.field??i.field??i.colId,order:g?he[g]:null})}const H=o.computed(()=>wo.recursionApColumns(o.unref(S),e=>{if(e.sorter===!0)return e.field??e.dataIndex??e.key}).filter(Boolean)),be=()=>{x.value={};const e=u.value;if(!e)return;const n=e.getColumnState()?.map(r=>({...r,sort:null}));E(n)},I=o.ref({});re.useProvideExpandable({expandable:I});function ke(e){const n=e.columnGroup;n&&(I.value={...I.value,[n.getGroupId()]:n.isExpanded()})}const T=o.ref(!0),xe=o.computed(()=>To.isDef(t.manual)?t.manual:Co.getValidVNodeList(q.searchFormExtra?.()||[]).some(n=>n.type?.name==="ApView")),{formRef:C,submit:A,reset:N,data:m,tableProps:W,handleTableChangeOptional:U,submitWith:$,refresh:j,getPaging:Be,setPaging:Fe,setDataSource:qe,getLastParams:Me}=go.useTablePaging({async request(e){if(v=!1,h.value&&!h.value.preserveSelectedRowKeys&&d.isUndefined(t.dataSource)&&!T.value&&P(),T.value&&(T.value=!1),!d.isUndefined(t.dataSource)){const r=e.pageSize*(e.current-1);return{data:(t.pagination===!1?t.dataSource:t.dataSource.slice(r,r+e.pageSize))||[],total:t.dataSource.length||0}}const n=await t.request?.(e);return{data:n?.data||[],total:n?.total||0}},namespace:"ap-grid",filterFields:o.ref([]),params:o.toRef(t,"params"),defaultData:t.defaultData,manual:o.unref(xe),formatParams:t.beforeSearchSubmit,pagination:t.pagination,sortFields:H,onClickReset:be,defaultSortOrder:ve()}),h=o.computed(()=>{const e=t.rowSelection||fe.value?.rowSelection;if(e)return e===!0?F.DEFAULT_ROW_SELECTION_CONFIG:{...F.DEFAULT_ROW_SELECTION_CONFIG,...e}}),Ee=xo.default(t,S),Ie=o.computed(()=>d.isUndefined(t.dataSource)?m.records:t.dataSource),{select:Te,unSelect:Ae,selectedRows:z,selectedRowKeys:Ne,clearAll:ze,selectMultiByKeys:_e,selectMulti:Pe,unSelectMulti:Ve}=bo.default({...h.value,dataSource:Ie,rowKey:t.rowKey}),De={checkbox:"multiRow",radio:"singleRow"},Oe=o.computed(()=>{const e=h.value;if(!e)return;const{type:n="checkbox",disabled:r}=e;return{mode:De[n],isRowSelectable:l=>r?!r(l.data):!0,hideDisabledCheckboxes:e.hideDisabled??!1}});function _(e){return d.isFunction(t.rowKey)?t.rowKey(e):e[t.rowKey]}const B=({api:e=u.value})=>{if(t.onUpdate?.(),!h.value)return;const n=z.value||[];v=!1;const r=[];e.forEachNode(l=>{const c=l.data,i=_(c),g=l.isSelected();n.find(w=>_(w)===i)?!g&&r.push(l):g&&l.setSelected(!1)}),e.setNodesSelected({nodes:r,newValue:!0}),setTimeout(()=>{v=!0},0)},Ge=e=>{v&&(e.node.isSelected()?Te(e.data):Ae(e.data),d.isFunction(h.value?.tooltip)&&e.api.refreshCells({rowNodes:[e.node],columns:["ag-Grid-SelectionColumn"],force:!0}))},Ke=()=>{v=!0;const e=u.value;if(!e||!k.value)return;const n=e.getColumnState(),{colKey:r,order:l}=k.value,c=n.map(i=>({...i,sort:i.colId===r?L[l]:null}));E(c)},P=()=>{ze(),u.value?.deselectAll()};function Le(e){_e(e),o.nextTick(()=>{B({})})}const He=o.computed(()=>{const e=t.customRow;return e?{isFullWidthRow:e.isCustomRow,fullWidthCellRenderer:Ao.default,fullWidthCellRendererParams:{render:e.render}}:{}});function We(e){Pe(e),o.nextTick(()=>{B({})})}function Ue(e){Ve(e),o.nextTick(()=>{B({})})}function J(e=!1){const n=e?"getFieldsValueTransformed":"getFieldsValue";return C.value?.apForm?.[n]?.(!0)}function Q(e){C.value?.apForm?.setFieldsValue?.(e)}function X(){return C.value?.getSorterItems()||[]}function Y(e){C.value?.setSorterItems(e)}function Z(){C.value?.resetSorterItems()}function ee(e){return e&&String(e)}function $e(e){const n=u.value;if(!n)return;const r=n.getColumnState()||[],l=e.map(s=>s.key?String(s.key):s.key).filter(Boolean),c=r.map(s=>{if(!ge.value.includes(s.colId))return s;const R=!l.includes(s.colId),oe={...s,hide:R},te=e.find(io=>ee(io.key)===s.colId);return te&&(oe.pinned=te.fixed||null),oe}),i=new Map(e.map((s,R)=>[ee(s.key),R])),g=c.filter(s=>i.has(s.colId)).sort((s,R)=>i.get(s.colId)-i.get(R.colId)),w=[];let f=0;for(const s of c)i.has(s.colId)?w.push(g[f++]):w.push(s);E(w,{applyOrder:!0})}mo.useProvideApTable({columns:o.computed(()=>S.value),columnsBackup:o.computed(()=>G.value),size:o.computed(()=>F.sizeMap[y.value]),updateColumns(e){S.value=e,t.onShownColumnsChange?.(e),So.retryUntil(()=>u.value?.getColumnState(),()=>{$e(e)},{interval:17,check:n=>!!(n&&n.length>0)})},updateSize(e){y.value=F.sizeReverseMap[e]},renderConfig:o.computed(()=>({className:ue("table-header","title"),color:me.value.colorTextTertiary})),dataSource:o.computed(()=>o.unref(m).records),getSearchFormValues:J,setSearchFormValues:Q,submit:A,submitWith:$,reset:N,refresh:j,getSearchFormSorterItems:X,setSearchFormSorterItems:Y,resetSearchFormSorterItems:Z,getLastParams:Me});const je=o.computed(()=>(d.isUndefined(t.loading)?m.loading:t.loading)||K.value.length===0),Je=o.computed(()=>[p(),t.card?null:p("wrapper"),p("adaptive"),p(`size-${y.value}`),t.autoHeight&&m.records.length?p("auto-height"):null,ie.value].filter(Boolean)),Qe=o.computed(()=>({height:"100%",...t.tableStyle||{}})),Xe=(e,n)=>{U({current:e,pageSize:n})};function Ye(e){const n=e.data;return _(n)}function Ze(e,n){(d.isFunction(e)?u.value?.ensureNodeVisible:u.value?.ensureIndexVisible)?.(e,n)}function eo(e,n){u.value?.ensureColumnVisible(e,n)}function oo(e){t.onRowClicked?.(e.data,e.event)}function to(e){t.onScrollEnd?.(e.direction)}function no(e){return u.value?.refreshCells(e)}function ro(e){return u.value?.redrawRows(e)}function lo({finished:e,columns:n,source:r}){if(!e||r!=="uiColumnResized")return;const l=(n||[]).map(c=>({key:c.getColId(),width:c.getActualWidth()}));b.runEffectHooks(t.plugins,c=>c.onColumnResized?.bind(c),l),t.onColumnResized?.(l)}const ao=e=>{const n=[D.value.getRowClass?.(e)];if(!e.node.rowPinned){const r=d.isFunction(t.rowClassName)?t.rowClassName(e.data,e.rowIndex):t.rowClassName;n.push(r)}return n.flat().filter(Boolean)},so=({api:e})=>{u.value=e,b.runEffectHooks(t.plugins,n=>n.init?.bind(n),e)},uo=(e,n,r)=>{b.runEffectHooks(t.plugins,l=>l.searchParamsChange?.bind(this),n),t.searchForm&&t.searchForm.onValuesChange?.(e,n,r)};return o.watch(()=>t.dataSource,e=>{o.nextTick(()=>{qe(e,!0)})},{immediate:!0,deep:!0}),o.watch(()=>t.size,e=>{y.value=e}),o.watch(()=>o.unref(m).loading,e=>{t.onLoadingChange?.(e)}),ae({submit:A,reset:N,refresh:j,submitWith:$,setSearchFormValues:Q,getSearchFormValues:J,getShowColumns:()=>o.unref(S),rowSelection:{selectedRows:o.computed(()=>z.value),setSelectedRowKeys:Le,setSelectedRows:We,clearAll:P,unSelectRows:Ue},scrollToRow:Ze,scrollToColumn:eo,getDataSource:()=>o.unref(m.records),getPaging:Be,setPaging:Fe,getSearchFormSorterItems:X,setSearchFormSorterItems:Y,resetSearchFormSorterItems:Z,refreshCells:no,redrawRows:ro,_internalGridApi:o.computed(()=>u.value)}),(e,n)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(Je.value),style:o.normalizeStyle(e.wrapperStyle)},[o.unref(d.isUndefined)(e.dataSource)&&e.searchForm!==!1&&o.unref(O).length>0?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(e.card?o.unref(M)("search-wrapper"):null),style:o.normalizeStyle(e.searchFormWrapperStyle)},[o.createVNode(o.unref(ho.ApForm).SearchForm,o.mergeProps(o.unref(d.omit)(e.searchForm||{},["onValuesChange"]),{ref_key:"formRef",ref:C,"custom-reset":"","submit-loading":o.unref(W).loading,onSubmit:o.unref(A),onReset:o.unref(N),onValuesChange:uo}),o.createSlots({default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(O),r=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(r.renderNode),{key:r.dataIndex}))),128))]),_:2},[q.searchFormExtra?{name:"extra",fn:o.withCtx(()=>[o.renderSlot(e.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):o.createCommentVNode("",!0),o.createElementVNode("div",{class:o.normalizeClass([o.unref(M)("table-wrapper"),e.card?o.unref(M)("table-wrapper-card"):null]),style:o.normalizeStyle(e.tableWrapperStyle)},[o.createElementVNode("div",{class:o.normalizeClass(o.unref(p)("header-wrapper"))},[o.renderSlot(e.$slots,"title",{selectedRows:o.unref(z),selectedRowKeys:o.unref(Ne),shownColumns:o.unref(S),clearAll:P})],2),o.createElementVNode("div",{ref_key:"gridWrapperRef",ref:Ce,class:o.normalizeClass(o.unref(p)("grid-wrapper"))},[(o.openBlock(),o.createBlock(o.unref(fo.AgGridVue),o.mergeProps(o.unref(b.mergeProps)(o.unref(de),o.unref(D),He.value),{key:o.unref(V),"animate-rows":e.animateRows,"get-row-class":ao,style:Qe.value,"row-data":o.unref(m).records,"column-defs":o.unref(K),"default-col-def":o.unref(Se),"suppress-loading-overlay":"","row-selection":Oe.value,"selection-column-def":o.unref(Ee),"get-row-id":Ye,"get-row-height":t.getRowHeight,theme:o.unref(ce),"tooltip-show-delay":500,"enable-browser-tooltips":e.browserTooltips,"tooltip-interaction":"","row-class-rules":e.rowClassRules,"no-rows-overlay-component":zo.default,"no-rows-overlay-component-params":{emptyComponent:e.emptyComponent,emptyText:e.emptyText},"loading-overlay-component":No.default,loading:je.value,"suppress-cell-focus":"","tab-to-next-cell":()=>!1,"enable-cell-span":"","dom-layout":e.autoHeight?"autoHeight":"normal","locale-text":se[o.unref(V)],onSortChanged:Re,onGridReady:so,onRowDataUpdated:B,onRowSelected:Ge,onFirstDataRendered:Ke,onRowClicked:oo,onBodyScrollEnd:to,onColumnResized:lo,onColumnGroupOpened:ke}),null,16,["animate-rows","style","row-data","column-defs","default-col-def","row-selection","selection-column-def","get-row-height","theme","enable-browser-tooltips","row-class-rules","no-rows-overlay-component-params","loading","dom-layout","locale-text"]))],2),o.createElementVNode("div",{class:o.normalizeClass(o.unref(p)("pagination-wrapper"))},[e.pagination!==!1?(o.openBlock(),o.createBlock(o.unref(co.Pagination),o.mergeProps({key:0,class:o.unref(p)("pagination")},o.unref(W).pagination,{onChange:Xe}),null,16,["class"])):o.createCommentVNode("",!0)],2)],6)],6))}});exports.default=_o;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),ne=require("@ag-grid-community/locale"),po=require("@aplus-frontend/antdv"),fo=require("@aplus-frontend/antdv/es/theme/internal"),a=require("ag-grid-community"),mo=require("ag-grid-vue3"),c=require("lodash-unified"),M=require("../ap-grid/constants.js"),go=require("../ap-table/context.js"),wo=require("../ap-table/hooks/use-table-paging-ng.js"),Co=require("../ap-table/utils.js");require("../config-provider/index.js");require("../utils/index.js");const So=require("../utils/retry.js"),ho=require("../utils/slot.js"),yo=require("../ap-form/index.js");require("./components/empty/index.vue.js");require("./components/loading/index.vue.js");require("./components/row/index.vue.js");const re=require("./context.js"),vo=require("./hooks/use-columns.js"),Ro=require("./hooks/use-columns-def.js"),bo=require("./hooks/use-pinned-row.js"),ko=require("./hooks/use-row-selection.js"),xo=require("./hooks/use-search-form.js"),Bo=require("./hooks/use-selection-col-def.js"),Mo=require("./hooks/use-virtual-config.js"),Fo=require("./style/index.js"),qo=require("./theme.js"),b=require("./utils.js"),Eo=require("../config-provider/hooks/use-namespace.js"),Io=require("../config-provider/hooks/use-locale.js"),To=require("../config-provider/hooks/use-global-config.js"),Ao=require("../utils/is.js"),No=require("./components/row/index.vue2.js"),zo=require("./components/loading/index.vue2.js"),_o=require("./components/empty/index.vue2.js"),Po=o.defineComponent({name:"AgGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},rowHoverable:{type:Boolean},columns:{},rowSelection:{type:[Boolean,Object]},card:{type:Boolean},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{},getRowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{},autoHeight:{type:Boolean},onUpdate:{},onModelUpdated:{},customRow:{},theme:{},emptyComponent:{},emptyText:{},onColumnResized:{},animateRows:{type:Boolean,default:!0},plugins:{default:()=>[]}},setup(le,{expose:ae}){const se={"zh-cn":ne.AG_GRID_LOCALE_CN,en:ne.AG_GRID_LOCALE_EN};a.ModuleRegistry.registerModules([a.ValidationModule,a.ColumnAutoSizeModule,a.PinnedRowModule,a.RowAutoHeightModule,a.RowStyleModule,a.CellSpanModule,a.CellStyleModule,a.TooltipModule,a.RowSelectionModule,a.LocaleModule,a.ValueCacheModule,a.GridStateModule,a.ColumnApiModule,a.RowApiModule,a.CellApiModule,a.RenderApiModule,a.EventApiModule,a.ScrollApiModule,a.ClientSideRowModelApiModule,a.ClientSideRowModelModule]);const t=le,F=o.useSlots(),{e:q,b:p,be:ue}=Eo.useNamespace("ag-grid"),{lang:D}=Io.useLocale(),ie=Fo.default("ag-grid"),y=o.ref(t.size),de=qo.useTheme(y,o.toRef(t,"rowHeight"),o.toRef(t,"theme")),ce=Mo.default(o.toRef(t,"virtual")),{rowPinnedGridConfig:V,getRowPinnedCellClass:pe}=bo.usePinnedRow(o.toRef(t,"summary")),fe=To.useGlobalConfig("apGrid"),u=o.ref(),[,me]=fo.useToken();let v=!!t.dataSource;async function E(e,n={}){const r=await b.runPipelineHooks(t.plugins,e,l=>l.beforeApplyColumnState?.bind(l));u.value.applyColumnState({state:r,...n})}const O=xo.useSearchForm(t),{shownColumns:C,columns:G,columnKeys:ge,getTargetColumnByKey:we,defaultSortOrder:k}=vo.useColumns(t),{defaultColDef:Ce,columnDefs:K,gridWrapperRef:Se}=Ro.useColumnsDef(G,t,pe,F.headerCell),he={asc:"ascend",desc:"descend"},L={ascend:"asc",descend:"desc"};function ye(){const e=k.value;return e?{[e.colKey]:L[e.order]}:{}}function ve(){const e=U.value,n=k.value;if(n&&e.includes(n.field))return n}const x=o.ref(ye());re.useProvideSorter({sorter:x,setSorter(e){x.value=e}});function Re(){const e=u.value.getColumns()?.filter(f=>f.getSort()!=null),n=o.unref(x)||{};let r=e?.[0];const l=Object.keys(n);if(l.length&&l.every(f=>n[f]===null)){const f=Object.keys(n)[0];f&&(r=u.value?.getColumn(f))}if(!r)return;const i=r.getColDef(),g=r.getSort(),w=we(i.colId);W(void 0,void 0,{column:i,field:w?.field??i.field??i.colId,order:g?he[g]:null})}const U=o.computed(()=>Co.recursionApColumns(o.unref(C),e=>{if(e.sorter===!0)return e.field??e.dataIndex??e.key}).filter(Boolean)),be=()=>{x.value={};const e=u.value;if(!e)return;const n=e.getColumnState()?.map(r=>({...r,sort:null}));E(n)},I=o.ref({});re.useProvideExpandable({expandable:I});function ke(e){const n=e.columnGroup;n&&(I.value={...I.value,[n.getGroupId()]:n.isExpanded()})}const T=o.ref(!0),xe=o.computed(()=>Ao.isDef(t.manual)?t.manual:ho.getValidVNodeList(F.searchFormExtra?.()||[]).some(n=>n.type?.name==="ApView")),{formRef:S,submit:A,reset:N,data:m,tableProps:H,handleTableChangeOptional:W,submitWith:$,refresh:j,getPaging:Be,setPaging:Me,setDataSource:Fe,getLastParams:qe}=wo.useTablePaging({async request(e){if(v=!1,h.value&&!h.value.preserveSelectedRowKeys&&c.isUndefined(t.dataSource)&&!T.value&&P(),T.value&&(T.value=!1),!c.isUndefined(t.dataSource)){const r=e.pageSize*(e.current-1);return{data:(t.pagination===!1?t.dataSource:t.dataSource.slice(r,r+e.pageSize))||[],total:t.dataSource.length||0}}const n=await t.request?.(e);return{data:n?.data||[],total:n?.total||0}},namespace:"ap-grid",filterFields:o.ref([]),params:o.toRef(t,"params"),defaultData:t.defaultData,manual:o.unref(xe),formatParams:t.beforeSearchSubmit,pagination:t.pagination,sortFields:U,onClickReset:be,defaultSortOrder:ve()}),h=o.computed(()=>{const e=t.rowSelection||fe.value?.rowSelection;if(e)return e===!0?M.DEFAULT_ROW_SELECTION_CONFIG:{...M.DEFAULT_ROW_SELECTION_CONFIG,...e}}),Ee=Bo.default(t,C),Ie=o.computed(()=>c.isUndefined(t.dataSource)?m.records:t.dataSource),{select:Te,unSelect:Ae,selectedRows:z,selectedRowKeys:Ne,clearAll:ze,selectMultiByKeys:_e,selectMulti:Pe,unSelectMulti:De}=ko.default({...h.value,dataSource:Ie,rowKey:t.rowKey}),Ve={checkbox:"multiRow",radio:"singleRow"},Oe=o.computed(()=>{const e=h.value;if(!e)return;const{type:n="checkbox",disabled:r}=e;return{mode:Ve[n],isRowSelectable:l=>r?!r(l.data):!0,hideDisabledCheckboxes:e.hideDisabled??!1}});function _(e){return c.isFunction(t.rowKey)?t.rowKey(e):e[t.rowKey]}const B=({api:e=u.value})=>{if(t.onUpdate?.(),!h.value)return;const n=z.value||[];v=!1;const r=[];e.forEachNode(l=>{const d=l.data,i=_(d),g=l.isSelected();n.find(w=>_(w)===i)?!g&&r.push(l):g&&l.setSelected(!1)}),e.setNodesSelected({nodes:r,newValue:!0}),setTimeout(()=>{v=!0},0)},Ge=e=>{v&&(e.node.isSelected()?Te(e.data):Ae(e.data),c.isFunction(h.value?.tooltip)&&e.api.refreshCells({rowNodes:[e.node],columns:["ag-Grid-SelectionColumn"],force:!0}))},Ke=()=>{v=!0;const e=u.value;if(!e||!k.value)return;const n=e.getColumnState(),{colKey:r,order:l}=k.value,d=n.map(i=>({...i,sort:i.colId===r?L[l]:null}));E(d)},P=()=>{ze(),u.value?.deselectAll()};function Le(e){_e(e),o.nextTick(()=>{B({})})}const Ue=o.computed(()=>{const e=t.customRow;return e?{isFullWidthRow:e.isCustomRow,fullWidthCellRenderer:No.default,fullWidthCellRendererParams:{render:e.render}}:{}});function He(e){Pe(e),o.nextTick(()=>{B({})})}function We(e){De(e),o.nextTick(()=>{B({})})}function J(e=!1){const n=e?"getFieldsValueTransformed":"getFieldsValue";return S.value?.apForm?.[n]?.(!0)}function Q(e){S.value?.apForm?.setFieldsValue?.(e)}function X(){return S.value?.getSorterItems()||[]}function Y(e){S.value?.setSorterItems(e)}function Z(){S.value?.resetSorterItems()}function ee(e){return e&&String(e)}function $e(e){const n=u.value;if(!n)return;const r=n.getColumnState()||[],l=e.map(s=>s.key?String(s.key):s.key).filter(Boolean),d=r.map(s=>{if(!ge.value.includes(s.colId))return s;const R=!l.includes(s.colId),oe={...s,hide:R},te=e.find(co=>ee(co.key)===s.colId);return te&&(oe.pinned=te.fixed||null),oe}),i=new Map(e.map((s,R)=>[ee(s.key),R])),g=d.filter(s=>i.has(s.colId)).sort((s,R)=>i.get(s.colId)-i.get(R.colId)),w=[];let f=0;for(const s of d)i.has(s.colId)?w.push(g[f++]):w.push(s);E(w,{applyOrder:!0})}go.useProvideApTable({columns:o.computed(()=>C.value),columnsBackup:o.computed(()=>G.value),size:o.computed(()=>M.sizeMap[y.value]),updateColumns(e){C.value=e,t.onShownColumnsChange?.(e),So.retryUntil(()=>u.value?.getAllDisplayedColumns(),()=>{$e(e)},{interval:17,check:n=>!!(n&&n.length>0)})},updateSize(e){y.value=M.sizeReverseMap[e]},renderConfig:o.computed(()=>({className:ue("table-header","title"),color:me.value.colorTextTertiary})),dataSource:o.computed(()=>o.unref(m).records),getSearchFormValues:J,setSearchFormValues:Q,submit:A,submitWith:$,reset:N,refresh:j,getSearchFormSorterItems:X,setSearchFormSorterItems:Y,resetSearchFormSorterItems:Z,getLastParams:qe});const je=o.computed(()=>(c.isUndefined(t.loading)?m.loading:t.loading)||K.value.length===0),Je=o.computed(()=>[p(),t.card?null:p("wrapper"),p("adaptive"),p(`size-${y.value}`),t.autoHeight&&m.records.length?p("auto-height"):null,ie.value].filter(Boolean)),Qe=o.computed(()=>({height:"100%",...t.tableStyle||{}})),Xe=(e,n)=>{W({current:e,pageSize:n})};function Ye(e){const n=e.data;return _(n)}function Ze(e,n){(c.isFunction(e)?u.value?.ensureNodeVisible:u.value?.ensureIndexVisible)?.(e,n)}function eo(e,n){u.value?.ensureColumnVisible(e,n)}function oo(e){t.onRowClicked?.(e.data,e.event)}function to(e){t.onScrollEnd?.(e.direction)}function no(e){return u.value?.refreshCells(e)}function ro(e){return u.value?.redrawRows(e)}function lo({finished:e,columns:n,source:r}){if(!e||r!=="uiColumnResized")return;const l=(n||[]).map(d=>({key:d.getColId(),width:d.getActualWidth()}));b.runEffectHooks(t.plugins,d=>d.onColumnResized?.bind(d),l),t.onColumnResized?.(l)}const ao=e=>{const n=[V.value.getRowClass?.(e)];if(!e.node.rowPinned){const r=c.isFunction(t.rowClassName)?t.rowClassName(e.data,e.rowIndex):t.rowClassName;n.push(r)}return n.flat().filter(Boolean)},so=({api:e})=>{u.value=e,b.runEffectHooks(t.plugins,n=>n.init?.bind(n),e)},uo=({api:e})=>{t.onModelUpdated?.(e)},io=(e,n,r)=>{b.runEffectHooks(t.plugins,l=>l.searchParamsChange?.bind(this),n),t.searchForm&&t.searchForm.onValuesChange?.(e,n,r)};return o.watch(()=>t.dataSource,e=>{o.nextTick(()=>{Fe(e,!0)})},{immediate:!0,deep:!0}),o.watch(()=>t.size,e=>{y.value=e}),o.watch(()=>o.unref(m).loading,e=>{t.onLoadingChange?.(e)}),ae({submit:A,reset:N,refresh:j,submitWith:$,setSearchFormValues:Q,getSearchFormValues:J,getShowColumns:()=>o.unref(C),rowSelection:{selectedRows:o.computed(()=>z.value),setSelectedRowKeys:Le,setSelectedRows:He,clearAll:P,unSelectRows:We},scrollToRow:Ze,scrollToColumn:eo,getDataSource:()=>o.unref(m.records),getPaging:Be,setPaging:Me,getSearchFormSorterItems:X,setSearchFormSorterItems:Y,resetSearchFormSorterItems:Z,refreshCells:no,redrawRows:ro,_internalGridApi:o.computed(()=>u.value)}),(e,n)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(Je.value),style:o.normalizeStyle(e.wrapperStyle)},[o.unref(c.isUndefined)(e.dataSource)&&e.searchForm!==!1&&o.unref(O).length>0?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(e.card?o.unref(q)("search-wrapper"):null),style:o.normalizeStyle(e.searchFormWrapperStyle)},[o.createVNode(o.unref(yo.ApForm).SearchForm,o.mergeProps(o.unref(c.omit)(e.searchForm||{},["onValuesChange"]),{ref_key:"formRef",ref:S,"custom-reset":"","submit-loading":o.unref(H).loading,onSubmit:o.unref(A),onReset:o.unref(N),onValuesChange:io}),o.createSlots({default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(O),r=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(r.renderNode),{key:r.dataIndex}))),128))]),_:2},[F.searchFormExtra?{name:"extra",fn:o.withCtx(()=>[o.renderSlot(e.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):o.createCommentVNode("",!0),o.createElementVNode("div",{class:o.normalizeClass([o.unref(q)("table-wrapper"),e.card?o.unref(q)("table-wrapper-card"):null]),style:o.normalizeStyle(e.tableWrapperStyle)},[o.createElementVNode("div",{class:o.normalizeClass(o.unref(p)("header-wrapper"))},[o.renderSlot(e.$slots,"title",{selectedRows:o.unref(z),selectedRowKeys:o.unref(Ne),shownColumns:o.unref(C),clearAll:P})],2),o.createElementVNode("div",{ref_key:"gridWrapperRef",ref:Se,class:o.normalizeClass(o.unref(p)("grid-wrapper"))},[(o.openBlock(),o.createBlock(o.unref(mo.AgGridVue),o.mergeProps(o.unref(b.mergeProps)(o.unref(ce),o.unref(V),Ue.value),{key:o.unref(D),"animate-rows":e.animateRows,"get-row-class":ao,style:Qe.value,"row-data":o.unref(m).records,"column-defs":o.unref(K),"default-col-def":o.unref(Ce),"suppress-loading-overlay":"","row-selection":Oe.value,"selection-column-def":o.unref(Ee),"get-row-id":Ye,"get-row-height":t.getRowHeight,theme:o.unref(de),"tooltip-show-delay":500,"enable-browser-tooltips":e.browserTooltips,"tooltip-interaction":"","row-class-rules":e.rowClassRules,"no-rows-overlay-component":_o.default,"no-rows-overlay-component-params":{emptyComponent:e.emptyComponent,emptyText:e.emptyText},"loading-overlay-component":zo.default,loading:je.value,"suppress-cell-focus":"","tab-to-next-cell":()=>!1,"enable-cell-span":"","dom-layout":e.autoHeight?"autoHeight":"normal","locale-text":se[o.unref(D)],onSortChanged:Re,onGridReady:so,onRowDataUpdated:B,onRowSelected:Ge,onFirstDataRendered:Ke,onRowClicked:oo,onBodyScrollEnd:to,onColumnResized:lo,onColumnGroupOpened:ke,onModelUpdated:uo}),null,16,["animate-rows","style","row-data","column-defs","default-col-def","row-selection","selection-column-def","get-row-height","theme","enable-browser-tooltips","row-class-rules","no-rows-overlay-component-params","loading","dom-layout","locale-text"]))],2),o.createElementVNode("div",{class:o.normalizeClass(o.unref(p)("pagination-wrapper"))},[e.pagination!==!1?(o.openBlock(),o.createBlock(o.unref(po.Pagination),o.mergeProps({key:0,class:o.unref(p)("pagination")},o.unref(H).pagination,{onChange:Xe}),null,16,["class"])):o.createCommentVNode("",!0)],2)],6)],6))}});exports.default=Po;
|
|
@@ -340,6 +340,12 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
|
|
|
340
340
|
* @returns
|
|
341
341
|
*/
|
|
342
342
|
onUpdate?: () => void;
|
|
343
|
+
/**
|
|
344
|
+
* Displayed rows have changed. Triggered after sort, filter or tree expand / collapse events.
|
|
345
|
+
* @param api
|
|
346
|
+
* @returns
|
|
347
|
+
*/
|
|
348
|
+
onModelUpdated?: (api: GridApi) => void;
|
|
343
349
|
/**
|
|
344
350
|
* 自定义行渲染配置
|
|
345
351
|
* @since 6.37.0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o="__ag-grid-modal-row-key",t=
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o="__ag-grid-modal-row-key",t=480,e="calc(100vh - 200px)";exports.LARGER_HEIGHT=e;exports.ROW_KEY=o;exports.SMALL_HEIGHT=t;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { GridApi as AgGridApi } from 'ag-grid-community';
|
|
2
|
+
import { ComputedRef, Ref } from 'vue';
|
|
2
3
|
import { AgGridExpose } from '../../../ag-grid';
|
|
3
4
|
import { RefreshType } from '../interface';
|
|
4
5
|
interface Options {
|
|
@@ -22,10 +23,13 @@ export interface GridApi {
|
|
|
22
23
|
removeSelected: (record: any) => void;
|
|
23
24
|
/** 设置表格数据length */
|
|
24
25
|
setDataSourceLength: (len: number) => void;
|
|
26
|
+
/** 获取表格高度 */
|
|
27
|
+
onAgGridUpdate(api: AgGridApi<any> | undefined): void;
|
|
25
28
|
}
|
|
26
29
|
interface GridApiProvider extends GridApi {
|
|
27
30
|
selectedRows?: ComputedRef<any[]>;
|
|
28
|
-
dataSourceLength?:
|
|
31
|
+
dataSourceLength?: Readonly<Ref<number>>;
|
|
32
|
+
agGridBodyHeight?: Readonly<Ref<number>>;
|
|
29
33
|
}
|
|
30
34
|
export declare function useAgGridInstance(options?: Options): [GridApi, any];
|
|
31
35
|
/** 获取上下文中grid的api */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("lodash-unified"),t=require("vue"),d=Symbol("ag-grid-provider-key");function I(r){const o=t.ref(),s=t.ref(),l=t.ref(0),a=t.ref(0),i=e=>{o.value=e},g=e=>{l.value=e},v=()=>o.value,w=(e="reset")=>{o.value&&e in o.value&&o.value[e]()},f=e=>{o.value?.rowSelection.setSelectedRowKeys(e)},S=()=>G.cloneDeep(o.value?.rowSelection.selectedRows.value),R=()=>o.value?.rowSelection.clearAll(),h=e=>o.value?.rowSelection.unSelectRows([e]),y=e=>{if(!e)return;const c=e.getDisplayedRowCount();if(c>0){const n=e.getDisplayedRowAtIndex(c-1);if(n&&n.rowTop&&n.rowHeight){const p=n.rowTop+n.rowHeight;a.value=p}}};t.watch(o,e=>{e&&r?.onMounted?.()}),t.watch(()=>o.value?.rowSelection.selectedRows.value,e=>{s.value=e,r?.onSelectedRows?.(e)});const u={setInstance:i,refresh:w,getInstance:v,setSelectedRowKeys:f,getSelectedRows:S,clearAllSelected:R,removeSelected:h,setDataSourceLength:g,onAgGridUpdate:y},A=t.defineComponent({setup(e,{slots:c}){return t.provide(d,{...u,selectedRows:t.toRef(()=>s.value),dataSourceLength:t.toRef(()=>l.value),agGridBodyHeight:t.toRef(()=>a.value)}),()=>c.default?.()}});return[u,A]}function j(){return t.inject(d)}exports.useAgGridInstance=I;exports.useAgGridModalInject=j;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),o=require("lodash-unified");require("../../../ag-grid/index.js");const _=require("../../../ap-modal/index.js"),q=require("../utils.js");require("../wrapper/index.vue.js");const y=require("./use-ag-grid-instance.js"),C=require("../wrapper/index.vue2.js"),P=require("../../../ag-grid/index.vue.js");function H(r){let i=null,s=null;const[n,f]=y.useAgGridInstance(),l=q.genRequest(r.api,r.getRowKey,n.setDataSourceLength),d=t=>{const{title:e,width:u,modalProps:p,...c}=o.isFunction(t)?t(r):t;o.isEmpty(c)||s?.(c);const g=o.omitBy({title:e,width:u,modalProps:p},o.isUndefined);o.isEmpty(g)||i?.update(g)},m=a.defineComponent({name:"AgGridModalPreviewContent",props:{modalConfig:{type:Object,required:!0}},setup(t){const e=a.ref(t.modalConfig);return s=u=>{e.value={...e.value,...u}},()=>a.createVNode(f,null,{default:()=>[a.createVNode(C.default,{height:e.value.height,rowHeight:e.value.rowHeight,minHeight:e.value.minHeight,maxHeight:e.value.maxHeight},{default:()=>[e.value.renderHeader?.(o.omit(n,"setInstance"),{updateProps:d}),a.createVNode(P.default,a.mergeProps({ref:n.setInstance,searchForm:{sortable:!1,resize:{target:"form"}},rowKey:e.value.getRowKey,request:l.request,style:{padding:"0px"},rowHeight:e.value.rowHeight,columns:e.value.columns,autoHeight:e.value.height==="auto",onModelUpdated:n.onAgGridUpdate},r.gridProps),e.value.gridSlots)]})]})}});function h(){i=_.ApModal.createModal({title:r.title,width:r.width,destroyOnClose:!0,maskClosable:!1,footer:null,afterOpenChange(t){t===!1&&(n.setInstance(void 0),n.setDataSourceLength(0),i=null)},content:a.createVNode(m,{modalConfig:r},null),...r.modalProps||{}})}function v(t){l.setExtraParams(t?.extraParams),h()}return{open:v,refresh:n.refresh,getAgGridInstance:n.getInstance,updateProps:d}}exports.useAgGridModal=H;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),I=require("@aplus-frontend/antdv"),r=require("lodash-unified");require("../../../ag-grid/index.js");const p=require("../../../ap-modal/index.js");require("../../../config-provider/index.js");const H=require("../constants.js");require("../modal-layout/index.vue.js");const d=require("../utils.js");require("../wrapper/index.vue.js");const O=require("./use-ag-grid-instance.js"),G=require("./use-modal-title.js"),F=require("../../../config-provider/hooks/use-locale.js"),L=require("../wrapper/index.vue2.js"),T=require("../modal-layout/index.vue2.js"),j=require("../../../ag-grid/index.vue.js");function N(n){let c,m=null,y=null;const g=new d.AsyncCallback,[q,x]=G.useModalTitle(),{t:S}=F.useLocale(),[l,b]=O.useAgGridInstance({onSelectedRows(e){x.setCount(e?.length||0)}}),w=d.genRequest(n.api,n.getRowKey,l.setDataSourceLength),h=e=>{const{title:t,width:i,modalProps:o,...a}=r.isFunction(e)?e(r.cloneDeep(n)):e;r.isEmpty(a)||y?.(a);const s=r.omitBy({title:t,width:i,modalProps:o},r.isUndefined);r.isEmpty(s)||m?.update(s)},f=r.isFunction(n.getRowKey)?n.getRowKey:e=>e[n.getRowKey],v=()=>{const e=n.mergeRule||"old",t=l.getSelectedRows()||[];return{keys:P(t),rows:t.map(a=>{const s=f(a);return e==="old"&&c?.[s]?c[s]:d.delRowKeyField(a)})}},C=async()=>{const e=v(),t=n.maxCount||1/0;return e.keys.length>t?(I.message.warning(S("ap.apTableModal.messageMaxCount",{maxCount:t})),Promise.reject()):(await n.beforeOk?.(e),n.finishCallback?.(e),g.resolve(e),e)},K=()=>{g.reject("modal is closed!")},k=u.defineComponent({name:"AgGridModalSelectContent",props:{modalConfig:{type:Object,required:!0},selectedRows:{type:Array,default:()=>[]}},setup(e){const t=u.ref(e.modalConfig);return y=i=>{t.value={...t.value,...i}},()=>{const i=e.selectedRows?.map(s=>d.addRowKeyField(s,t.value.getRowKey)),o=t.value,a=d.getModalLayoutConfig(o.modalLayout);return u.createVNode(b,null,{default:()=>[u.createVNode(L.default,{height:o.height,rowHeight:o.rowHeight,minHeight:t.value.minHeight,maxHeight:t.value.maxHeight},{default:()=>[n.renderHeader?.(r.omit(l,"setInstance"),{updateProps:h}),u.createVNode(T.default,a.props,{default:()=>[u.createVNode(j.default,u.mergeProps({ref:l.setInstance,searchForm:{sortable:!1,resize:{target:"form"}},rowKey:r.isFunction(o.getRowKey)?H.ROW_KEY:o.getRowKey,request:w.request,style:{padding:"0px"},rowHeight:o.rowHeight,columns:o.columns,rowSelection:{defaultSelectedRows:i,preserveSelectedRowKeys:!0,type:o.mode||"checkbox",fixed:"left",columnWidth:38,disabled(s){return r.isFunction(o.disabledCheckbox)?o.disabledCheckbox(s,r.omit(l,"setInstance")):o.disabledCheckbox??!1},...n.rowSelection},autoHeight:t.value.height==="auto",onModelUpdated:l.onAgGridUpdate},n.gridProps),o.gridSlots)],...a.slots})]})]})}}});function R(e){return u.createVNode(k,{modalConfig:n,selectedRows:e},null)}function M(){const e=Object.values(c||{}),t=R(e);m=p.ApModal.createModal({title:u.createVNode(q,{title:n.title,maxCount:n.maxCount||1/0,isShowDefaultSuffix:n.mode!=="radio"},n.modalTitleSlots),width:n.width,destroyOnClose:!0,maskClosable:!1,onOk:C,onCancel:K,afterOpenChange(i){i===!1&&(l.setInstance(void 0),l.setDataSourceLength(0))},content:t,...n.modalProps||{}})}function P(e){return e?.map(f)||[]}function _(e,t,i=!1){if(c=e?.reduce((o,a)=>{const s=f(a);return o[s]=a,o},{}),w.setExtraParams(t?.extraParams),M(),i)return g.buildPromise()}function A(e,t){return _(e,t,!0)}return u.onUnmounted(()=>{g.reject("component is Unmounted!")}),{open:_,asyncOpen:A,refresh:l.refresh,getAgGridInstance:l.getInstance,genContent:R,validate:C,updateProps:h}}exports.useAgGridSelectModal=N;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { StyleValue, VNodeChild } from 'vue';
|
|
2
2
|
import { AgGridColumnType, AgGridExpose, AgGridProps, AgGridRowSelection, AgGridSlots } from '../../ag-grid';
|
|
3
3
|
import { CreateModalFuncProps } from '../../ap-modal';
|
|
4
4
|
import { Recordable } from '../../type';
|
|
@@ -19,9 +19,9 @@ export interface AgGridModalBasicProps<TableRowType = any> {
|
|
|
19
19
|
updateProps: UpdatePropsFn<TableRowType>;
|
|
20
20
|
}) => VNodeChild;
|
|
21
21
|
rowHeight?: number;
|
|
22
|
-
height?:
|
|
23
|
-
minHeight?:
|
|
24
|
-
maxHeight?:
|
|
22
|
+
height?: number | string;
|
|
23
|
+
minHeight?: number;
|
|
24
|
+
maxHeight?: number | string;
|
|
25
25
|
}
|
|
26
26
|
/** 刷新方式 */
|
|
27
27
|
export type RefreshType = 'reset' | 'submit' | 'submitWith';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("lodash-unified"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("lodash-unified"),u=require("./constants.js");function p(e,t,r){let n=null;return{request:async o=>{const i=e;if(!i)return r?.(0),{data:[],total:0};n&&(o=Object.assign(o,n));const{records:l,total:c}=await i(Object.assign({},o));return r?.(l?.length||0),{data:l?.map(d=>a(d,t)),total:c}},setExtraParams:o=>{n=o||null}}}function a(e,t){return h.isFunction(t)?{...e,[u.ROW_KEY]:t(e)}:e}function f(e){return Reflect.deleteProperty(e,u.ROW_KEY),e}function g(e){const{renderSelectedItem:t,rightTitle:r,rightBottom:n,...s}=e||{};return{props:{...s,layoutType:e&&"two-column"},slots:{renderSelectedItem:t,rightTitle:r,rightBottom:n}}}class y{constructor(){this.p=null,this.operateFn=null}buildPromise(){return this.operateFn&&this.operateFn.reject("Ignored Reject: reuse"),this.p=new Promise((t,r)=>{this.operateFn={reject:r,resolve:t}}),this.p}clear(){this.p=null,this.operateFn=null}resolve(t){this.operateFn&&(this.operateFn.resolve(t),this.clear())}reject(t){this.operateFn&&(this.operateFn.reject("Ignored Reject: "+t),this.clear())}}function F(e){return typeof e=="number"&&e?`${e}px`:e.toString()}exports.AsyncCallback=y;exports.addRowKeyField=a;exports.delRowKeyField=f;exports.genRequest=p;exports.getModalLayoutConfig=g;exports.toHeight=F;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
2
|
type __VLS_Props = {
|
|
3
3
|
rowHeight?: number;
|
|
4
|
-
height?:
|
|
5
|
-
minHeight?:
|
|
6
|
-
maxHeight?:
|
|
4
|
+
height?: number | string;
|
|
5
|
+
minHeight?: number;
|
|
6
|
+
maxHeight?: number | string;
|
|
7
7
|
};
|
|
8
8
|
declare function __VLS_template(): {
|
|
9
9
|
attrs: Partial<{}>;
|
|
@@ -17,9 +17,9 @@ declare function __VLS_template(): {
|
|
|
17
17
|
};
|
|
18
18
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
19
19
|
declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
20
|
-
height:
|
|
21
|
-
maxHeight:
|
|
22
|
-
minHeight:
|
|
20
|
+
height: number | string;
|
|
21
|
+
maxHeight: number | string;
|
|
22
|
+
minHeight: number;
|
|
23
23
|
rowHeight: number;
|
|
24
24
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
25
25
|
wrapperContainer: HTMLDivElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),s=require("../constants.js"),d=require("../hooks/use-ag-grid-instance.js"),r=require("../utils.js"),H=t.defineComponent({__name:"index",props:{rowHeight:{default:32},height:{default:void 0},minHeight:{default:s.SMALL_HEIGHT},maxHeight:{default:s.LARGER_HEIGHT}},setup(g){const o=g,u=t.useTemplateRef("wrapperContainer"),h=d.useAgGridModalInject(),a=t.ref(r.toHeight(o.minHeight)),c=e=>{const i=u.value?.clientHeight,l=u.value?.querySelector(".ag-body.ag-layout-normal")?.clientHeight;let n=0;!i||!l?n=0:n=i-l,e>o.minHeight-n&&(a.value=`min(${e+n}px,${r.toHeight(o.maxHeight)})`)};return t.watch(()=>h?.agGridBodyHeight?.value,(e,i)=>{e&&(!i||e>i)&&c(e||0)},{immediate:!0}),(e,i)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"wrapperContainer",ref:u,style:t.normalizeStyle({minHeight:e.height==="auto"?"unset":t.unref(r.toHeight)(e.minHeight),height:e.height?t.unref(r.toHeight)(e.height):a.value,display:"flex",flexDirection:"column"})},[t.renderSlot(e.$slots,"default")],4))}});exports.default=H;
|
package/lib/src/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "7.
|
|
1
|
+
declare const _default: "7.20.1";
|
|
2
2
|
export default _default;
|
package/lib/src/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.20.1";exports.default=e;
|