@aplus-frontend/ui 0.6.0-beta.13 → 0.6.0-beta.15
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/ap-grid/editable/form-item.vue.mjs +38 -35
- package/es/src/ap-grid/editable/index.vue.mjs +13 -10
- package/es/src/ap-grid/hooks/use-row-selection.d.ts +100 -0
- package/es/src/ap-grid/hooks/use-row-selection.mjs +122 -0
- package/es/src/ap-grid/index.vue.mjs +271 -222
- package/es/src/ap-grid/interface.d.ts +16 -0
- package/es/src/ap-grid/utils/table.mjs +15 -15
- package/es/src/ap-table/hooks/use-table-paging-ng.d.ts +6 -1
- package/es/src/ap-table/hooks/use-table-paging-ng.mjs +99 -96
- package/es/src/business/ap-copy/ApCopy.mjs +43 -43
- package/es/src/business/ap-label/group/ApLabelGroup.mjs +15 -16
- package/es/src/business/ap-label/interface.d.ts +2 -3
- package/es/src/business/ap-product-info/ApProductInfo.mjs +23 -24
- package/es/src/business/ap-table-modal/table-modal.vue2.mjs +43 -42
- package/es/src/business/ap-view/ap-view.vue.d.ts +4 -1
- package/es/src/business/ap-view/ap-view.vue2.mjs +96 -84
- package/es/src/business/ap-view/index.d.ts +12 -3
- package/es/src/business/ap-view/interface.d.ts +7 -0
- package/es/src/business/hooks/usePageListApGrid.mjs +17 -20
- package/es/src/version.d.ts +1 -1
- package/es/src/version.mjs +1 -1
- package/lib/src/ap-grid/editable/form-item.vue.js +1 -1
- package/lib/src/ap-grid/editable/index.vue.js +1 -1
- package/lib/src/ap-grid/hooks/use-row-selection.d.ts +100 -0
- package/lib/src/ap-grid/hooks/use-row-selection.js +1 -0
- package/lib/src/ap-grid/index.vue.js +1 -1
- package/lib/src/ap-grid/interface.d.ts +16 -0
- package/lib/src/ap-grid/utils/table.js +1 -1
- package/lib/src/ap-table/hooks/use-table-paging-ng.d.ts +6 -1
- package/lib/src/ap-table/hooks/use-table-paging-ng.js +1 -1
- package/lib/src/business/ap-copy/ApCopy.js +1 -1
- package/lib/src/business/ap-label/group/ApLabelGroup.js +1 -1
- package/lib/src/business/ap-label/interface.d.ts +2 -3
- package/lib/src/business/ap-product-info/ApProductInfo.js +1 -1
- package/lib/src/business/ap-table-modal/table-modal.vue2.js +1 -1
- package/lib/src/business/ap-view/ap-view.vue.d.ts +4 -1
- package/lib/src/business/ap-view/ap-view.vue2.js +1 -1
- package/lib/src/business/ap-view/index.d.ts +12 -3
- package/lib/src/business/ap-view/interface.d.ts +7 -0
- package/lib/src/business/hooks/usePageListApGrid.js +1 -1
- package/lib/src/version.d.ts +1 -1
- package/lib/src/version.js +1 -1
- package/package.json +4 -3
- package/theme/ap-copy/ap-copy.css +2 -0
- package/theme/ap-copy/ap-copy.less +2 -0
- package/theme/ap-table-modal/index.css +15 -13
- package/theme/ap-table-modal/index.less +15 -13
- package/theme/index.css +17 -13
|
@@ -1,26 +1,24 @@
|
|
|
1
|
-
import "../../config-provider/index.mjs";
|
|
2
1
|
import "../index.mjs";
|
|
3
|
-
import { merge as c, cloneDeep as
|
|
4
|
-
import { ref as
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const o = g(null), {
|
|
2
|
+
import { merge as c, cloneDeep as S } from "lodash-unified";
|
|
3
|
+
import { ref as v } from "vue";
|
|
4
|
+
import { useTableRefresh as g } from "./useTableRefresh.mjs";
|
|
5
|
+
function T(s) {
|
|
6
|
+
const o = v(null), {
|
|
9
7
|
isShowRowSelection: i = !0,
|
|
10
|
-
clearSelectionOnRequest:
|
|
8
|
+
clearSelectionOnRequest: f = !0,
|
|
11
9
|
transformSearchFormValues: a,
|
|
12
10
|
api: l,
|
|
13
|
-
tableRefresh:
|
|
11
|
+
tableRefresh: d = !0,
|
|
14
12
|
virtual: m,
|
|
15
13
|
...p
|
|
16
14
|
} = s || {};
|
|
17
15
|
let n = null;
|
|
18
|
-
const
|
|
16
|
+
const u = () => {
|
|
19
17
|
var e, r;
|
|
20
18
|
(r = (e = o.value) == null ? void 0 : e.rowSelection) == null || r.clearAll();
|
|
21
19
|
};
|
|
22
|
-
return
|
|
23
|
-
...
|
|
20
|
+
return g({
|
|
21
|
+
...R(d),
|
|
24
22
|
apTableRef: o
|
|
25
23
|
}), [c(
|
|
26
24
|
{
|
|
@@ -32,10 +30,10 @@ function C(s) {
|
|
|
32
30
|
const r = a ? a(e) : e;
|
|
33
31
|
try {
|
|
34
32
|
if (!l) throw new Error("api is not defined");
|
|
35
|
-
const { records: t, total:
|
|
36
|
-
return
|
|
33
|
+
const { records: t, total: h } = await l(r);
|
|
34
|
+
return f && u(), {
|
|
37
35
|
data: t,
|
|
38
|
-
total:
|
|
36
|
+
total: h
|
|
39
37
|
};
|
|
40
38
|
} catch (t) {
|
|
41
39
|
return console.error(t), {
|
|
@@ -59,8 +57,7 @@ function C(s) {
|
|
|
59
57
|
m
|
|
60
58
|
),
|
|
61
59
|
// 新UI规范,需要都添加分割线
|
|
62
|
-
card: !0
|
|
63
|
-
bordered: h.value === "admin"
|
|
60
|
+
card: !0
|
|
64
61
|
},
|
|
65
62
|
p
|
|
66
63
|
), {
|
|
@@ -81,16 +78,16 @@ function C(s) {
|
|
|
81
78
|
getSearchFormValuesAndSorted: (e = !0) => {
|
|
82
79
|
var t;
|
|
83
80
|
const r = ((t = o.value) == null ? void 0 : t.getSearchFormValues(!!e)) || {};
|
|
84
|
-
return r.sort = n &&
|
|
81
|
+
return r.sort = n && S(n), a ? a(r) : r;
|
|
85
82
|
},
|
|
86
83
|
clearSelection: u
|
|
87
84
|
}];
|
|
88
85
|
}
|
|
89
|
-
function
|
|
86
|
+
function R(s) {
|
|
90
87
|
return s === !0 ? {} : s === !1 ? {
|
|
91
88
|
refreshBefore: () => !1
|
|
92
89
|
} : s;
|
|
93
90
|
}
|
|
94
91
|
export {
|
|
95
|
-
|
|
92
|
+
T as usePageListApGrid
|
|
96
93
|
};
|
package/es/src/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "0.6.0-beta.
|
|
1
|
+
declare const _default: "0.6.0-beta.15";
|
|
2
2
|
export default _default;
|
package/es/src/version.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),g=require("../../ap-form/index.js"),i=require("lodash-unified");require("../../config-provider/index.js");const h=require("../../utils/index.js"),E=require("../hooks/use-editable-columns.js");require("../index.vue2.js");const O=require("../../ap-form/context.js"),P=require("../../config-provider/hooks/use-namespace.js"),z=require("../../config-provider/hooks/use-global-config.js"),A=require("../index.vue.js"),K=o.defineComponent({name:"EditableGrid",__name:"form-item",props:{dropdownPrefixCls:{},bordered:{type:Boolean,default:!1},locale:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},tableLayout:{default:"fixed"},title:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object],default:!1},transformCellText:{},rowClassName:{},stripe:{type:Boolean},headerRowClassName:{},footerRowClassName:{},cellClassName:{},headerCellClassName:{},footerCellClassName:{},rowStyle:{},headerRowStyle:{},footerRowStyle:{},cellStyle:{},headerCellStyle:{},footerCellStyle:{},height:{},minHeight:{},maxHeight:{},mergeCells:{},mergeFooterItems:{},cellConfig:{},loading:{type:Boolean,default:void 0},loadingConfig:{},headerCellConfig:{},footerCellConfig:{},round:{type:Boolean},rowSelection:{type:Boolean,default:void 0},onLoadingChange:{},onShownColumnsChange:{},pagination:{type:[Boolean,Object],default:!1},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},size:{default:"mini"},adaptive:{type:Boolean,default:!1},columnResizable:{type:[Boolean,Object],default:!1},rowKey:{default:"key"},footer:{},virtual:{type:[Boolean,Object],default:void 0},expandable:{},value:{},rowHighlightable:{type:[Boolean,Function]},columns:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},onFieldChange:{},label:{},name:{},formItem:{default:()=>({})}},setup(y,{expose:C}){const w=o.useSlots(),u=y,{b}=P.useNamespace("editable-grid");function x(e,a){return i.isArray(a)?a.reduce((n,l)=>n==null?void 0:n[l],e):e==null?void 0:e[a]}const{internalInstance:t,model:R}=O.useInjectForm(),p=o.toRef(u.name),d=o.ref(x(o.unref(R),p.value)||[]),B=g.ApForm.useWatch(p);o.watch(()=>B.value,async e=>{var a;await o.nextTick(),d.value=e,(a=u.onChange)==null||a.call(u,e)},{deep:!0});const m=o.ref(),S=z.useGlobalConfig("valueTypeMap"),v=E.useGetEditableColumns(u,S);function F(e,a){var s;const n=((s=o.unref(d))==null?void 0:s.length)||0;if(h.isDef(u.maxLength)&&n>=u.maxLength)return;const l={...e||{}};t==null||t.setFieldValue(u.name,l,!0,(r,f)=>{if(!r[f]){r[f]=[l];return}i.isUndefined(a)?r[f].push(l):r[f].splice(a,0,l)})}function N(e,a="suffix"){var r;const n=((r=o.unref(d))==null?void 0:r.length)||0,l=i.isNumber(e)?e:e.length;if(h.isDef(u.maxLength)&&n+l>u.maxLength)return;const s=i.isNumber(e)?new Array(e).fill(0).map(()=>({})):i.cloneDeep(e);t==null||t.setFieldValue(u.name,s,!0,(f,c)=>{if(!f[c]){f[c]=[...s];return}a==="suffix"?f[c].push(...s):f[c].unshift(...s)})}function _(e){const a=new Set(i.isNumber(e)?[e]:e);t==null||t.setFieldValue(u.name,void 0,!0,(n,l)=>{n[l]=n[l].filter((s,r)=>!a.has(r))})}function D(e){var n;const a=new Set(i.isArray(e)?e:[e]);a.size!==0&&((n=t==null?void 0:t.setFieldValue)==null||n.call(t,u.name,void 0,!0,(l,s)=>{l[s]=l[s].filter(r=>!a.has(r[u.rowKey]))}))}function q(){return o.unref(d)}function T(e){var a;return(a=o.unref(d))==null?void 0:a[e]}function V(e,a,n=!0){t==null||t.setFieldValue(u.name,void 0,!0,(l,s)=>{if(!(!l[s]||!l[s][e])){if(!n){const r=Object.keys(l[s][e]);for(const f of r)f!==u.rowKey&&delete l[s][e][f]}Object.assign(l[s][e],{...a})}})}function L(e){t==null||t.setFieldValue(u.name,e)}function j(e){var n;const a=e==="end"?d.value.length-1:e;(n=m.value)==null||n.scrollToRow(a)}function k(){var e;(e=t==null?void 0:t.setFieldValue)==null||e.call(t,u.name,[])}return C({add:F,remove:_,getRowData:T,getRowsData:q,setRowData:V,addMultiple:N,scrollTo:j,setTableData:L,clear:k,removeByKey:D}),(e,a)=>(o.openBlock(),o.createBlock(o.unref(g.ApForm).FormItem,o.mergeProps(e.formItem,{name:e.name,label:e.label}),{default:o.withCtx(()=>[o.createVNode(A.default,o.mergeProps(o.unref(i.omit)(u,["name","value","onUpdate:value","maxLength","onChange","defaultValue","formItem"]),{ref_key:"tableRef",ref:m,class:o.unref(b)(),columns:o.unref(v),"data-source":d.value,"search-form":!1}),o.createSlots({_:2},[o.renderList(w,(n,l)=>({name:l,fn:o.withCtx(s=>[o.renderSlot(e.$slots,l,o.normalizeProps(o.guardReactiveProps(s||{})))])}))]),1040,["class","columns","data-source"])]),_:3},16,["name","label"]))}});exports.default=K;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),y=require("../../ap-form/index.js"),c=require("lodash-unified");require("../../config-provider/index.js");require("../../hooks/index.js");const C=require("../../utils/index.js"),P=require("../hooks/use-editable-columns.js");require("../index.vue2.js");const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),y=require("../../ap-form/index.js"),c=require("lodash-unified");require("../../config-provider/index.js");require("../../hooks/index.js");const C=require("../../utils/index.js"),P=require("../hooks/use-editable-columns.js");require("../index.vue2.js");const H=require("../../config-provider/hooks/use-namespace.js"),I=require("../../hooks/useControllableValue.js"),G=require("../../config-provider/hooks/use-global-config.js"),U=require("../index.vue.js"),W=a.defineComponent({name:"EditableGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean,default:!1},locale:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},tableLayout:{default:"fixed"},title:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object],default:!1},transformCellText:{},rowClassName:{},stripe:{type:Boolean},headerRowClassName:{},footerRowClassName:{},cellClassName:{},headerCellClassName:{},footerCellClassName:{},rowStyle:{},headerRowStyle:{},footerRowStyle:{},cellStyle:{},headerCellStyle:{},footerCellStyle:{},height:{},minHeight:{},maxHeight:{},mergeCells:{},mergeFooterItems:{},cellConfig:{},loading:{type:Boolean,default:void 0},loadingConfig:{},headerCellConfig:{},footerCellConfig:{},round:{type:Boolean},rowSelection:{type:Boolean,default:void 0},onLoadingChange:{},onShownColumnsChange:{},pagination:{type:[Boolean,Object],default:!1},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},size:{default:"mini"},adaptive:{type:Boolean,default:!1},columnResizable:{type:[Boolean,Object],default:!1},rowKey:{default:"key"},footer:{},virtual:{type:[Boolean,Object],default:void 0},expandable:{},value:{},rowHighlightable:{type:[Boolean,Function]},columns:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},name:{default:"ap-editable-table-inner-name"},onFieldChange:{}},emits:["update:value"],setup(w,{expose:v,emit:b}){const x=a.useSlots(),l=w,{b:R}=H.useNamespace("editable-grid"),B=b,g=a.ref(),{value:p,updateValue:F}=I.useControllableValue(l,B),i=a.ref(),S=G.useGlobalConfig("valueTypeMap"),h=y.ApForm.useWatch(l.name,i);a.watch(()=>h.value,e=>{var t;F(e),(t=l.onChange)==null||t.call(l,e)},{deep:!0,flush:"post"}),a.watch(p,e=>{var t;e!==a.unref(h)&&(c.isEqual(e,a.unref(h))||(t=i.value)==null||t.setFieldValue(l.name,e))},{deep:!0});const _=P.useGetEditableColumns(l,S);function N(){var e;(e=i.value)==null||e.resetFields()}function V(e){return e?(c.isArray(e)?e:[e]).map(n=>c.isArray(n)?[l.name,...n]:[l.name,n]):void 0}async function q(e,t){var o;const n=await((o=i.value)==null?void 0:o.validateFields(V(e),t));return n==null?void 0:n[l.name]}function A(e,t){var r,u,s;const n=((r=a.unref(p))==null?void 0:r.length)||0;if(C.isDef(l.maxLength)&&n>=l.maxLength)return;const o={...e||{}};(s=(u=i.value)==null?void 0:u.setFieldValue)==null||s.call(u,l.name,o,!0,(d,f)=>{if(!d[f]){d[f]=[o];return}c.isUndefined(t)?d[f].push(o):d[f].splice(t,0,o)})}function D(e,t="suffix"){var u,s,d;const n=((u=a.unref(p))==null?void 0:u.length)||0,o=c.isNumber(e)?e:e.length;if(C.isDef(l.maxLength)&&n+o>l.maxLength)return;const r=c.isNumber(e)?new Array(e).fill(0).map(()=>({})):c.cloneDeep(e);(d=(s=i.value)==null?void 0:s.setFieldValue)==null||d.call(s,l.name,r,!0,(f,m)=>{if(!f[m]){f[m]=[...r];return}t==="suffix"?f[m].push(...r):f[m].unshift(...r)})}function E(e){var n,o;const t=new Set(c.isNumber(e)?[e]:e);(o=(n=i.value)==null?void 0:n.setFieldValue)==null||o.call(n,l.name,void 0,!0,(r,u)=>{r[u]=r[u].filter((s,d)=>!t.has(d))})}function L(e){var n,o;const t=new Set(c.isArray(e)?e:[e]);t.size!==0&&((o=(n=i.value)==null?void 0:n.setFieldValue)==null||o.call(n,l.name,void 0,!0,(r,u)=>{r[u]=r[u].filter(s=>!t.has(s[l.rowKey]))}))}function T(){return a.unref(p)}function k(e){var t;(t=i.value)==null||t.setFieldValue(l.name,e)}function j(e){var t;return(t=a.unref(p))==null?void 0:t[e]}function O(e,t,n=!0){var o,r;(r=(o=i.value)==null?void 0:o.setFieldValue)==null||r.call(o,l.name,void 0,!0,(u,s)=>{if(!(!u[s]||!u[s][e])){if(!n){const d=Object.keys(u[s][e]);for(const f of d)f!==l.rowKey&&delete u[s][e][f]}Object.assign(u[s][e],{...t})}})}function z(e){var n;const t=e==="end"?p.value.length-1:e;(n=g.value)==null||n.scrollToRow(t)}function K(){var e,t;(t=(e=i.value)==null?void 0:e.setFieldValue)==null||t.call(e,l.name,[])}return v({resetFields:N,validateFields:q,add:A,remove:E,getRowData:j,getRowsData:T,setRowData:O,addMultiple:D,scrollTo:z,clear:K,setTableData:k,removeByKey:L}),(e,t)=>(a.openBlock(),a.createBlock(a.unref(y.ApForm),{ref_key:"formRef",ref:i,"initial-values":{[l.name]:a.unref(p)},style:{height:"100%"}},{default:a.withCtx(()=>[a.createVNode(a.unref(y.ApForm).FormItem,{name:e.name,"no-style":""},{default:a.withCtx(()=>[a.createVNode(U.default,a.mergeProps(a.unref(c.omit)(l,["name","value","onUpdate:value","maxLength","onChange","defaultValue"]),{ref_key:"tableRef",ref:g,class:a.unref(R)(),columns:a.unref(_),"data-source":a.unref(p),"search-form":!1}),a.createSlots({_:2},[a.renderList(x,(n,o)=>({name:o,fn:a.withCtx(r=>[a.renderSlot(e.$slots,o,a.normalizeProps(a.guardReactiveProps(r||{})))])}))]),1040,["class","columns","data-source"])]),_:3},8,["name"])]),_:3},8,["initial-values"]))}});exports.default=W;
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { TableRowSelection } from '@aplus-frontend/antdv/lib/table/interface';
|
|
2
|
+
import { ComputedRef, Ref } from 'vue';
|
|
3
|
+
import { ApTableProps, ApTableRowSelection } from '../../ap-table';
|
|
4
|
+
import { Recordable } from '../../type';
|
|
5
|
+
export interface RowSelectionReturnType<RecordType = any> {
|
|
6
|
+
rowSelection: ComputedRef<TableRowSelection<RecordType>>;
|
|
7
|
+
selectedRows: Ref<Partial<RecordType>[]>;
|
|
8
|
+
/**
|
|
9
|
+
* 选中某行
|
|
10
|
+
* @param item
|
|
11
|
+
* @returns
|
|
12
|
+
*/
|
|
13
|
+
select: (item: RecordType) => void;
|
|
14
|
+
/**
|
|
15
|
+
* 取消选中某行
|
|
16
|
+
* @param item
|
|
17
|
+
* @returns
|
|
18
|
+
*/
|
|
19
|
+
unSelect: (item: RecordType) => void;
|
|
20
|
+
/**
|
|
21
|
+
* 某行是否被选中
|
|
22
|
+
* @param item
|
|
23
|
+
* @returns
|
|
24
|
+
*/
|
|
25
|
+
isSelected: (item: RecordType) => boolean;
|
|
26
|
+
/**
|
|
27
|
+
* 选中当前所有数据
|
|
28
|
+
* @returns
|
|
29
|
+
*/
|
|
30
|
+
selectAll: () => void;
|
|
31
|
+
/**
|
|
32
|
+
* 取消选中当前所有数据
|
|
33
|
+
* @returns
|
|
34
|
+
*/
|
|
35
|
+
unSelectAll: () => void;
|
|
36
|
+
/**
|
|
37
|
+
* 清空所有选中
|
|
38
|
+
* @returns
|
|
39
|
+
*/
|
|
40
|
+
clearAll: () => void;
|
|
41
|
+
/**
|
|
42
|
+
* 切换某行的选中状态
|
|
43
|
+
* @param item
|
|
44
|
+
* @returns
|
|
45
|
+
*/
|
|
46
|
+
toggleSelect: (item: RecordType) => void;
|
|
47
|
+
/**
|
|
48
|
+
* 多项选中
|
|
49
|
+
* @param items
|
|
50
|
+
* @returns
|
|
51
|
+
*/
|
|
52
|
+
selectMulti: (items: RecordType[]) => void;
|
|
53
|
+
/**
|
|
54
|
+
* 多项反选
|
|
55
|
+
* @param items
|
|
56
|
+
* @returns
|
|
57
|
+
*/
|
|
58
|
+
unSelectMulti: (items: RecordType[]) => void;
|
|
59
|
+
/**
|
|
60
|
+
* VxeTable 表格checkbox-change事件
|
|
61
|
+
* @param item
|
|
62
|
+
* @param select
|
|
63
|
+
* @param partRowData
|
|
64
|
+
* @returns
|
|
65
|
+
*/
|
|
66
|
+
selectChange: (item: RecordType, select: boolean, partRowData: RecordType[]) => void;
|
|
67
|
+
/**
|
|
68
|
+
* VxeTable 表格checkbox-all事件
|
|
69
|
+
* @param item
|
|
70
|
+
* @param select
|
|
71
|
+
* @param partRowData
|
|
72
|
+
* @returns
|
|
73
|
+
*/
|
|
74
|
+
selectAllChange: (select: boolean, partRowData: RecordType[]) => void;
|
|
75
|
+
/**
|
|
76
|
+
* VxeTable 表格checkbox-range-change事件
|
|
77
|
+
* @param selected
|
|
78
|
+
* @param partRowData
|
|
79
|
+
* @returns
|
|
80
|
+
*/
|
|
81
|
+
selectRangeChange: (selected: RecordType[], partRowData: RecordType[]) => void;
|
|
82
|
+
/**
|
|
83
|
+
* 通过key勾选多条数据
|
|
84
|
+
* @param keys
|
|
85
|
+
* @returns
|
|
86
|
+
*/
|
|
87
|
+
selectMultiByKeys: (keys: (string | number)[]) => void;
|
|
88
|
+
}
|
|
89
|
+
type RowSelectionParams<T> = Omit<ApTableRowSelection<T>, 'mode'> & {
|
|
90
|
+
/**
|
|
91
|
+
* 数据源(如果是后端分页,则表示当页数据,否则是全量数据)
|
|
92
|
+
*/
|
|
93
|
+
dataSource: Ref<T[]>;
|
|
94
|
+
/**
|
|
95
|
+
* 同Table的rowkey
|
|
96
|
+
*/
|
|
97
|
+
rowKey: ApTableProps['rowKey'];
|
|
98
|
+
};
|
|
99
|
+
declare const useTableRowSelection: <RecordType = Recordable>(props: RowSelectionParams<RecordType>) => RowSelectionReturnType<RecordType>;
|
|
100
|
+
export default useTableRowSelection;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("vue"),r=require("lodash-unified");function b(a,u){return!(u!=null&&u.length)||r.isFunction(a)?[]:u.map(f=>({[a]:f}))}const F=a=>{a.defaultSelectedRowKeys;const u=c.ref(b(a.rowKey,a.defaultSelectedRowKeys));function f(e,t){u.value=t}const l=e=>r.isFunction(a.rowKey)?a.rowKey(e):e[a.rowKey],s=c.computed(()=>{const e=new Map;return c.unref(u).forEach(t=>{e.set(l(t),t)}),e});function v(e){return c.unref(s).has(l(e))}function M(e){const t=c.unref(s);t.set(l(e),e),u.value=[...t.values()]}function g(e){const t=c.unref(s);for(const n of e)t.set(l(n),n);u.value=[...t.values()]}function h(e){if(r.isFunction(a.rowKey))return;const t=c.unref(s);for(const n of e){const o=c.unref(a.dataSource).find(d=>l(d)===n),S={[a.rowKey]:n};t.set(String(n),o||S)}u.value=[...t.values()]}function w(e){const t=c.unref(s);t.delete(l(e)),u.value=[...t.values()]}function x(e){const t=c.unref(s);for(const n of e)t.delete(l(n));u.value=[...t.values()]}function i(e,t){const n=e;for(const o of t)n.set(l(o),o);return n}function y(e,t,n){const o=c.unref(s);t?o.set(l(e),e):o.delete(l(e)),i(o,n),u.value=[...o.values()]}function E(e,t){const n=r.cloneDeep(c.unref(s));e?c.unref(a.dataSource).forEach(o=>{n.set(l(o),o)}):c.unref(a.dataSource).forEach(o=>{n.delete(l(o))}),i(n,t),u.value=[...n.values()]}function K(e,t){const n=r.cloneDeep(c.unref(s));c.unref(a.dataSource).forEach(o=>{e.find(d=>l(d)===l(o))?n.set(l(o),o):n.delete(l(o))}),i(n,t),u.value=[...n.values()]}function A(){const e=c.unref(s);c.unref(a.dataSource).forEach(t=>{e.set(l(t),t)}),u.value=[...e.values()]}function C(e){const t=c.unref(s),n=l(e);t.has(n)?t.delete(n):t.set(n,e),u.value=[...t.values()]}function D(){const e=c.unref(s);c.unref(a.dataSource).forEach(t=>{e.delete(l(t))}),u.value=[...e.values()]}function R(){u.value=[]}return{select:M,unSelect:w,isSelected:v,selectAll:A,unSelectAll:D,clearAll:R,toggleSelect:C,selectedRows:u,selectMulti:g,unSelectMulti:x,rowSelection:c.computed(()=>({...a,onChange:f,selectedRowKeys:c.unref(u).map(e=>l(e))})),selectChange:y,selectAllChange:E,selectRangeChange:K,selectMultiByKeys:h}};exports.default=F;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("vxe-table");require("vxe-table/es/style.css");require("vxe-pc-ui/es/style.css");const D=require("vxe-pc-ui"),p=require("lodash-unified"),de=require("../ap-form/index.js");require("../config-provider/index.js");const ie=require("../ap-table/constants.js"),f=require("../ap-table/utils.js"),fe=require("../ap-table/hooks/use-table-paging-ng.js"),F=require("@aplus-frontend/antdv"),pe=require("./hooks/use-inner-params.js"),E=require("./utils/table.js"),me=require("../ap-table/hooks/use-table-row-selection.js"),ge=require("../ap-table/context.js"),N=require("./constants.js"),he=require("./hooks/use-render-columns.js"),Ce=require("@aplus-frontend/antdv/es/theme/internal");require("../scroll-bar/index.js");const ve=require("../utils/index.js"),be=require("../utils/slot.js"),ye=require("../config-provider/hooks/use-namespace.js"),Se=require("../config-provider/hooks/use-global-config.js"),xe=require("../config-provider/hooks/use-locale.js"),we=require("../scroll-bar/index.vue.js"),ke=e.defineComponent({name:"ApGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!1},prefixCls:{},tableLayout:{},title:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object],default:!1},transformCellText:{},rowClassName:{},stripe:{type:Boolean},headerRowClassName:{},footerRowClassName:{},cellClassName:{},headerCellClassName:{},footerCellClassName:{},rowStyle:{},headerRowStyle:{},footerRowStyle:{},cellStyle:{},headerCellStyle:{},footerCellStyle:{},height:{},minHeight:{},maxHeight:{},mergeCells:{},mergeFooterItems:{},cellConfig:{},loading:{type:Boolean,default:void 0},loadingConfig:{},headerCellConfig:{},footerCellConfig:{},round:{type:Boolean,default:void 0},columns:{},rowSelection:{type:Boolean},card:{type:Boolean,default:!1},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean,default:!1},columnResizable:{type:[Boolean,Object],default:!1},rowKey:{default:"key"},footer:{},virtual:{type:[Boolean,Object],default:void 0},expandable:{},value:{}},setup(O,{expose:U}){var L;const m=e.useSlots(),o=O,h=(L=e.getCurrentInstance())==null?void 0:L.appContext.app;h&&!h.__VXE_PC_UI_INSTALLED__&&(h.use(D.VxeUI),h.__VXE_PC_UI_INSTALLED__=!0);const{e:y,b:s,be:$}=ye.useNamespace("ap-grid"),K=Se.useGlobalConfig("valueTypeMap"),l=e.ref([]),P=e.ref([]),c=e.ref(),C=e.ref(o.size),[,u]=Ce.useToken(),{t:M}=xe.useLocale();D.VxeUI.setConfig({i18n:(r,a)=>M(`ap.${r}`,a)});const{renderConfig:j,updateSignal:W}=he.useRenderColumns(l);let I=0;const H=e.computed(()=>{if(c.value)return c.value.$el.querySelector(".vxe-table--header-inner-wrapper")}),q=e.computed(()=>{var r,a,n;return I++,((n=(a=(r=o.columns)==null?void 0:r.filter(t=>!t.hideInSearch&&t.dataIndex&&(t.valueType||t.customRenderFormItem)&&!ie.noRenderAsFormItemValueList.includes(t.valueType)))==null?void 0:a.sort((t,d)=>{let g=f.getColumnOrder(t.order);return f.getColumnOrder(d.order)-g}))==null?void 0:n.map(t=>{const d=f.updateFormProps(t,f.getFieldProps(t.fieldProps,{})),g={...t,fieldProps:{label:t.title,name:t.dataIndex,bordered:!0,...d||{},_signal:I},renderNode:void 0};return g.renderNode=f.getSearchFormItemRenderNode(g,e.unref(K)),g}))||[]}),G=e.computed(()=>{var a;return ve.isDef(o.manual)?o.manual:be.getValidVNodeList(((a=m.searchFormExtra)==null?void 0:a.call(m))||[]).some(n=>{var t;return((t=n.type)==null?void 0:t.name)==="ApView"})}),X=e.computed(()=>[s(),o.card?null:s("wrapper"),o.adaptive?s("adaptive"):null,o.sticky?s("sticky"):null].filter(Boolean)),V=e.computed(()=>f.recursionApColumns(e.unref(l),r=>{if(r.sorter===!0)return r.key||r.dataIndex}).filter(Boolean)),z=e.computed(()=>f.recursionApColumns(e.unref(l),r=>{if(r.filters&&!r.onFilter)return r.key||r.dataIndex}).filter(Boolean)),{formRef:S,submit:x,reset:w,refresh:J,data:i,tableProps:T,setDataSource:Q,handleTableChangeOptional:Y}=fe.useTablePaging({async request(r){var n;if(!b.value.preserveSelectedRowKeys&&p.isUndefined(o.dataSource)&&R(),!p.isUndefined(o.dataSource)){const t=r.pageSize*(r.current-1);return{data:(o.pagination===!1?o.dataSource:o.dataSource.slice(t,t+r.pageSize))||[],total:o.dataSource.length||0}}const a=await((n=o.request)==null?void 0:n.call(o,r));return{data:(a==null?void 0:a.data)||[],total:(a==null?void 0:a.total)||0}},namespace:"ap-grid",filterFields:z,sortFields:V,defaultParams:o.params,defaultData:o.defaultData,manual:e.unref(G),formatParams:o.beforeSearchSubmit,pagination:o.pagination,onClickReset:se}),{sortChangeEvent:Z,filterChangeEvent:ee,paginationChangeEvent:re}=pe.useInnerParams(Y);ge.useProvideApTable({columns:e.computed(()=>l.value),columnsBackup:e.computed(()=>P.value),size:e.computed(()=>N.sizeMap[C.value]),updateColumns(r){var a;l.value=r,(a=o.onShownColumnsChange)==null||a.call(o,r)},updateSize(r){C.value=N.sizeReverseMap[r]},renderConfig:e.computed(()=>({className:$("table-header","title"),color:u.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(i).records),getSearchFormValues:A,setSearchFormValues:_,submit:x,reset:w});const oe=e.computed(()=>l.value.some(r=>r.fixed==="left"||r.fixed===!0)?"left":void 0),ae=e.computed(()=>p.isUndefined(o.loading)?i.loading:o.loading),te=e.computed(()=>p.isUndefined(o.dataSource)?i.records:o.dataSource),{selectedRows:v,rowSelection:b,...ne}=me.default({...o.rowSelection===!0?{}:o.rowSelection,dataSource:te,rowKey:o.rowKey}),k=()=>{const r=c.value;r&&(v.value=[...r.getCheckboxReserveRecords(),...r.getCheckboxRecords()])},le=()=>{const r=c.value;r&&(v.value=[r.getRadioRecord()])};function ue(){var r;return((r=o.columns)==null?void 0:r.filter(a=>!a.hideInTable))||[]}function _(r){var a,n,t;(t=(n=(a=S.value)==null?void 0:a.apForm)==null?void 0:n.setFieldsValue)==null||t.call(n,r)}function A(r=!1){var n,t,d;const a=r?"getFieldsValueTransformed":"getFieldsValue";return(d=(t=(n=S.value)==null?void 0:n.apForm)==null?void 0:t[a])==null?void 0:d.call(t,!0)}function R(){ne.clearAll();const r=c.value;r&&(b.value.type==="radio"?(r.clearRadioRow(),r.clearRadioReserve()):(r.clearCheckboxRow(),r.clearCheckboxReserve()))}function se(){const r=c.value;r&&(r.clearSort(),r.clearFilter())}async function ce(r,a){var t;const n=i.records[r];if(n)return(t=c.value)==null?void 0:t.scrollToRow(n,a)}return e.watch(()=>[o.columnResizable,o.columns],()=>{var a;const r=ue();l.value=r,(a=o.onShownColumnsChange)==null||a.call(o,r),P.value=r},{deep:!0,immediate:!0}),e.watch(()=>o.dataSource,r=>{Q(r)},{immediate:!0,deep:!0}),e.watch(()=>e.unref(i).loading,r=>{var a;(a=o.onLoadingChange)==null||a.call(o,r)}),e.watch(()=>o.size,r=>{C.value=r}),U({submit:x,reset:w,refresh:J,setSearchFormValues:_,getSearchFormValues:A,getShowColumns:()=>e.unref(l),rowSelection:{selectedRows:e.computed(()=>v.value),clearAll:R},scrollToRow:ce,getDataSource:()=>e.unref(i.records)}),(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(X.value),style:e.normalizeStyle(r.wrapperStyle)},[e.unref(p.isUndefined)(r.dataSource)&&r.searchForm!==!1&&q.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(r.card?e.unref(y)("search-wrapper"):null),style:e.normalizeStyle(r.searchFormWrapperStyle)},[e.createVNode(e.unref(de.ApForm).SearchForm,e.mergeProps(r.searchForm||{},{ref_key:"formRef",ref:S,"custom-reset":"","submit-loading":e.unref(T).loading,onSubmit:e.unref(x),onReset:e.unref(w)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(q.value,n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderNode.Comp),e.mergeProps({key:n.dataIndex,item:n,ref_for:!0},n.fieldProps||{},{span:n.span,"custom-render":n.renderNode.render}),null,16,["item","span","custom-render"]))),128))]),_:2},[m.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(y)("table-wrapper"),r.card?e.unref(y)("table-wrapper-card"):null]),style:e.normalizeStyle(r.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("header-wrapper"))},[e.renderSlot(r.$slots,"title",{selectedRows:e.unref(v),selectedRowKeys:e.unref(b).selectedRowKeys,shownColumns:l.value,clearAll:R})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("vxe-wrapper"))},[(e.openBlock(),e.createBlock(e.unref(B.VxeTable),e.mergeProps(e.unref(E.toVxeProps)(o),{ref_key:"tableRef",ref:c,key:e.unref(W),data:e.unref(i).records,"sort-config":{remote:V.value.length>0,trigger:"cell"},"filter-config":{remote:z.value.length>0},loading:ae.value,style:{"--vxe-ui-table-row-checkbox-checked-background-color":e.unref(u).controlItemBgActive,"--vxe-ui-table-row-hover-checkbox-checked-background-color":e.unref(u).controlItemBgActiveHover,"--vxe-ui-font-primary-color":e.unref(u).colorPrimary,"--vxe-ui-table-header-background-color":"var(--ap-table-header-bg)","--vxe-ui-table-cell-padding-default":"12px","--vxe-ui-table-cell-padding-medium":"9px","--vxe-ui-table-row-radio-checked-background-color":e.unref(u).controlItemBgActive,"--vxe-ui-table-row-hover-radio-checked-background-color":e.unref(u).controlItemBgActiveHover,"--vxe-ui-font-color":e.unref(u).colorTextBase,"--vxe-ui-table-border-color":e.unref(u).colorBorderSecondary,"--vxe-ui-table-header-font-color":e.unref(u).colorTextBase},size:C.value,onSortChange:e.unref(Z),onFilterChange:e.unref(ee),onCheckboxChange:k,onCheckboxRangeChange:k,onCheckboxAll:k,onRadioChange:le}),e.createSlots({empty:e.withCtx(()=>[e.createVNode(e.unref(F.Empty),{image:e.unref(F.Empty).PRESENTED_IMAGE_SIMPLE},null,8,["image"])]),default:e.withCtx(()=>[o.expandable&&l.value.length?(e.openBlock(),e.createBlock(e.unref(B.VxeColumn),e.mergeProps({key:0},e.unref(E.getRowExpandProps)(r.expandable),{fixed:oe.value}),{content:e.withCtx(n=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.expandable.renderContent(n))))]),_:1},16,["fixed"])):e.createCommentVNode("",!0),o.rowSelection&&l.value.length?(e.openBlock(),e.createBlock(e.unref(B.VxeColumn),e.mergeProps({key:1},e.unref(E.getRowSelectionProps)(e.unref(b),l.value),{field:e.unref(N.ROW_SELECTION_FIELD)}),null,16,["field"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(j),n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n),{key:n.props.colId}))),128))]),_:2},[e.renderList(e.unref(p.omit)(m,["searchFormExtra"]),(n,t)=>({name:t,fn:e.withCtx(d=>[e.renderSlot(r.$slots,t,e.normalizeProps(e.guardReactiveProps(d||{})))])}))]),1040,["data","sort-config","filter-config","loading","style","size","onSortChange","onFilterChange"]))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("pagination-wrapper"))},[r.sticky?(e.openBlock(),e.createBlock(e.unref(we.default),{key:0,direction:"horizontal","scroll-container":H.value,"extra-size":-4.2,"bar-color":"var(--ap-scrollbar-thumb-color-base)","track-color":"var(--ap-table-header-bg, #f2f6f9)"},null,8,["scroll-container"])):e.createCommentVNode("",!0),r.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(F.Pagination),e.mergeProps({key:1,class:e.unref(s)("pagination")},e.unref(T).pagination,{onChange:e.unref(re)}),null,16,["class","onChange"])):e.createCommentVNode("",!0)],2)],6)],6))}});exports.default=ke;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("vxe-table");require("vxe-table/es/style.css");require("vxe-pc-ui/es/style.css");const D=require("vxe-pc-ui"),d=require("lodash-unified"),he=require("../ap-form/index.js");require("../config-provider/index.js");const Ce=require("../ap-table/constants.js"),m=require("../ap-table/utils.js"),ve=require("../ap-table/hooks/use-table-paging-ng.js"),F=require("@aplus-frontend/antdv"),be=require("./hooks/use-inner-params.js"),E=require("./utils/table.js"),ye=require("./hooks/use-row-selection.js"),we=require("../ap-table/context.js"),I=require("./constants.js"),xe=require("./hooks/use-render-columns.js"),Se=require("@aplus-frontend/antdv/es/theme/internal");require("../scroll-bar/index.js");const Re=require("../utils/index.js"),ke=require("../utils/slot.js"),Be=require("../config-provider/hooks/use-namespace.js"),Fe=require("../config-provider/hooks/use-global-config.js"),Ee=require("../config-provider/hooks/use-locale.js"),Ie=require("../scroll-bar/index.vue.js"),Ne=e.defineComponent({name:"ApGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!1},prefixCls:{},tableLayout:{},title:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object],default:!1},transformCellText:{},rowClassName:{},stripe:{type:Boolean},headerRowClassName:{},footerRowClassName:{},cellClassName:{},headerCellClassName:{},footerCellClassName:{},rowStyle:{},headerRowStyle:{},footerRowStyle:{},cellStyle:{},headerCellStyle:{},footerCellStyle:{},height:{},minHeight:{},maxHeight:{},mergeCells:{},mergeFooterItems:{},cellConfig:{},loading:{type:Boolean,default:void 0},loadingConfig:{},headerCellConfig:{},footerCellConfig:{},round:{type:Boolean,default:void 0},columns:{},rowSelection:{type:Boolean},card:{type:Boolean,default:!1},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean,default:!1},columnResizable:{type:[Boolean,Object],default:!1},rowKey:{default:"key"},footer:{},virtual:{type:[Boolean,Object],default:void 0},expandable:{},value:{},rowHighlightable:{type:[Boolean,Function],default:!1}},setup(O,{expose:$}){var K;const g=e.useSlots(),t=O,v=(K=e.getCurrentInstance())==null?void 0:K.appContext.app;v&&!v.__VXE_PC_UI_INSTALLED__&&(v.use(D.VxeUI),v.__VXE_PC_UI_INSTALLED__=!0);const{e:y,b:c,be:U}=Be.useNamespace("ap-grid"),M=Fe.useGlobalConfig("valueTypeMap"),s=e.ref([]),N=e.ref([]),l=e.ref(),b=e.ref(t.size),[,u]=Se.useToken(),{t:H}=Ee.useLocale();D.VxeUI.setConfig({i18n:(o,r)=>H(`ap.${o}`,r)});const{renderConfig:j,updateSignal:W}=xe.useRenderColumns(s);let P=0;const G=e.computed(()=>{if(l.value)return l.value.$el.querySelector(".vxe-table--header-inner-wrapper")}),q=e.computed(()=>{var o,r,a;return P++,((a=(r=(o=t.columns)==null?void 0:o.filter(n=>!n.hideInSearch&&n.dataIndex&&(n.valueType||n.customRenderFormItem)&&!Ce.noRenderAsFormItemValueList.includes(n.valueType)))==null?void 0:r.sort((n,i)=>{let C=m.getColumnOrder(n.order);return m.getColumnOrder(i.order)-C}))==null?void 0:a.map(n=>{const i=m.updateFormProps(n,m.getFieldProps(n.fieldProps,{})),C={...n,fieldProps:{label:n.title,name:n.dataIndex,bordered:!0,...i||{},_signal:P},renderNode:void 0};return C.renderNode=m.getSearchFormItemRenderNode(C,e.unref(M)),C}))||[]}),X=e.computed(()=>{var r;return Re.isDef(t.manual)?t.manual:ke.getValidVNodeList(((r=g.searchFormExtra)==null?void 0:r.call(g))||[]).some(a=>{var n;return((n=a.type)==null?void 0:n.name)==="ApView"})}),J=e.computed(()=>[c(),t.card?null:c("wrapper"),t.adaptive?c("adaptive"):null,t.sticky?c("sticky"):null].filter(Boolean)),T=e.computed(()=>m.recursionApColumns(e.unref(s),o=>{if(o.sorter===!0)return o.key||o.dataIndex}).filter(Boolean)),V=e.computed(()=>m.recursionApColumns(e.unref(s),o=>{if(o.filters&&!o.onFilter)return o.key||o.dataIndex}).filter(Boolean)),{formRef:w,submit:x,reset:S,refresh:Q,data:f,tableProps:z,setDataSource:Y,handleTableChangeOptional:Z}=ve.useTablePaging({async request(o){var a;if(!p.value.preserveSelectedRowKeys&&d.isUndefined(t.dataSource)&&k(),!d.isUndefined(t.dataSource)){const n=o.pageSize*(o.current-1);return{data:(t.pagination===!1?t.dataSource:t.dataSource.slice(n,n+o.pageSize))||[],total:t.dataSource.length||0}}const r=await((a=t.request)==null?void 0:a.call(t,o));return{data:(r==null?void 0:r.data)||[],total:(r==null?void 0:r.total)||0}},namespace:"ap-grid",filterFields:V,sortFields:T,defaultParams:t.params,defaultData:t.defaultData,manual:e.unref(X),formatParams:t.beforeSearchSubmit,pagination:t.pagination,onClickReset:me,onAfterRequest:L}),{sortChangeEvent:ee,filterChangeEvent:oe,paginationChangeEvent:re}=be.useInnerParams(Z);we.useProvideApTable({columns:e.computed(()=>s.value),columnsBackup:e.computed(()=>N.value),size:e.computed(()=>I.sizeMap[b.value]),updateColumns(o){var r;s.value=o,(r=t.onShownColumnsChange)==null||r.call(t,o)},updateSize(o){b.value=I.sizeReverseMap[o]},renderConfig:e.computed(()=>({className:U("table-header","title"),color:u.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(f).records),getSearchFormValues:A,setSearchFormValues:_,submit:x,reset:S});const te=e.computed(()=>s.value.some(o=>o.fixed==="left"||o.fixed===!0)?"left":void 0),ae=e.computed(()=>d.isUndefined(t.loading)?f.loading:t.loading),ne=e.computed(()=>d.isUndefined(t.dataSource)?f.records:t.dataSource),{selectedRows:R,rowSelection:p,...h}=ye.default({...t.rowSelection===!0?{}:t.rowSelection,dataSource:ne,rowKey:t.rowKey}),le=({checked:o,row:r})=>{const a=l.value;if(a&&a){const n=[...a.getCheckboxReserveRecords(),...a.getCheckboxRecords()];h.selectChange(r,o,n)}},se=({checked:o})=>{const r=l.value;r&&h.selectAllChange(o,[...r.getCheckboxReserveRecords(),...r.getCheckboxRecords()])},ue=()=>{const o=l.value;o&&h.selectRangeChange(o.getCheckboxRecords(),[...o.getCheckboxReserveRecords(),...o.getCheckboxRecords()])},ce=()=>{const o=l.value;o&&(R.value=[o.getRadioRecord()])},ie=({row:o})=>{const r=t.rowHighlightable;d.isFunction(r)&&r(o)};function de(){var o;return((o=t.columns)==null?void 0:o.filter(r=>!r.hideInTable))||[]}function _(o){var r,a,n;(n=(a=(r=w.value)==null?void 0:r.apForm)==null?void 0:a.setFieldsValue)==null||n.call(a,o)}function A(o=!1){var a,n,i;const r=o?"getFieldsValueTransformed":"getFieldsValue";return(i=(n=(a=w.value)==null?void 0:a.apForm)==null?void 0:n[r])==null?void 0:i.call(n,!0)}function k(){h.clearAll();const o=l.value;o&&(p.value.type==="radio"?(o.clearRadioRow(),o.clearRadioReserve()):(o.clearCheckboxRow(),o.clearCheckboxReserve()))}function fe(o){d.isFunction(t.rowKey)||(h.selectMultiByKeys(o),L())}function pe(o){const r=l.value;if(!r)return;const a=String(o[t.rowKey]),n=r.getRowById(a);r.setCurrentRow(n)}function me(){const o=l.value;o&&(o.clearSort(),o.clearFilter())}function L(){e.nextTick(()=>{var o,r;p.value.type==="radio"?(o=l.value)==null||o.setRadioRowKey(p.value.selectedRowKeys[0]):(r=l.value)==null||r.setCheckboxRowKey(p.value.selectedRowKeys,!0)})}async function ge(o,r){var n;const a=f.records[o];if(a)return(n=l.value)==null?void 0:n.scrollToRow(a,r)}return e.watch(()=>[t.columnResizable,t.columns],()=>{var r;const o=de();s.value=o,(r=t.onShownColumnsChange)==null||r.call(t,o),N.value=o},{deep:!0,immediate:!0}),e.watch(()=>t.dataSource,o=>{Y(o)},{immediate:!0,deep:!0}),e.watch(()=>e.unref(f).loading,o=>{var r;(r=t.onLoadingChange)==null||r.call(t,o)}),e.watch(()=>t.size,o=>{b.value=o}),$({submit:x,reset:S,refresh:Q,setSearchFormValues:_,getSearchFormValues:A,getShowColumns:()=>e.unref(s),rowSelection:{selectedRows:e.computed(()=>R.value),setSelectedRowKeys:fe,clearAll:k},scrollToRow:ge,getDataSource:()=>e.unref(f.records),setCurrentRow:pe}),(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(J.value),style:e.normalizeStyle(o.wrapperStyle)},[e.unref(d.isUndefined)(o.dataSource)&&o.searchForm!==!1&&q.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(o.card?e.unref(y)("search-wrapper"):null),style:e.normalizeStyle(o.searchFormWrapperStyle)},[e.createVNode(e.unref(he.ApForm).SearchForm,e.mergeProps(o.searchForm||{},{ref_key:"formRef",ref:w,"custom-reset":"","submit-loading":e.unref(z).loading,onSubmit:e.unref(x),onReset:e.unref(S)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(q.value,a=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.renderNode.Comp),e.mergeProps({key:a.dataIndex,item:a,ref_for:!0},a.fieldProps||{},{span:a.span,"custom-render":a.renderNode.render}),null,16,["item","span","custom-render"]))),128))]),_:2},[g.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(y)("table-wrapper"),o.card?e.unref(y)("table-wrapper-card"):null]),style:e.normalizeStyle(o.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("header-wrapper"))},[e.renderSlot(o.$slots,"title",{selectedRows:e.unref(R),selectedRowKeys:e.unref(p).selectedRowKeys,shownColumns:s.value,clearAll:k})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("vxe-wrapper"))},[(e.openBlock(),e.createBlock(e.unref(B.VxeTable),e.mergeProps(e.unref(E.toVxeProps)(t),{ref_key:"tableRef",ref:l,key:e.unref(W),data:e.unref(f).records,"sort-config":{remote:T.value.length>0,trigger:"cell"},"filter-config":{remote:V.value.length>0},loading:ae.value,style:{"--vxe-ui-table-row-checkbox-checked-background-color":e.unref(u).controlItemBgActive,"--vxe-ui-table-row-hover-checkbox-checked-background-color":e.unref(u).controlItemBgActiveHover,"--vxe-ui-font-primary-color":e.unref(u).colorPrimary,"--vxe-ui-table-header-background-color":"var(--ap-table-header-bg)","--vxe-ui-table-cell-padding-default":"12px","--vxe-ui-table-cell-padding-medium":"9px","--vxe-ui-table-row-radio-checked-background-color":e.unref(u).controlItemBgActive,"--vxe-ui-table-row-hover-radio-checked-background-color":e.unref(u).controlItemBgActiveHover,"--vxe-ui-font-color":e.unref(u).colorTextBase,"--vxe-ui-table-border-color":e.unref(u).colorBorderSecondary,"--vxe-ui-table-header-font-color":e.unref(u).colorTextBase},size:b.value,onSortChange:e.unref(ee),onFilterChange:e.unref(oe),onCheckboxChange:le,onCheckboxRangeChange:ue,onCheckboxAll:se,onRadioChange:ce,onCurrentChange:ie}),e.createSlots({empty:e.withCtx(()=>[e.createVNode(e.unref(F.Empty),{image:e.unref(F.Empty).PRESENTED_IMAGE_SIMPLE},null,8,["image"])]),default:e.withCtx(()=>[t.expandable&&s.value.length?(e.openBlock(),e.createBlock(e.unref(B.VxeColumn),e.mergeProps({key:0},e.unref(E.getRowExpandProps)(o.expandable),{fixed:te.value}),{content:e.withCtx(a=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.expandable.renderContent(a))))]),_:1},16,["fixed"])):e.createCommentVNode("",!0),t.rowSelection&&s.value.length?(e.openBlock(),e.createBlock(e.unref(B.VxeColumn),e.mergeProps({key:1},e.unref(E.getRowSelectionProps)(e.unref(p),s.value),{field:e.unref(I.ROW_SELECTION_FIELD)}),null,16,["field"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(j),a=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a),{key:a.props.colId}))),128))]),_:2},[e.renderList(e.unref(d.omit)(g,["searchFormExtra"]),(a,n)=>({name:n,fn:e.withCtx(i=>[e.renderSlot(o.$slots,n,e.normalizeProps(e.guardReactiveProps(i||{})))])}))]),1040,["data","sort-config","filter-config","loading","style","size","onSortChange","onFilterChange"]))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("pagination-wrapper"))},[o.sticky?(e.openBlock(),e.createBlock(e.unref(Ie.default),{key:0,direction:"horizontal","scroll-container":G.value,"extra-size":-4.2,"bar-color":"var(--ap-scrollbar-thumb-color-base)","track-color":"var(--ap-table-header-bg, #f2f6f9)"},null,8,["scroll-container"])):e.createCommentVNode("",!0),o.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(F.Pagination),e.mergeProps({key:1,class:e.unref(c)("pagination")},e.unref(z).pagination,{onChange:e.unref(re)}),null,16,["class","onChange"])):e.createCommentVNode("",!0)],2)],6)],6))}});exports.default=Ne;
|
|
@@ -239,6 +239,10 @@ export type ApGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
|
|
|
239
239
|
* 作为表单项时内部传递,请勿使用
|
|
240
240
|
*/
|
|
241
241
|
value?: any;
|
|
242
|
+
/**
|
|
243
|
+
* 行是否可以被高亮(传入函数可以获取当前被选中的行)
|
|
244
|
+
*/
|
|
245
|
+
rowHighlightable?: boolean | ((current: RecordType) => void);
|
|
242
246
|
};
|
|
243
247
|
export type ApGridVirtualConfig = {
|
|
244
248
|
x?: false | number;
|
|
@@ -289,6 +293,12 @@ export type ApGridExpose<SearchParamsType = Recordable, RecordType = any> = {
|
|
|
289
293
|
*/
|
|
290
294
|
rowSelection: {
|
|
291
295
|
selectedRows: ComputedRef<RecordType[]>;
|
|
296
|
+
/**
|
|
297
|
+
* 通过API调用设置行选中
|
|
298
|
+
* @param keys
|
|
299
|
+
* @returns
|
|
300
|
+
*/
|
|
301
|
+
setSelectedRowKeys: (keys: (string | number)[]) => void;
|
|
292
302
|
clearAll: () => void;
|
|
293
303
|
};
|
|
294
304
|
/**
|
|
@@ -303,4 +313,10 @@ export type ApGridExpose<SearchParamsType = Recordable, RecordType = any> = {
|
|
|
303
313
|
* @returns
|
|
304
314
|
*/
|
|
305
315
|
getDataSource: () => RecordType[];
|
|
316
|
+
/**
|
|
317
|
+
* 设置某一行被选中
|
|
318
|
+
* @param nextRow
|
|
319
|
+
* @returns
|
|
320
|
+
*/
|
|
321
|
+
setCurrentRow: (nextRow: Partial<RecordType>) => void;
|
|
306
322
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("lodash-unified"),c=require("../../utils/index.js"),h=20,w=50,
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("lodash-unified"),c=require("../../utils/index.js"),h=20,w=50,b=e=>e.some(t=>!!t.html);function m(e){var r;const t={...s.omit(e,["columns","request","searchForm","dataSource","rowKey","value","round"])};if(t.rowConfig={isHover:!0,keyField:e.rowKey,isCurrent:!!e.rowHighlightable},t.columnConfig={},b(e.columns||[])&&(t.rowConfig.useKey=!0,t.columnConfig.useKey=!0),e.adaptive&&(t.autoResize=!0,t.height="100%"),e.columnResizable&&(t.columnConfig.resizable=!0),e.rowSelection){const o=e.rowSelection===!0?{}:e.rowSelection;o.type==="radio"?t.radioConfig={highlight:!0,checkMethod({row:n}){return o.disabled?!o.disabled(n):!0},visibleMethod({row:n}){return o.shown?o.shown(n):!0},checkRowKey:(r=o.defaultSelectedRowKeys)==null?void 0:r[0],reserve:s.isUndefined(o.preserveSelectedRowKeys)?!0:o.preserveSelectedRowKeys}:t.checkboxConfig={highlight:!0,checkMethod({row:n}){return o.disabled?!o.disabled(n):!0},visibleMethod({row:n}){return o.shown?o.shown(n):!0},reserve:s.isUndefined(o.preserveSelectedRowKeys)?!0:o.preserveSelectedRowKeys,range:o.range||!1}}return t.border=e.bordered===!1?"inner":!0,e.expandable&&(t.expandConfig=s.omit(e.expandable,["renderContent","width","title"])),e.footer&&(t.showFooter=!0,s.isFunction(e.footer)?t.footerMethod=e.footer:t.footerData=e.footer),e.virtual===!1?(t.virtualXConfig={enabled:!1},t.virtualYConfig={enabled:!1}):(l(t,"X",e.virtual),l(t,"Y",e.virtual)),t.round=c.isDef(e.round)?e.round:!e.card,t}function l(e,t,i){const r=t==="X",o=r?"x":"y",n=r?"virtualXConfig":"virtualYConfig",d=i==null?void 0:i[o],a=d!==!1,u=r?h:w,f=s.isNumber(d)&&d>=0?d:u;e[n]={enabled:a,gt:f,oSize:(i==null?void 0:i.oSize)||0}}function C(e){return e===!0?"left":e}function g(e,t){const i=e===!0||!e.type?"checkbox":e.type,r=e===!0?60:e.columnWidth||60;let o=e===!0?void 0:C(e.fixed);return o||(o===!1?o=void 0:o=t.some(n=>n.fixed==="left"||n.fixed===!0)?"left":void 0),{type:i,width:r,fixed:o}}function y(e){const t=(e==null?void 0:e.width)||"auto";return{type:"expand",title:e==null?void 0:e.title,width:t}}exports.getRowExpandProps=y;exports.getRowSelectionProps=g;exports.toVxeProps=m;
|
|
@@ -58,6 +58,11 @@ export type UseTablePagingParams<DataType, ParamsType> = {
|
|
|
58
58
|
* @returns
|
|
59
59
|
*/
|
|
60
60
|
onClickReset?: () => void;
|
|
61
|
+
/**
|
|
62
|
+
* 当请求结束后触发的事件
|
|
63
|
+
* @returns
|
|
64
|
+
*/
|
|
65
|
+
onAfterRequest?: () => void;
|
|
61
66
|
};
|
|
62
67
|
type InternalDataType<DataType = Recordable> = {
|
|
63
68
|
total: number;
|
|
@@ -67,7 +72,7 @@ type InternalDataType<DataType = Recordable> = {
|
|
|
67
72
|
export declare const DEFAULT_CURRENT = 1;
|
|
68
73
|
export declare const DEFAULT_PAGE_SIZE = 20;
|
|
69
74
|
export type OptionalOnTableChange<T extends (...args: any[]) => any> = (...args: Partial<Parameters<T>>) => ReturnType<T>;
|
|
70
|
-
export declare const useTablePaging: <DataType = any, ParamsType = Record<string, any>>({ manual, request, defaultParams, defaultData, formatParams, paramsValueTypeMap, resetFieldsIgnores, filterFields, sortFields, namespace, pagination, onClickReset }: UseTablePagingParams<DataType, ParamsType>) => {
|
|
75
|
+
export declare const useTablePaging: <DataType = any, ParamsType = Record<string, any>>({ manual, request, defaultParams, defaultData, formatParams, paramsValueTypeMap, resetFieldsIgnores, filterFields, sortFields, namespace, pagination, onClickReset, onAfterRequest }: UseTablePagingParams<DataType, ParamsType>) => {
|
|
71
76
|
formRef: Ref<ApFormSearchFormExpose | undefined, ApFormSearchFormExpose | undefined>;
|
|
72
77
|
submit: () => void;
|
|
73
78
|
reset: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),se=require("./use-sorted-filtered.js");require("../../config-provider/index.js");const N=require("../utils.js"),E=require("lodash-unified"),G=require("../../utils/index.js"),ie=require("../../config-provider/hooks/use-locale.js"),ce=require("../../config-provider/hooks/use-namespace.js"),p=1,x=20,J={defaultCurrent:p,defaultPageSize:x,showLessItems:!1,showTotal:!0};function ue(c){return c===!1?{}:c==null||c===!0?J:{...J,...c}}function le(c){const d={};return c===!1||(c===!0||c==null?(d.current=p,d.pageSize=x):(d.current=c.defaultCurrent||p,d.pageSize=c.defaultPageSize||x)),d}const fe=({manual:c=!1,request:d,defaultParams:O={},defaultData:U=[],formatParams:V,paramsValueTypeMap:q,resetFieldsIgnores:A,filterFields:K,sortFields:Q,namespace:Z="ap-table",pagination:m,onClickReset:C,onAfterRequest:v})=>{let D=0,u={};const $=ue(m),W=e=>V?V(e):e,z=o.ref(),i=o.reactive(le(m)),{getColumnSFConfig:H,setSF:R,clearAll:X,sortedInfo:_,filteredInfo:I}=se.useTableSortedAndFiltered(),{t:T}=ie.useLocale(),{b:P}=ce.useNamespace(Z),s=o.reactive({total:U.length,records:U,loading:!1}),F=()=>{var e,t;return((t=(e=z.value)==null?void 0:e.apForm)==null?void 0:t.getFieldsValueTransformed(!0))||{}},j=async e=>{var n;const t=W(e),r=Date.now();D=r,s.loading=!0;try{const a=await d({...o.unref(O),...t});D===r&&(s.total=a.total||((n=a.data)==null?void 0:n.length)||0,s.records=[...a.data||[]],s.loading=!1)}catch{D===r&&(s.records=[],s.total=0,s.loading=!1)}finally{v==null||v()}},M=e=>{const t={};return Object.entries(e).forEach(([r,n])=>{if(t[r]=n,q&&n){const a=q[r];a&&(t[r]=N.parseFieldValue(a,n))}}),t},Y=async e=>{var n,a,f,g,S;const t=F(),r={};Object.entries(t).forEach(([h,w])=>{A&&A.indexOf(h)>-1&&(r[h]=w)}),await((a=(n=z.value)==null?void 0:n.apForm)==null?void 0:a.resetFields()),(S=(g=(f=z.value)==null?void 0:f.apForm)==null?void 0:g.setFieldsValue)==null||S.call(g,r),o.nextTick(()=>{e==null||e()})},b=e=>{u=e;const t=M(e);j(t)},k=e=>{b({...u,...e})},L=()=>{const e=F(),t=m!==!1;t&&(i.current=p),b({...e,filter:u.filter,sort:u.sort,current:t?p:void 0,pageSize:t?u.pageSize||i.pageSize:void 0})},ee=()=>{X(),u.sort={},u.filter={},C==null||C(),Y(L)},B=()=>{b(u)},te=e=>{if(m===!1)B();else{const{current:t,pageSize:r}=i,n=s.total-e,a=Math.ceil(n/r),f=t>a?a:t;k({current:f>0?f:1})}},y=(e,t,r)=>{var h,w;const n=F();i.current=e.current,i.pageSize=e.pageSize,R(t,r);const a=E.isArray(r)?[...r]:[r],f={};for(const l of a)(h=o.unref(Q))!=null&&h.includes(l.columnKey||l.field)&&l.order&&(f[N.dataIndexToStr(l.columnKey||l.field)]=l.order);const g={};for(const l of Object.keys(t))(w=o.unref(K))!=null&&w.includes(l)&&t[l]&&(g[l]=t[l]);const S={...n,filter:g,sort:f,current:e.current,pageSize:e.pageSize};E.isEqualWith(u,S,N.isEqualCustom)||b(S)},re=(e,t=I.value||{},r=_.value||{})=>{const n=(e==null?void 0:e.current)??i.current,a=(e==null?void 0:e.pageSize)??i.pageSize;y({current:n,pageSize:a},t,r,{action:"sort",currentDataSource:[]})};o.onMounted(()=>{const e=F(),{current:t,pageSize:r}=i;if(u={current:t,pageSize:r,filter:{},sort:{},...e},!c){const n=M(u);j(n)}}),o.watch(()=>o.unref(O),()=>{L()},{deep:!0});const ne=o.computed(()=>{if(s.total===0)return"-";const{current:e,pageSize:t}=i;return`${e}/${Math.ceil(s.total/t)}`});function ae(e){E.isArray(e)&&(s.records=e,s.total=e.length)}const oe=o.computed(()=>{const{showLessItems:e,showTotal:t,showQuickJumper:r,showSizeChanger:n,pageSizeOptions:a}=$;return{loading:s.loading,pagination:{current:i.current,pageSize:i.pageSize,total:s.total,showSizeChanger:G.isDef(n)?n:!e,showQuickJumper:G.isDef(r)?r:!e,showLessItems:e,size:"default",pageSizeOptions:E.isUndefined(a)?["10","20","50","100"]:a,showTotal:t?f=>o.createVNode("span",{class:P("pagination-total-wrapper")},[T("ap.apTable.pagination.totalLeftPrefix")," ",o.createVNode("span",{class:P("pagination-count-text")},[f])," ",T("ap.apTable.pagination.totalLeftSuffix"),o.createVNode("span",{class:P("pagination--total-right")},[T("ap.apTable.pagination.totalRightPrefix")," ",o.createVNode("span",{class:P("pagination-count-text")},[o.unref(ne)])," ",T("ap.apTable.pagination.totalRightSuffix")])]):void 0},onChange:y,dataSource:s.records}});return{formRef:z,submit:L,reset:ee,refresh:B,refreshByDelete:te,data:s,current:i.current,pageSize:i.pageSize,handleTableChange:y,handleTableChangeOptional:re,tableProps:oe,dataSource:o.computed(()=>s.records),setDataSource:ae,getColumnSFConfig:H,sortedInfo:_,filteredInfo:I}};exports.DEFAULT_CURRENT=p;exports.DEFAULT_PAGE_SIZE=x;exports.useTablePaging=fe;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),S=require("./constans.js"),T=require("@aplus-frontend/icon");require("../../config-provider/index.js");const y=require("@aplus-frontend/antdv"),f=require("lodash-unified"),b=require("../../config-provider/hooks/use-namespace.js"),h=require("../../config-provider/hooks/use-locale.js"),C=t.defineComponent({name:"CopyBtn",props:S.ApCopyProps(),setup(r,{slots:a}){const{b:p,e:u,m:x}=b.useNamespace("ap-copy"),{t:c}=h.useLocale(),g=e=>{e.stopPropagation(),e.preventDefault(),e.stopImmediatePropagation(),navigator.clipboard.writeText(r.text||l()||"").then(()=>{y.message.success(c("ap.apCopy.copySuccess"))}).catch(()=>{y.message.error(c("ap.apCopy.copyError"))})},m=e=>{if(e.length===1){const n=e[0];if(n.type===t.Text||n.type.toString()==="Symbol(Text)"||t.isVNode(n)&&typeof n.children=="string")return!0}return!1},v=e=>{if(!e.length)return"";const n=e[0];return n.type===t.Text||n.type.toString()==="Symbol(Text)"?String(n.children):t.isVNode(n)&&typeof n.children=="string"?n.children:""},l=()=>{var d;const e=(d=a.default)==null?void 0:d.call(a);return e&&m(e)?v(e):null},s=e=>!(f.isNull(e)||f.isUndefined(e)||typeof e=="string"&&e===""),o=t.computed(()=>{if(typeof r.textStyle=="string")switch(r.textStyle){case"link":return"text-link";case"minor":return"text-minor";case"major":return"text-major";default:return"text-major"}else if(typeof r.textStyle=="object")return{...r.textStyle};return{}}),i=t.computed(()=>l()||r.text||"");return()=>t.createVNode(t.Fragment,null,[t.createVNode("div",{class:[p()]},[t.createVNode("div",{class:[u("text"),typeof o.value=="string"&&x(o.value)],style:typeof o.value!="string"&&o.value,title:typeof o.value=="string"?i.value:""},[s(i.value)?r.link?t.createVNode("a",{href:r.link,target:"_blank"},[i.value]):i.value:"--"]),s(i.value)&&!r.disableCopy&&t.createVNode("div",{class:[u("copy-btn"),"copy-btn"],onClick:r.disableCopy?void 0:g},[t.createVNode(T.IconApAdLineCopy,{size:r.size},null)])])])}});exports.default=C;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue");require("../../../config-provider/index.js");const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue");require("../../../config-provider/index.js");const n=require("../ApLabel.js"),o=require("lodash-unified"),l=require("../constans.js");require("../../../ap-tag/index.js");const s=require("../../../config-provider/hooks/use-namespace.js"),c=require("../../../ap-tag/ap-tag.vue.js"),{b:d}=s.useNamespace("ap-label-group"),i=u.defineComponent({name:"ApLabelGroup",props:l.ApLabelGroupProps(),setup(r){const a=e=>(r.tagValue||r.tagValue===0)&&e.tagConfig&&e.tagConfig.length>0?()=>e.tagConfig.filter(t=>r.tagValue===t.value).map(t=>u.createVNode(c.default,t,null)):e.customRender?()=>u.createVNode("div",null,[e.customRender(r.record)]):null;return()=>u.createVNode("div",{class:d()},[r.columns?r.columns.map((e,t)=>u.createVNode(n.default,u.mergeProps({key:t,show:r.value===e.value},o.omit(e,["value","tagConfig","customRender"])),{custom:a(e)})):u.createVNode("div",null,[u.createTextVNode("columns数组不能为空")])])}});exports.default=i;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { BadgeProps } from '@aplus-frontend/antdv';
|
|
2
2
|
import { TooltipPlacement } from '@aplus-frontend/antdv/es/tooltip/Tooltip';
|
|
3
|
-
import {
|
|
3
|
+
import { ApTagProps } from '../../ap-tag';
|
|
4
4
|
import { VNode, VNodeChild } from 'vue';
|
|
5
5
|
type Recordable = Record<string, any>;
|
|
6
6
|
export type ApLabelProps = BadgeProps & Partial<{
|
|
@@ -12,9 +12,8 @@ export type ApLabelProps = BadgeProps & Partial<{
|
|
|
12
12
|
show: boolean;
|
|
13
13
|
toolTipBgColor: string;
|
|
14
14
|
}>;
|
|
15
|
-
export type tagConfigKey =
|
|
15
|
+
export type tagConfigKey = ApTagProps & {
|
|
16
16
|
value: number | string | undefined | null;
|
|
17
|
-
text: string;
|
|
18
17
|
};
|
|
19
18
|
export type ApLabelGroupItemProps<T extends Recordable = Recordable> = ApLabelProps & {
|
|
20
19
|
value?: string | number | null | undefined;
|
|
@@ -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 e=require("vue"),v=require("./constans.js");require("../../config-provider/index.js");const f=require("../ap-image/index.js"),c=require("../ap-copy/index.js"),p=require("../../config-provider/hooks/use-namespace.js"),N=require("../../config-provider/hooks/use-global-config.js"),V=e.defineComponent({name:"ApProductInfo",props:v.ApProductInfoProps(),setup(r){const{b:i,e:l,m:t}=p.useNamespace("ap-product-info"),n=o=>typeof o.value=="function"?o.value():e.h(c.ApCopy,{text:o.value,textStyle:o.link?"link":"minor",link:o.link,disableCopy:r.disableCopy},o.value),s=N.useGlobalConfig("uiMode");return()=>e.createVNode("div",{class:[i(),`${t(s.value)}`]},[e.createVNode("div",{class:l("img")},[e.createVNode(f.ApImage,{src:r.imgSrc,width:44,height:44,preview:r.preview},null)]),e.createVNode("div",{class:[l("content")]},[e.createVNode(c.ApCopy,{disableCopy:r.disableCopy},{default:()=>[r.title]}),e.createVNode("div",{class:l("row-container")},[r.values.map((o,d)=>{const a=o.col===2,u=o.col!==2&&d%2===0;return e.createVNode("div",{key:JSON.stringify(o),class:[l("row-item"),t(a?"full":"half")]},[e.createVNode("div",{class:[l("item")]},[o.label&&e.createVNode("div",{class:l("label")},[o.label,e.createVNode("span",null,[e.createTextVNode(":")])]),e.createVNode("div",{class:[l("value"),!a&&t("overflow")],title:typeof o.value!="function"?String(o.value||""):""},[n(o)])]),u&&e.createVNode("div",{class:l("divider"),style:{right:0}},[e.createVNode("div",{class:l("divider-vertical")},null)])])})])])])}});exports.default=V;
|
|
@@ -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"),v=require("@aplus-frontend/antdv");require("../../config-provider/index.js");const A=require("../../ap-table/index.js"),y=require("lodash-unified"),L=require("@aplus-frontend/utils");require("./modal-title.vue.js");const b=require("./interface.js");require("./table-layout/index.vue.js");const N=require("../../config-provider/hooks/use-locale.js"),D=require("./modal-title.vue2.js"),E=require("./table-layout/index.vue2.js"),U=t.defineComponent({__name:"table-modal",props:{columns:{},getRowKey:{},api:{type:Function,default:async()=>({records:[],total:0})},apTableProps:{},maxCount:{default:1/0},isRenderModalTitleSuffix:{type:Boolean,default:!0},renderModalTitleSuffix:{},disabledCheckbox:{type:[Boolean,Function]},rowSelection:{},tableLayoutConfig:{},renderHeader:{},prefixCls:{},confirmLoading:{type:Boolean,default:void 0},title:{},closable:{type:Boolean,default:void 0},closeIcon:{},onCancel:{},"onUpdate:visible":{},"onUpdate:open":{},onChange:{},afterClose:{},centered:{type:Boolean,default:void 0},width:{},footer:{},okText:{},okType:{},cancelText:{},icon:{},maskClosable:{type:Boolean,default:void 0},forceRender:{type:Boolean,default:void 0},okButtonProps:{},cancelButtonProps:{},destroyOnClose:{type:Boolean,default:void 0},wrapClassName:{},maskTransitionName:{},transitionName:{},getContainer:{type:[String,Boolean,Function],default:void 0},zIndex:{},bodyStyle:{},maskStyle:{},mask:{type:Boolean,default:void 0},keyboard:{type:Boolean,default:void 0},wrapProps:{},focusTriggerAfterClose:{type:Boolean,default:void 0},modalRender:{},mousePosition:{}},emits:["finish"],setup(k,{expose:T,emit:h}){const e=k,S=h,i=t.ref(!1),x=t.ref({}),d=t.ref(null),n=t.ref([]),C=t.ref();let c=null,r=null;const{t:g}=N.useLocale(),_=async(a=[],o={})=>{var l,u,s;switch(n.value=[...a],i.value=!0,x.value=o==null?void 0:o.extraParams,C.value=o.apTableDataSources||((l=e.apTableProps)==null?void 0:l.dataSource),o.refreshMode||"reset"){case"reset":(u=d.value)==null||u.reset();break;case"submit":(s=d.value)==null||s.submit();break;case"none":break}return new Promise((p,f)=>{c=p,r=f})},w=()=>{i.value=!1,c=null,r==null||r(b.AsyncOpenResultError.ModalCancel),r=null},R=async a=>{a=L.transformTableParams({...a,...x.value});const o=e.api,{records:l,total:u}=await o(a);return{data:l,total:u}},B=()=>{if(n.value.length>e.maxCount){r==null||r(b.AsyncOpenResultError.ExceedMaxCount);return}if(e.getRowKey){const a=y.cloneDeep(t.unref(n)),o=a.map(e.getRowKey);S("finish",o,a),c==null||c({keys:o,rows:a})}else{r==null||r(b.AsyncOpenResultError.NotFineGetRowKey);return}i.value=!1},P=t.computed(()=>{if(!e.getRowKey)return;const a=e.getRowKey;return{fixed:!0,selectedRowKeys:n.value.map(a),columnWidth:50,preserveSelectedRowKeys:!0,onSelectAll(o,l){var s,p;if(l.length>e.maxCount){v.message.warning(g("ap.apTableModal.messageMaxCount",{maxCount:e.maxCount}));return}const u=(s=d.value)==null?void 0:s.dataSource;if(o){const f=t.unref(u).filter(m=>!n.value.some(O=>a(O)===a(m)));n.value=n.value.concat(f)}else n.value=(p=n.value)==null?void 0:p.filter(f=>!u.some(m=>a(m)===a(f)))},onSelect(o,l){if(l){if(n.value.length>=e.maxCount){v.message.warning(g("ap.apTableModal.messageMaxCount",{maxCount:e.maxCount}));return}n.value.push(o)}else{const u=n.value.findIndex(s=>a(o)===a(s));n.value.splice(u,1)}},getCheckboxProps:o=>({disabled:typeof e.disabledCheckbox=="function"?e.disabledCheckbox(o,n.value):e.disabledCheckbox}),...e.rowSelection||{}}}),M=()=>e.isRenderModalTitleSuffix?t.h(D.default,{title:e.title,count:n.value.length||0,maxCount:e.maxCount},{default:e.renderModalTitleSuffix??void 0}):e.title,q=()=>d.value,K=()=>{n.value=[]},I=a=>{const o=e.getRowKey;if(!o)return;const l=n.value.findIndex(u=>o(a)===o(u));n.value.splice(l,1)};return T({open:_,close:w,getApTableInstance:q}),(a,o)=>(t.openBlock(),t.createBlock(t.unref(v.Modal),t.mergeProps({open:i.value,"onUpdate:open":o[0]||(o[0]=l=>i.value=l)},t.unref(y.omit)(e,["api","getRowKey","centered","apTableProps","onOk","maxCount","title","renderModalTitleSuffix","isRenderModalTitleSuffix","rowSelection","disabledCheckbox","tableLayoutConfig"]),{title:M(),centered:e.centered??!0,onOk:B,onCancel:w}),{default:t.withCtx(()=>[e.renderHeader?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.renderHeader),{key:0})):t.createCommentVNode("",!0),t.createVNode(E.default,t.mergeProps(e.tableLayoutConfig||{},{"selected-list":n.value,onClear:K,onDeleteItem:I}),{default:t.withCtx(()=>[t.createVNode(t.unref(A.ApTable),t.mergeProps({ref_key:"apTableRef",ref:d,scroll:{y:450},style:{padding:"0px"},columns:a.columns,request:R,"row-key":a.getRowKey,"row-selection":P.value,"data-source":C.value,"search-form":{sortable:!1,countPerRow:2}},t.unref(y.omit)(e.apTableProps,"dataSource")),null,16,["columns","row-key","row-selection","data-source"])]),_:1},16,["selected-list"])]),_:1},16,["open","title","centered"]))}});exports.default=U;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { ApViewProps } from './interface';
|
|
2
2
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
-
declare const _default: DefineComponent<ApViewProps, {
|
|
3
|
+
declare const _default: DefineComponent<ApViewProps, {
|
|
4
|
+
setFirstDefaultSystemView: (value: boolean) => void;
|
|
5
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApViewProps> & Readonly<{}>, {
|
|
4
6
|
maxViewNum: number;
|
|
5
7
|
isDefaultSystemView: boolean;
|
|
8
|
+
isFirstDefaultSystemView: boolean;
|
|
6
9
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
7
10
|
export default _default;
|
|
@@ -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 s=require("vue");require("../../config-provider/index.js");const L=require("./icons/line-down.vue.js"),j=require("../ap-batch-action-group/index.js");require("./components/main-button-content.vue.js");require("./components/menu-list-content.vue.js");const k=require("./hooks/use-view-provide.js"),A=require("../../ap-table/context.js"),V=require("./utils/enum.js"),G=require("@aplus-frontend/utils"),z=require("../../config-provider/hooks/use-global-config.js"),$=require("../../config-provider/hooks/use-namespace.js"),h=require("../../config-provider/hooks/use-locale.js"),H=require("./components/main-button-content.vue2.js"),J=require("./components/menu-list-content.vue2.js"),Q=s.defineComponent({name:"ApView",__name:"ap-view",props:{tableKey:{},saveDataSource:{},viewCacheOption:{},maxViewNum:{default:20},isDefaultSystemView:{type:Boolean,default:!1},isFirstDefaultSystemView:{type:Boolean,default:!1}},setup(q,{expose:N}){const c=q,Y=z.useGlobalConfig("viewCacheOption"),{b:_}=$.useNamespace("ap-view"),{t:T}=h.useLocale(),K=s.computed(()=>({viewKey:V.SYSTEM_VIEW_KEY,viewName:T("ap.apView.systemView")})),{getSearchFormValues:F,setSearchFormValues:M,submit:S,reset:x}=A.useInjectApTable(),I=s.ref(!1),b=s.ref(!1),p=s.ref("");let v=!1,g=!1;const B={dropdownType:"dropdown",content:s.createVNode(H.default,{maxViewNum:c.maxViewNum},null)},u=s.ref([K.value]),P=s.computed(()=>u.value.map(t=>({id:t.viewKey,content:s.createVNode(J.default,{view:t},null)}))),e={getSearchFormValues:F,setSearchFormValues:M,submit:S,reset:x,...c.saveDataSource},i={...Y.value,...c.viewCacheOption},E=()=>{if(c.isDefaultSystemView||(c.isFirstDefaultSystemView||g)&&v)return V.SYSTEM_VIEW_KEY;const t=u.value.find(l=>l.isDefault);return(t==null?void 0:t.viewKey)??V.SYSTEM_VIEW_KEY},w=t=>{p.value=t;const l=u.value.find(n=>n.viewKey===p.value);l&&setTimeout(()=>{var n,r,a,f,o,m;l.viewKey===V.SYSTEM_VIEW_KEY?v?(n=e==null?void 0:e.submit)==null||n.call(e):(r=e==null?void 0:e.reset)==null||r.call(e):((o=e==null?void 0:e.setSearchFormValues)==null||o.call(e,{...Object.fromEntries(Object.keys(((a=e==null?void 0:e.getSearchFormValues)==null?void 0:a.call(e))??{}).map(d=>[d,void 0]))??{},...((f=l.viewConfig)==null?void 0:f.searchForm)??{}}),(m=e==null?void 0:e.submit)==null||m.call(e)),v=!1})},y={getViewList:async t=>{var l;try{const{tableKey:n}=t,r=await((l=i==null?void 0:i.getViewList)==null?void 0:l.call(i,{tableKey:n}));return u.value=[K.value,...r??[]],w(E()),u.value}catch{return u.value=[K.value],w(V.SYSTEM_VIEW_KEY),u.value}},addView:async t=>{var o;const{tableKey:l,viewKey:n,viewName:r,isDefault:a,viewConfig:f}=t;await((o=i==null?void 0:i.addView)==null?void 0:o.call(i,{tableKey:l,viewKey:n,viewName:r,isDefault:a,viewConfig:f})),a&&(u.value=u.value.map(m=>({...m,isDefault:!1}))),u.value=[...u.value,{viewKey:n,viewName:r,isDefault:a,viewConfig:f}],w(n)},changeView:async t=>{var m;const{tableKey:l,viewKey:n,viewName:r,isDefault:a,viewConfig:f}=t;await((m=i==null?void 0:i.changeView)==null?void 0:m.call(i,{tableKey:l,viewKey:n,viewName:r,isDefault:a,viewConfig:f})),a&&(u.value=u.value.map(d=>({...d,isDefault:!1})));const o=u.value.find(d=>d.viewKey===n);o&&(o.viewName=r,o.isDefault=a,o.viewConfig=f),w(n)},removeView:async t=>{var r;const{tableKey:l,viewKey:n}=t;await((r=i==null?void 0:i.removeView)==null?void 0:r.call(i,{tableKey:l,viewKey:n})),u.value=u.value.filter(a=>a.viewKey!==n),n===p.value&&w(E())}},W={tableKey:c.tableKey,currentViewKey:p,changeCurrentViewKey:w,popoverOpen:I,menuOpen:b,viewList:u,viewListCRUD:y,saveDataSource:e};return k.useViewProvide(W),s.watch(()=>c.tableKey,t=>{var l;G.isValid(t)&&(v=!0,(l=y==null?void 0:y.getViewList)==null||l.call(y,{tableKey:t}))},{immediate:!0}),N({setFirstDefaultSystemView:t=>{g=t}}),(t,l)=>(s.openBlock(),s.createBlock(s.unref(j.ApBatchActionGroup),s.mergeProps({...t.$attrs},{open:b.value,"onUpdate:open":l[0]||(l[0]=n=>b.value=n),class:[s.unref(_)()],"button-props":B,"menu-list":P.value,"overlay-class-name":[s.unref(_)("overlay")],trigger:"click",placement:"bottom"}),{icon:s.withCtx(()=>[s.createElementVNode("div",{class:s.normalizeClass([s.unref(_)("icon")])},[s.createVNode(L.default)],2)]),_:1},16,["open","class","menu-list","overlay-class-name"]))}});exports.default=Q;
|