@aplus-frontend/ui 6.23.0 → 6.24.0
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/body-cell/index.vue2.mjs +2 -1
- package/es/src/ag-grid/hooks/use-columns-def.d.ts +13 -0
- package/es/src/ag-grid/hooks/use-columns-def.mjs +140 -0
- package/es/src/ag-grid/hooks/use-columns.d.ts +9 -0
- package/es/src/ag-grid/hooks/use-columns.mjs +26 -0
- package/es/src/ag-grid/index.vue.mjs +258 -315
- package/es/src/ag-grid/interface.d.ts +13 -1
- package/es/src/ag-grid/renderer/checkbox.d.ts +2 -0
- package/es/src/ag-grid/renderer/checkbox.mjs +8 -0
- package/es/src/ag-grid/renderer/date-range.d.ts +2 -0
- package/es/src/ag-grid/renderer/date-range.mjs +15 -0
- package/es/src/ag-grid/renderer/date.d.ts +2 -0
- package/es/src/ag-grid/renderer/date.mjs +19 -0
- package/es/src/ag-grid/renderer/index.d.ts +26 -0
- package/es/src/ag-grid/renderer/index.mjs +40 -0
- package/es/src/ag-grid/renderer/number.d.ts +2 -0
- package/es/src/ag-grid/renderer/number.mjs +13 -0
- package/es/src/ag-grid/renderer/password.d.ts +2 -0
- package/es/src/ag-grid/renderer/password.mjs +6 -0
- package/es/src/ag-grid/renderer/radio.d.ts +2 -0
- package/es/src/ag-grid/renderer/radio.mjs +18 -0
- package/es/src/ag-grid/renderer/rate.d.ts +2 -0
- package/es/src/ag-grid/renderer/segmented.d.ts +2 -0
- package/es/src/ag-grid/renderer/select.d.ts +2 -0
- package/es/src/ag-grid/renderer/select.mjs +20 -0
- package/es/src/ag-grid/renderer/slider.d.ts +2 -0
- package/es/src/ag-grid/renderer/switch.d.ts +2 -0
- package/es/src/ag-grid/renderer/switch.mjs +7 -0
- package/es/src/ag-grid/renderer/text-area.d.ts +2 -0
- package/es/src/ag-grid/renderer/text-area.mjs +7 -0
- package/es/src/ag-grid/renderer/text.d.ts +2 -0
- package/es/src/ag-grid/renderer/text.mjs +8 -0
- package/es/src/ag-grid/renderer/tree-select.d.ts +2 -0
- package/es/src/ag-grid/renderer/tree-select.mjs +20 -0
- package/es/src/ap-descriptions/ap-descriptions.vue.mjs +49 -47
- package/es/src/ap-grid/utils/col.d.ts +2 -1
- package/es/src/ap-grid/utils/col.mjs +69 -69
- package/es/src/ap-pro-card/components/card/index.vue.d.ts +11 -1
- package/es/src/ap-pro-card/components/card/index.vue2.mjs +159 -117
- package/es/src/ap-pro-card/components/statistic-card/index.vue.d.ts +11 -1
- package/es/src/ap-pro-card/components/statistic-card/index.vue2.mjs +59 -42
- package/es/src/ap-pro-card/interface.d.ts +30 -0
- package/es/src/version.d.ts +1 -1
- package/es/src/version.mjs +1 -1
- package/lib/src/ag-grid/components/body-cell/index.vue2.js +1 -1
- package/lib/src/ag-grid/hooks/use-columns-def.d.ts +13 -0
- package/lib/src/ag-grid/hooks/use-columns-def.js +1 -0
- package/lib/src/ag-grid/hooks/use-columns.d.ts +9 -0
- package/lib/src/ag-grid/hooks/use-columns.js +1 -0
- package/lib/src/ag-grid/index.vue.js +1 -1
- package/lib/src/ag-grid/interface.d.ts +13 -1
- package/lib/src/ag-grid/renderer/checkbox.d.ts +2 -0
- package/lib/src/ag-grid/renderer/checkbox.js +1 -0
- package/lib/src/ag-grid/renderer/date-range.d.ts +2 -0
- package/lib/src/ag-grid/renderer/date-range.js +1 -0
- package/lib/src/ag-grid/renderer/date.d.ts +2 -0
- package/lib/src/ag-grid/renderer/date.js +1 -0
- package/lib/src/ag-grid/renderer/index.d.ts +26 -0
- package/lib/src/ag-grid/renderer/index.js +1 -0
- package/lib/src/ag-grid/renderer/number.d.ts +2 -0
- package/lib/src/ag-grid/renderer/number.js +1 -0
- package/lib/src/ag-grid/renderer/password.d.ts +2 -0
- package/lib/src/ag-grid/renderer/password.js +1 -0
- package/lib/src/ag-grid/renderer/radio.d.ts +2 -0
- package/lib/src/ag-grid/renderer/radio.js +1 -0
- package/lib/src/ag-grid/renderer/rate.d.ts +2 -0
- package/lib/src/ag-grid/renderer/segmented.d.ts +2 -0
- package/lib/src/ag-grid/renderer/select.d.ts +2 -0
- package/lib/src/ag-grid/renderer/select.js +1 -0
- package/lib/src/ag-grid/renderer/slider.d.ts +2 -0
- package/lib/src/ag-grid/renderer/switch.d.ts +2 -0
- package/lib/src/ag-grid/renderer/switch.js +1 -0
- package/lib/src/ag-grid/renderer/text-area.d.ts +2 -0
- package/lib/src/ag-grid/renderer/text-area.js +1 -0
- package/lib/src/ag-grid/renderer/text.d.ts +2 -0
- package/lib/src/ag-grid/renderer/text.js +1 -0
- package/lib/src/ag-grid/renderer/tree-select.d.ts +2 -0
- package/lib/src/ag-grid/renderer/tree-select.js +1 -0
- package/lib/src/ap-descriptions/ap-descriptions.vue.js +1 -1
- package/lib/src/ap-grid/utils/col.d.ts +2 -1
- package/lib/src/ap-grid/utils/col.js +1 -1
- package/lib/src/ap-pro-card/components/card/index.vue.d.ts +11 -1
- package/lib/src/ap-pro-card/components/card/index.vue2.js +1 -1
- package/lib/src/ap-pro-card/components/statistic-card/index.vue.d.ts +11 -1
- package/lib/src/ap-pro-card/components/statistic-card/index.vue2.js +1 -1
- package/lib/src/ap-pro-card/interface.d.ts +30 -0
- package/lib/src/version.d.ts +1 -1
- package/lib/src/version.js +1 -1
- package/package.json +1 -1
- package/theme/ag-grid/index.css +6 -0
- package/theme/ag-grid/index.less +6 -0
- package/theme/ap-pro-card/index.css +32 -4
- package/theme/ap-pro-card/index.less +32 -4
- package/theme/ap-tag/ap-tag.css +4 -2
- package/theme/ap-tag/ap-tag.less +4 -2
- package/theme/index.css +42 -6
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as w, useSlots as V, computed as o, createVNode as n, mergeProps as x, createBlock as d, openBlock as f, createSlots as z, withCtx as O, createCommentVNode as N, renderSlot as _, resolveDynamicComponent as $, renderList as F, unref as I } from "vue";
|
|
2
2
|
import "../../../config-provider/index.mjs";
|
|
3
3
|
import "../card/index.vue.mjs";
|
|
4
4
|
import "../statistic/index.vue.mjs";
|
|
5
|
-
import { mergeClass as
|
|
6
|
-
import { omit as
|
|
7
|
-
import { useNamespace as
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
const
|
|
5
|
+
import { mergeClass as A } from "../../../editable-table/utils.mjs";
|
|
6
|
+
import { omit as L } from "lodash-unified";
|
|
7
|
+
import { useNamespace as R } from "../../../config-provider/hooks/use-namespace.mjs";
|
|
8
|
+
import T from "../statistic/index.vue2.mjs";
|
|
9
|
+
import q from "../card/index.vue2.mjs";
|
|
10
|
+
const Y = /* @__PURE__ */ w({
|
|
11
11
|
name: "ApStatisticCard",
|
|
12
12
|
__name: "index",
|
|
13
13
|
props: {
|
|
@@ -51,6 +51,18 @@ const J = /* @__PURE__ */ _({
|
|
|
51
51
|
ghost: {
|
|
52
52
|
type: Boolean
|
|
53
53
|
},
|
|
54
|
+
collapsible: {
|
|
55
|
+
type: Boolean
|
|
56
|
+
},
|
|
57
|
+
defaultCollapsed: {
|
|
58
|
+
type: Boolean
|
|
59
|
+
},
|
|
60
|
+
collapsed: {
|
|
61
|
+
type: Boolean
|
|
62
|
+
},
|
|
63
|
+
collapsibleIconRender: {
|
|
64
|
+
type: Function
|
|
65
|
+
},
|
|
54
66
|
boxShadow: {
|
|
55
67
|
type: Boolean
|
|
56
68
|
},
|
|
@@ -63,54 +75,59 @@ const J = /* @__PURE__ */ _({
|
|
|
63
75
|
type: [Object, String, Number, Boolean, null, Array]
|
|
64
76
|
}
|
|
65
77
|
},
|
|
66
|
-
setup(
|
|
67
|
-
const t =
|
|
68
|
-
b:
|
|
69
|
-
} =
|
|
70
|
-
const
|
|
71
|
-
return
|
|
72
|
-
}),
|
|
73
|
-
const
|
|
74
|
-
return
|
|
75
|
-
}),
|
|
76
|
-
var
|
|
77
|
-
return t.statistic ? n(
|
|
78
|
+
setup(j) {
|
|
79
|
+
const t = j, e = V(), {
|
|
80
|
+
b: i
|
|
81
|
+
} = R("statistic-card"), P = o(() => i()), D = o(() => {
|
|
82
|
+
const r = i("chart");
|
|
83
|
+
return A(`${r}`, [t.chartPlacement === "left" ? `${r}-left` : void 0, t.chartPlacement === "right" ? `${r}-right` : void 0].filter(Boolean));
|
|
84
|
+
}), m = o(() => {
|
|
85
|
+
const r = i("content");
|
|
86
|
+
return A(`${r}`, [t.chartPlacement === "left" || t.chartPlacement === "right" ? `${r}-horizontal` : void 0].filter(Boolean));
|
|
87
|
+
}), k = o(() => i("footer")), l = o(() => {
|
|
88
|
+
var r, s, p, a, y, h, v, b, B, S, g, C;
|
|
89
|
+
return t.statistic ? n(T, x({
|
|
78
90
|
layout: "vertical"
|
|
79
91
|
}, t.statistic, {
|
|
80
|
-
|
|
92
|
+
title: ((r = t.statistic) == null ? void 0 : r.title) || ((s = e.statisticTitle) == null ? void 0 : s.call(e)),
|
|
93
|
+
prefix: ((p = t.statistic) == null ? void 0 : p.prefix) || ((a = e.prefix) == null ? void 0 : a.call(e)),
|
|
94
|
+
suffix: ((y = t.statistic) == null ? void 0 : y.suffix) || ((h = e.suffix) == null ? void 0 : h.call(e)),
|
|
95
|
+
icon: ((v = t.statistic) == null ? void 0 : v.icon) || ((b = e.icon) == null ? void 0 : b.call(e)),
|
|
96
|
+
tip: ((B = t.statistic) == null ? void 0 : B.tip) || ((S = e.tip) == null ? void 0 : S.call(e)),
|
|
97
|
+
description: ((g = t.statistic) == null ? void 0 : g.description) || ((C = e.description) == null ? void 0 : C.call(e))
|
|
81
98
|
}), null) : void 0;
|
|
82
99
|
}), c = o(() => {
|
|
83
|
-
var
|
|
84
|
-
return t.chart ||
|
|
85
|
-
class:
|
|
86
|
-
}, [t.chart || ((
|
|
87
|
-
}),
|
|
88
|
-
class:
|
|
100
|
+
var r;
|
|
101
|
+
return t.chart || e.chart ? n("div", {
|
|
102
|
+
class: D.value
|
|
103
|
+
}, [t.chart || ((r = e.chart) == null ? void 0 : r.call(e))]) : void 0;
|
|
104
|
+
}), u = o(() => c.value || l.value ? t.chartPlacement === "left" ? n("div", {
|
|
105
|
+
class: m.value
|
|
89
106
|
}, [c.value, l.value]) : n("div", {
|
|
90
|
-
class:
|
|
91
|
-
}, [l.value, c.value]) : void 0),
|
|
92
|
-
var
|
|
93
|
-
return t.footer ||
|
|
94
|
-
class:
|
|
95
|
-
}, [t.footer || ((
|
|
107
|
+
class: m.value
|
|
108
|
+
}, [l.value, c.value]) : void 0), M = o(() => {
|
|
109
|
+
var r;
|
|
110
|
+
return t.footer || e.footer ? n("div", {
|
|
111
|
+
class: k.value
|
|
112
|
+
}, [t.footer || ((r = e.footer) == null ? void 0 : r.call(e))]) : void 0;
|
|
96
113
|
});
|
|
97
|
-
return (
|
|
98
|
-
class:
|
|
114
|
+
return (r, s) => (f(), d(q, x({
|
|
115
|
+
class: P.value
|
|
99
116
|
}, {
|
|
100
117
|
...t
|
|
101
|
-
}),
|
|
102
|
-
default:
|
|
118
|
+
}), z({
|
|
119
|
+
default: O(() => [u.value ? (f(), d($(u.value), {
|
|
103
120
|
key: 0
|
|
104
|
-
})) :
|
|
121
|
+
})) : N("", !0), _(r.$slots, "default"), u.value ? (f(), d($(M.value), {
|
|
105
122
|
key: 1
|
|
106
|
-
})) :
|
|
123
|
+
})) : N("", !0)]),
|
|
107
124
|
_: 2
|
|
108
|
-
}, [
|
|
109
|
-
name:
|
|
110
|
-
fn:
|
|
125
|
+
}, [F(I(L)(e, ["chart", "footer", "description", "default"]), (p, a) => ({
|
|
126
|
+
name: a,
|
|
127
|
+
fn: O(() => [_(r.$slots, a)])
|
|
111
128
|
}))]), 1040, ["class"]));
|
|
112
129
|
}
|
|
113
130
|
});
|
|
114
131
|
export {
|
|
115
|
-
|
|
132
|
+
Y as default
|
|
116
133
|
};
|
|
@@ -47,6 +47,16 @@ export interface ApProCardProps {
|
|
|
47
47
|
hoverable?: boolean;
|
|
48
48
|
/** 幽灵模式,即是否取消卡片内容区域的 padding 和 背景颜色。 */
|
|
49
49
|
ghost?: boolean;
|
|
50
|
+
/** 是否可折叠 */
|
|
51
|
+
collapsible?: boolean;
|
|
52
|
+
/** 配置默认是否折叠 */
|
|
53
|
+
defaultCollapsed?: boolean;
|
|
54
|
+
/** 受控 collapsed 属性 */
|
|
55
|
+
collapsed?: boolean;
|
|
56
|
+
/** 折叠按钮自定义节点 */
|
|
57
|
+
collapsibleIconRender?: ({ collapsed }: {
|
|
58
|
+
collapsed: boolean;
|
|
59
|
+
}) => VNodeChild;
|
|
50
60
|
/** card的阴影 */
|
|
51
61
|
boxShadow?: boolean;
|
|
52
62
|
}
|
|
@@ -118,6 +128,26 @@ export type ApStatisticCardSolts = ApProCardSolts & {
|
|
|
118
128
|
* 额外指标展示
|
|
119
129
|
*/
|
|
120
130
|
footer?: () => VNodeChild;
|
|
131
|
+
/**
|
|
132
|
+
* 数值的标题
|
|
133
|
+
*/
|
|
134
|
+
statisticTitle?: () => VNode[];
|
|
135
|
+
/**
|
|
136
|
+
* 设置数值的前缀
|
|
137
|
+
*/
|
|
138
|
+
prefix?: () => VNode[];
|
|
139
|
+
/**
|
|
140
|
+
* 设置数值的后缀
|
|
141
|
+
*/
|
|
142
|
+
suffix?: () => VNode[];
|
|
143
|
+
/**
|
|
144
|
+
* 图标
|
|
145
|
+
*/
|
|
146
|
+
icon?: () => VNode[];
|
|
147
|
+
/**
|
|
148
|
+
* 标题提示
|
|
149
|
+
*/
|
|
150
|
+
tip?: () => VNode[];
|
|
121
151
|
/**
|
|
122
152
|
* 描述性标签
|
|
123
153
|
*/
|
package/es/src/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "6.
|
|
1
|
+
declare const _default: "6.24.0";
|
|
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 a=require("vue"),r=require("../../../ap-grid/utils/col.js"),n=a.defineComponent({__name:"index",props:{params:{}},setup(o){return(e,s)=>(a.openBlock(),a.createBlock(a.resolveDynamicComponent(a.unref(r.contentCustom)({value:e.params.value,text:e.params.value,record:e.params.data,column:e.params.column,rowIndex:e.params.node.rowIndex,pinned:e.params.node.rowPinned},e.params.column,e.params.extraValueType))))}});exports.default=n;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),r=require("../../../ap-grid/utils/col.js"),n=a.defineComponent({__name:"index",props:{params:{}},setup(o){return(e,s)=>(a.openBlock(),a.createBlock(a.resolveDynamicComponent(a.unref(r.contentCustom)({value:e.params.value,text:e.params.value,record:e.params.data,column:e.params.column,rowIndex:e.params.node.rowIndex,pinned:e.params.node.rowPinned},e.params.column,e.params.extraValueType,!1))))}});exports.default=n;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ColDef, ColGroupDef } from 'ag-grid-community';
|
|
2
|
+
import { AgGridColumnType, AgGridProps } from '../interface';
|
|
3
|
+
import { Ref, ComputedRef } from 'vue';
|
|
4
|
+
/**
|
|
5
|
+
* 维护AgGrid列配置
|
|
6
|
+
* @param shownColumns
|
|
7
|
+
* @param props
|
|
8
|
+
* @returns
|
|
9
|
+
*/
|
|
10
|
+
export declare const useColumnsDef: <RecordType>(shownColumns: Ref<AgGridColumnType<RecordType>[]>, props: AgGridProps<RecordType>) => {
|
|
11
|
+
columnDefs: ComputedRef<(ColDef<any, any> | ColGroupDef<any>)[]>;
|
|
12
|
+
defaultColDef: ComputedRef<ColDef<any, any>>;
|
|
13
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("../../ap-table/utils.js"),g=require("../renderer/index.js"),o=require("lodash-unified"),x=require("vue");require("../components/body-cell/index.vue.js");require("../components/header-cell/index.vue.js");require("../../config-provider/index.js");const h=require("../../ap-grid/utils/col.js"),_=require("../../utils/index.js"),q=require("../../config-provider/hooks/use-global-config.js"),w=require("../../config-provider/hooks/use-namespace.js"),P=require("../components/body-cell/index.vue2.js"),R=require("../components/header-cell/index.vue2.js");function S(r,s){var n,f;if(s.bodyCellTooltip)return o.isFunction(s.bodyCellTooltip)?s.bodyCellTooltip(r.value,r.data):s.bodyCellTooltip;if(s.renderText)return s.renderText({value:r.value,record:r.data,column:s,text:r.value});const u=s.valueType||"text",p=g.rendererMap[u];if(p){const T=C.getTableRenderProps({...s,valueType:u},{value:r.value,text:r.value,record:r.data,column:r.column,rowIndex:(n=r.node)==null?void 0:n.rowIndex,pinned:(f=r.node)==null?void 0:f.rowPinned});return p(T)}return C.objectToString(r.value)}const D=(r,s)=>{const u=q.useGlobalConfig("valueTypeMap"),{em:p}=w.useNamespace("ag-grid"),b=x.computed(()=>{const f=x.unref(r),T=i=>{const e={cellRenderer:P.default,cellRendererParams:{column:i,extraValueType:x.unref(u)}};if(i.customRender)return e;if(i.renderText)return{valueFormatter:t=>i.renderText({value:t.value,record:t.data,column:i,text:t.value})};const c=i.valueType||"text",d=g.rendererMap[c];return d?{valueFormatter:t=>{var l,v;const a=C.getTableRenderProps({...i,valueType:c},{value:t.value,text:t.value,record:t.data,column:t.column,rowIndex:(l=t.node)==null?void 0:l.rowIndex,pinned:(v=t.node)==null?void 0:v.rowPinned});return d(a)}}:n};function y(i){return i.map(e=>{var t;const c=e.bodyCellTooltip||!e.customRender&&(e.ellipsis===!0||e.ellipsis==="tooltip"||o.isNumber(e.ellipsis)),d={field:h.dataIndexToField(e.dataIndex),colId:_.isDef(e.key)?String(e.key):void 0,sortable:!!e.sorter,comparator:e.sorter===!0?()=>0:e.sorter,headerComponentParams:{column:e},resizable:e.resizable,width:e.width,minWidth:e.minWidth,maxWidth:e.maxWidth,flex:e.width?void 0:1,pinned:e.fixed||null,colSpan:e.colSpan,cellClass:a=>{const l=e.cellClass||"",v=o.isFunction(l)?l(a.data,a.node):l;return[`${p("cell",e.align||"left")}`,v].flat().filter(Boolean)},cellStyle:{"--ag-grid-line-clamp":o.isNumber(e.ellipsis)?e.ellipsis:1},wrapText:!e.ellipsis||o.isNumber(e.ellipsis)&&e.ellipsis>=2,autoHeight:!0,tooltipValueGetter:c?a=>S(a,e):void 0,...T(e)};return(t=e.children)!=null&&t.length?{...d,children:y(e.children)}:d})}return y(f)}),n=x.computed(()=>({headerComponent:R.default,resizable:s.columnResizable,suppressMovable:!0,cellDataType:!1}));return{columnDefs:b,defaultColDef:n}};exports.useColumnsDef=D;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
import { AgGridColumnType, AgGridProps } from '../interface';
|
|
3
|
+
/**
|
|
4
|
+
* 维护/更新表格将要显示的类
|
|
5
|
+
*/
|
|
6
|
+
export declare const useColumns: <RecordType>(props: AgGridProps<RecordType>) => {
|
|
7
|
+
shownColumns: Ref<AgGridColumnType<RecordType>[], AgGridColumnType<RecordType>[]>;
|
|
8
|
+
shownColumnsBackup: Ref<AgGridColumnType<RecordType>[], AgGridColumnType<RecordType>[]>;
|
|
9
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=n=>{const o=t.ref([]),l=t.ref([]);function s(){var e;return((e=n.columns)==null?void 0:e.filter(u=>!u.hideInTable))||[]}return t.watch(()=>n.columns,()=>{var u;const e=s();o.value=e,l.value=e,(u=n.onShownColumnsChange)==null||u.call(n,e)},{deep:!0,immediate:!0}),{shownColumns:o,shownColumnsBackup:l}};exports.useColumns=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),Re=require("ag-grid-vue3"),W=require("ag-grid-community"),_=require("@aplus-frontend/antdv"),p=require("lodash-unified");require("../config-provider/index.js");const xe=require("../ap-form/index.js"),Be=require("../ap-table/constants.js"),f=require("../ap-table/utils.js"),Fe=require("../ap-table/hooks/use-table-paging-ng.js"),ze=require("../ap-grid/utils/col.js"),Te=require("../utils/index.js");require("./components/header-cell/index.vue.js");require("./components/body-cell/index.vue.js");const ke=require("./hooks/use-row-selection.js"),qe=require("./context.js"),Ie=require("../ap-table/context.js"),O=require("../ap-grid/constants.js"),Ne=require("@aplus-frontend/antdv/es/theme/internal"),Pe=require("./theme.js"),Ve=require("../config-provider/hooks/use-namespace.js"),De=require("../config-provider/hooks/use-global-config.js"),Ee=require("./components/body-cell/index.vue2.js"),Ae=require("./components/header-cell/index.vue2.js"),Ke=e.defineComponent({name:"AgGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customRow:{},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:{},columns:{},rowSelection:{type:Boolean},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:{}},setup($,{expose:G}){W.ModuleRegistry.registerModules([W.AllCommunityModule]);const r=$,U=e.useSlots(),{e:h,b:i,em:L,be:H}=Ve.useNamespace("ag-grid"),m=e.ref(r.size),j=Pe.useTheme(m,e.toRef(r,"rowHeight")),g=e.ref(),[,J]=Ne.useToken();let S=!!r.dataSource,x=0;const B=De.useGlobalConfig("valueTypeMap"),F=e.computed(()=>{var t,a,n;return x++,((n=(a=(t=r.columns)==null?void 0:t.filter(o=>!o.hideInSearch&&o.dataIndex&&(o.valueType||o.customRenderFormItem)&&!Be.noRenderAsFormItemValueList.includes(o.valueType)))==null?void 0:a.sort((o,l)=>{let s=f.getColumnOrder(o.order);return f.getColumnOrder(l.order)-s}))==null?void 0:n.map(o=>{const l=f.updateFormProps(o,f.getFieldProps(o.fieldProps,{})),s={...o,fieldProps:{label:o.title,name:o.dataIndex,bordered:!0,...l||{},_signal:x},renderNode:void 0};return s.renderNode=f.getSearchFormItemRenderNode(s,e.unref(B)),s}))||[]}),d=e.ref([]),z=e.ref([]);function Q(){var t;return((t=r.columns)==null?void 0:t.filter(a=>!a.hideInTable))||[]}e.watch(()=>r.columns,()=>{var a;const t=Q();d.value=t,z.value=t,(a=r.onShownColumnsChange)==null||a.call(r,t)},{deep:!0,immediate:!0});const X=e.computed(()=>{const t=e.unref(d);function a(n){return n.map(o=>{var s;const l={field:ze.dataIndexToField(o.dataIndex),colId:Te.isDef(o.key)?String(o.key):void 0,sortable:!!o.sorter,comparator:o.sorter===!0?()=>0:o.sorter,headerComponentParams:{column:o},cellRendererParams:{column:o,extraValueType:e.unref(B)},resizable:o.resizable,width:o.width,minWidth:o.minWidth,maxWidth:o.maxWidth,flex:o.width?void 0:1,pinned:o.fixed||null,colSpan:o.colSpan,cellClass:w=>{const R=o.cellClass||"",be=p.isFunction(R)?R(w.data,w.node):R;return[`${L("cell",o.align||"left")}`,be].flat().filter(Boolean)},wrapText:!o.ellipsis,autoHeight:!o.ellipsis};return(s=o.children)!=null&&s.length?{...l,children:a(o.children)}:l})}return a(t)}),Y=e.ref({headerComponent:Ae.default,cellRenderer:Ee.default,resizable:r.columnResizable,suppressMovable:!0,cellDataType:!1,cellStyle:{whiteSpace:"pre-line"}}),T=e.ref({});qe.useProvideSorter({sorter:T,setSorter(t){T.value=t}});const Z={asc:"ascend",desc:"descend"};function ee(){var l;const t=(l=g.value.getColumns())==null?void 0:l.filter(s=>s.getSort()!==void 0);if(!(t!=null&&t.length))return;const a=t[0],n=a.getColDef(),o=a.getSort();q(void 0,void 0,{column:n,field:n.field,order:o?Z[o]:null})}const te=e.computed(()=>f.recursionApColumns(e.unref(d),t=>{if(t.sorter===!0)return t.key||t.dataIndex}).filter(Boolean)),{formRef:u,submit:y,reset:v,data:c,tableProps:k,handleTableChangeOptional:q,submitWith:I,refresh:N,getPaging:oe,setPaging:re}=Fe.useTablePaging({async request(t){var n;if(S=!1,!p.isUndefined(r.dataSource)){const o=t.pageSize*(t.current-1);return{data:(r.pagination===!1?r.dataSource:r.dataSource.slice(o,o+t.pageSize))||[],total:r.dataSource.length||0}}const a=await((n=r.request)==null?void 0:n.call(r,t));return{data:(a==null?void 0:a.data)||[],total:(a==null?void 0:a.total)||0}},namespace:"ap-grid",filterFields:e.ref([]),params:e.toRef(r,"params"),defaultData:r.defaultData,manual:r.manual,formatParams:r.beforeSearchSubmit,pagination:r.pagination,sortFields:te}),ae=e.computed(()=>p.isUndefined(r.dataSource)?c.records:r.dataSource),{select:ne,unSelect:le,selectedRows:C,selectedRowKeys:se,clearAll:ie,selectMultiByKeys:de}=ke.default({...r.rowSelection===!0?{}:r.rowSelection,dataSource:ae,rowKey:r.rowKey}),ue={checkbox:"multiRow",radio:"singleRow"},ce=e.computed(()=>{if(!r.rowSelection)return;const{type:t="checkbox",disabled:a}=r.rowSelection===!0?{}:r.rowSelection;return{mode:ue[t],isRowSelectable:n=>a?!a(n.data):!0}}),pe=e.computed(()=>{if(!r.rowSelection)return;const t=r.rowSelection===!0?{}:r.rowSelection;return{sortable:!1,resizable:!1,width:t.columnWidth||60,pinned:t.fixed}});function b(t){return p.isFunction(r.rowKey)?r.rowKey(t):t[r.rowKey]}const P=({api:t=g.value})=>{if(!r.rowSelection)return;const a=C.value;if(!a.length)return;S=!1;const n=[];t.forEachNode(o=>{const l=o.data,s=b(l);a.find(w=>b(w)===s)&&n.push(o)}),t.setNodesSelected({nodes:n,newValue:!0}),setTimeout(()=>{S=!0},0)},fe=t=>{S&&(t.node.isSelected()?ne(t.data):le(t.data))},me=()=>{S=!0},V=()=>{var t;ie(),(t=g.value)==null||t.deselectAll()};function ge(t){de(t),e.nextTick(()=>{P({})})}function D(t=!1){var n,o,l;const a=t?"getFieldsValueTransformed":"getFieldsValue";return(l=(o=(n=u.value)==null?void 0:n.apForm)==null?void 0:o[a])==null?void 0:l.call(o,!0)}function E(t){var a,n,o;(o=(n=(a=u.value)==null?void 0:a.apForm)==null?void 0:n.setFieldsValue)==null||o.call(n,t)}function A(){var t;return((t=u.value)==null?void 0:t.getSorterItems())||[]}function K(t){var a;(a=u.value)==null||a.setSorterItems(t)}function M(){var t;(t=u.value)==null||t.resetSorterItems()}Ie.useProvideApTable({columns:e.computed(()=>d.value),columnsBackup:e.computed(()=>z.value),size:e.computed(()=>O.sizeMap[m.value]),updateColumns(t){var a;console.log(t),d.value=t,(a=r.onShownColumnsChange)==null||a.call(r,t)},updateSize(t){m.value=O.sizeReverseMap[t]},renderConfig:e.computed(()=>({className:H("table-header","title"),color:J.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(c).records),getSearchFormValues:D,setSearchFormValues:E,submit:y,submitWith:I,reset:v,refresh:N,getSearchFormSorterItems:A,setSearchFormSorterItems:K,resetSearchFormSorterItems:M});const Se=e.computed(()=>p.isUndefined(r.loading)?c.loading:r.loading),we=e.computed(()=>[i(),r.card?null:i("wrapper"),i("adaptive"),i(`size-${m.value}`)].filter(Boolean)),he=e.computed(()=>({height:"100%",...r.tableStyle||{}})),ye=(t,a)=>{q({current:t,pageSize:a})};function ve(t){const a=t.data;return b(a)}function Ce(t,a){var n;(n=g.value)==null||n.ensureIndexVisible(t,a)}return e.watch(()=>r.size,t=>{m.value=t}),e.watch(()=>e.unref(c).loading,t=>{var a;(a=r.onLoadingChange)==null||a.call(r,t)}),G({submit:y,reset:v,refresh:N,submitWith:I,setSearchFormValues:E,getSearchFormValues:D,getShowColumns:()=>e.unref(d),rowSelection:{selectedRows:e.computed(()=>C.value),setSelectedRowKeys:ge,clearAll:V},scrollToRow:Ce,getDataSource:()=>e.unref(c.records),getPaging:oe,setPaging:re,getSearchFormSorterItems:A,setSearchFormSorterItems:K,resetSearchFormSorterItems:M}),(t,a)=>{var n,o;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(we.value),style:e.normalizeStyle(t.wrapperStyle)},[e.unref(p.isUndefined)(t.dataSource)&&t.searchForm!==!1&&F.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.card?e.unref(h)("search-wrapper"):null),style:e.normalizeStyle(t.searchFormWrapperStyle)},[e.createVNode(e.unref(xe.ApForm).SearchForm,e.mergeProps(t.searchForm||{},{ref_key:"formRef",ref:u,"custom-reset":"","submit-loading":e.unref(k).loading,onSubmit:e.unref(y),onReset:e.unref(v)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,l=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.renderNode),{key:l.dataIndex}))),128))]),_:2},[U.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(h)("table-wrapper"),t.card?e.unref(h)("table-wrapper-card"):null]),style:e.normalizeStyle(t.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("header-wrapper"))},[e.renderSlot(t.$slots,"title",{selectedRows:e.unref(C),selectedRowKeys:e.unref(se),shownColumns:d.value,clearAll:V})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("grid-wrapper"))},[e.createVNode(e.unref(Re.AgGridVue),{style:e.normalizeStyle(he.value),"row-data":e.unref(c).records,"column-defs":X.value,"default-col-def":Y.value,"locale-text":{noRowsToShow:""},"row-selection":ce.value,"selection-column-def":pe.value,"get-row-id":ve,"pinned-top-row-data":(n=t.summary)==null?void 0:n.top,"pinned-bottom-row-data":(o=t.summary)==null?void 0:o.bottom,theme:e.unref(j),onSortChanged:ee,onGridReady:a[0]||(a[0]=l=>g.value=l.api),onRowDataUpdated:P,onRowSelected:fe,onFirstDataRendered:me},null,8,["style","row-data","column-defs","default-col-def","row-selection","selection-column-def","pinned-top-row-data","pinned-bottom-row-data","theme"]),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(h)("table-loading-wrapper"))},[e.createVNode(e.unref(_.Spin),{delay:300})],2),[[e.vShow,Se.value]])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("pagination-wrapper"))},[t.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(_.Pagination),e.mergeProps({key:0,class:e.unref(i)("pagination")},e.unref(k).pagination,{onChange:ye}),null,16,["class"])):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"),ve=require("ag-grid-vue3"),K=require("ag-grid-community"),M=require("@aplus-frontend/antdv"),S=require("lodash-unified");require("../config-provider/index.js");const be=require("../ap-form/index.js"),Ce=require("../ap-table/constants.js"),m=require("../ap-table/utils.js"),Re=require("../ap-table/hooks/use-table-paging-ng.js"),Be=require("./hooks/use-row-selection.js"),Fe=require("./context.js"),xe=require("../ap-table/context.js"),O=require("../ap-grid/constants.js"),Te=require("@aplus-frontend/antdv/es/theme/internal"),ke=require("./theme.js"),ze=require("./hooks/use-columns.js"),Ne=require("./hooks/use-columns-def.js"),qe=require("../utils/index.js"),Ve=require("../utils/slot.js"),Ie=require("../config-provider/hooks/use-namespace.js"),Pe=require("../config-provider/hooks/use-global-config.js"),De=e.defineComponent({name:"AgGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customRow:{},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:{},columns:{},rowSelection:{type:Boolean},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:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean}},setup(W,{expose:G}){K.ModuleRegistry.registerModules([K.AllCommunityModule]);const t=W,w=e.useSlots(),{e:y,b:u,be:L}=Ie.useNamespace("ag-grid"),p=e.ref(t.size),U=ke.useTheme(p,e.toRef(t,"rowHeight")),f=e.ref(),[,$]=Te.useToken();let g=!!t.dataSource,R=0;const j=Pe.useGlobalConfig("valueTypeMap"),B=e.computed(()=>{var o,r,a;return R++,((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,l)=>{let s=m.getColumnOrder(n.order);return m.getColumnOrder(l.order)-s}))==null?void 0:a.map(n=>{const l=m.updateFormProps(n,m.getFieldProps(n.fieldProps,{})),s={...n,fieldProps:{label:n.title,name:n.dataIndex,bordered:!0,...l||{},_signal:R},renderNode:void 0};return s.renderNode=m.getSearchFormItemRenderNode(s,e.unref(j)),s}))||[]}),{shownColumns:d,shownColumnsBackup:H}=ze.useColumns(t),{defaultColDef:J,columnDefs:Q}=Ne.useColumnsDef(d,t),F=e.ref({});Fe.useProvideSorter({sorter:F,setSorter(o){F.value=o}});const X={asc:"ascend",desc:"descend"};function Y(){var l;const o=(l=f.value.getColumns())==null?void 0:l.filter(s=>s.getSort()!==void 0);if(!(o!=null&&o.length))return;const r=o[0],a=r.getColDef(),n=r.getSort();T(void 0,void 0,{column:a,field:a.field,order:n?X[n]:null})}const Z=e.computed(()=>m.recursionApColumns(e.unref(d),o=>{if(o.sorter===!0)return o.key||o.dataIndex}).filter(Boolean)),_=e.computed(()=>{var r;return qe.isDef(t.manual)?t.manual:Ve.getValidVNodeList(((r=w.searchFormExtra)==null?void 0:r.call(w))||[]).some(a=>{var n;return((n=a.type)==null?void 0:n.name)==="ApView"})}),{formRef:i,submit:h,reset:v,data:c,tableProps:x,handleTableChangeOptional:T,submitWith:k,refresh:z,getPaging:ee,setPaging:oe}=Re.useTablePaging({async request(o){var a;if(g=!1,!S.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:e.ref([]),params:e.toRef(t,"params"),defaultData:t.defaultData,manual:e.unref(_),formatParams:t.beforeSearchSubmit,pagination:t.pagination,sortFields:Z}),te=e.computed(()=>S.isUndefined(t.dataSource)?c.records:t.dataSource),{select:re,unSelect:ne,selectedRows:b,selectedRowKeys:ae,clearAll:le,selectMultiByKeys:se}=Be.default({...t.rowSelection===!0?{}:t.rowSelection,dataSource:te,rowKey:t.rowKey}),ue={checkbox:"multiRow",radio:"singleRow"},de=e.computed(()=>{if(!t.rowSelection)return;const{type:o="checkbox",disabled:r}=t.rowSelection===!0?{}:t.rowSelection;return{mode:ue[o],isRowSelectable:a=>r?!r(a.data):!0}}),ie=e.computed(()=>{if(!t.rowSelection)return;const o=t.rowSelection===!0?{}:t.rowSelection;return{sortable:!1,resizable:!1,width:o.columnWidth||60,pinned:o.fixed}});function C(o){return S.isFunction(t.rowKey)?t.rowKey(o):o[t.rowKey]}const N=({api:o=f.value})=>{if(!t.rowSelection)return;const r=b.value;if(!r.length)return;g=!1;const a=[];o.forEachNode(n=>{const l=n.data,s=C(l);r.find(A=>C(A)===s)&&a.push(n)}),o.setNodesSelected({nodes:a,newValue:!0}),setTimeout(()=>{g=!0},0)},ce=o=>{g&&(o.node.isSelected()?re(o.data):ne(o.data))},me=()=>{g=!0},q=()=>{var o;le(),(o=f.value)==null||o.deselectAll()};function pe(o){se(o),e.nextTick(()=>{N({})})}function V(o=!1){var a,n,l;const r=o?"getFieldsValueTransformed":"getFieldsValue";return(l=(n=(a=i.value)==null?void 0:a.apForm)==null?void 0:n[r])==null?void 0:l.call(n,!0)}function I(o){var r,a,n;(n=(a=(r=i.value)==null?void 0:r.apForm)==null?void 0:a.setFieldsValue)==null||n.call(a,o)}function P(){var o;return((o=i.value)==null?void 0:o.getSorterItems())||[]}function D(o){var r;(r=i.value)==null||r.setSorterItems(o)}function E(){var o;(o=i.value)==null||o.resetSorterItems()}xe.useProvideApTable({columns:e.computed(()=>d.value),columnsBackup:e.computed(()=>H.value),size:e.computed(()=>O.sizeMap[p.value]),updateColumns(o){var r;console.log(o),d.value=o,(r=t.onShownColumnsChange)==null||r.call(t,o)},updateSize(o){p.value=O.sizeReverseMap[o]},renderConfig:e.computed(()=>({className:L("table-header","title"),color:$.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(c).records),getSearchFormValues:V,setSearchFormValues:I,submit:h,submitWith:k,reset:v,refresh:z,getSearchFormSorterItems:P,setSearchFormSorterItems:D,resetSearchFormSorterItems:E});const fe=e.computed(()=>S.isUndefined(t.loading)?c.loading:t.loading),ge=e.computed(()=>[u(),t.card?null:u("wrapper"),u("adaptive"),u(`size-${p.value}`)].filter(Boolean)),Se=e.computed(()=>({height:"100%",...t.tableStyle||{}})),we=(o,r)=>{T({current:o,pageSize:r})};function ye(o){const r=o.data;return C(r)}function he(o,r){var a;(a=f.value)==null||a.ensureIndexVisible(o,r)}return e.watch(()=>t.size,o=>{p.value=o}),e.watch(()=>e.unref(c).loading,o=>{var r;(r=t.onLoadingChange)==null||r.call(t,o)}),G({submit:h,reset:v,refresh:z,submitWith:k,setSearchFormValues:I,getSearchFormValues:V,getShowColumns:()=>e.unref(d),rowSelection:{selectedRows:e.computed(()=>b.value),setSelectedRowKeys:pe,clearAll:q},scrollToRow:he,getDataSource:()=>e.unref(c.records),getPaging:ee,setPaging:oe,getSearchFormSorterItems:P,setSearchFormSorterItems:D,resetSearchFormSorterItems:E}),(o,r)=>{var a,n;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(ge.value),style:e.normalizeStyle(o.wrapperStyle)},[e.unref(S.isUndefined)(o.dataSource)&&o.searchForm!==!1&&B.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(be.ApForm).SearchForm,e.mergeProps(o.searchForm||{},{ref_key:"formRef",ref:i,"custom-reset":"","submit-loading":e.unref(x).loading,onSubmit:e.unref(h),onReset:e.unref(v)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,l=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.renderNode),{key:l.dataIndex}))),128))]),_:2},[w.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(u)("header-wrapper"))},[e.renderSlot(o.$slots,"title",{selectedRows:e.unref(b),selectedRowKeys:e.unref(ae),shownColumns:e.unref(d),clearAll:q})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("grid-wrapper"))},[e.createVNode(e.unref(ve.AgGridVue),{style:e.normalizeStyle(Se.value),"row-data":e.unref(c).records,"column-defs":e.unref(Q),"default-col-def":e.unref(J),"locale-text":{noRowsToShow:""},"row-selection":de.value,"selection-column-def":ie.value,"get-row-id":ye,"pinned-top-row-data":(a=o.summary)==null?void 0:a.top,"pinned-bottom-row-data":(n=o.summary)==null?void 0:n.bottom,theme:e.unref(U),"tooltip-show-delay":500,"enable-browser-tooltips":o.browserTooltips,"tooltip-interaction":"",onSortChanged:Y,onGridReady:r[0]||(r[0]=l=>f.value=l.api),onRowDataUpdated:N,onRowSelected:ce,onFirstDataRendered:me},null,8,["style","row-data","column-defs","default-col-def","row-selection","selection-column-def","pinned-top-row-data","pinned-bottom-row-data","theme","enable-browser-tooltips"]),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(y)("table-loading-wrapper"))},[e.createVNode(e.unref(M.Spin),{delay:300})],2),[[e.vShow,fe.value]])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("pagination-wrapper"))},[o.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(M.Pagination),e.mergeProps({key:0,class:e.unref(u)("pagination")},e.unref(x).pagination,{onChange:we}),null,16,["class"])):e.createCommentVNode("",!0)],2)],6)],6)}}});exports.default=De;
|
|
@@ -13,6 +13,10 @@ export type AgGridColumnType<RecordType = any, ExtraValueType = 'text', ValueTyp
|
|
|
13
13
|
*/
|
|
14
14
|
span?: number;
|
|
15
15
|
tooltip?: string | ((column: AgGridColumnType<RecordType, ExtraValueType, ValueType, MergedValueType>) => VNode);
|
|
16
|
+
/**
|
|
17
|
+
* 内容区自定义单元格tooltip
|
|
18
|
+
*/
|
|
19
|
+
bodyCellTooltip?: string | ((value: any, record: RecordType) => string);
|
|
16
20
|
/**
|
|
17
21
|
* 是否可以复制
|
|
18
22
|
*/
|
|
@@ -21,7 +25,7 @@ export type AgGridColumnType<RecordType = any, ExtraValueType = 'text', ValueTyp
|
|
|
21
25
|
* 配置溢出隐藏的方式
|
|
22
26
|
* @description 如果传递数字,则表示需要满足溢出隐藏的行数,此时默认会显示tooltip
|
|
23
27
|
*/
|
|
24
|
-
ellipsis?: number | boolean | 'ellipsis' | '
|
|
28
|
+
ellipsis?: number | boolean | 'ellipsis' | 'tooltip';
|
|
25
29
|
/**
|
|
26
30
|
* 是否搜索表单中隐藏
|
|
27
31
|
*/
|
|
@@ -204,6 +208,14 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
|
|
|
204
208
|
* 指定每一行占据的高度(大量数据展示时的性能优化)
|
|
205
209
|
*/
|
|
206
210
|
rowHeight?: number;
|
|
211
|
+
/**
|
|
212
|
+
* 是否使用另外一种渲染器来渲染单元格
|
|
213
|
+
*/
|
|
214
|
+
advanceRenderer?: boolean;
|
|
215
|
+
/**
|
|
216
|
+
* 单元格tooltip使用原生实现 默认为 `false`
|
|
217
|
+
*/
|
|
218
|
+
browserTooltips?: boolean;
|
|
207
219
|
};
|
|
208
220
|
export type AgGridExpose<SearchParamsType = Recordable, RecordType = any> = {
|
|
209
221
|
/**
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../ap-field/checkbox/helper.js");function l(e){var n,i;return!((n=e.value)!=null&&n.length)||!((i=e.options)!=null&&i.length)?e.emptyText||"--":e.options.filter(t=>e.value.indexOf(r.getOptionValue(t))>-1).map(t=>r.getOptionLabel(t)).join("、")}exports.checkboxRenderer=l;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@aplus-frontend/utils"),i=require("dayjs"),m=require("lodash-unified"),s=require("../../ap-field/date/constant.js");function f(e){var a;const t=e.value;if(!(t!=null&&t.length))return e.emptyText||"--";const n=m.isArray(e.timezone)?(a=e.timezone[0])==null?void 0:a.value:e.timezone,c=n?o.getTimeFormatToZone(t[0],n):t[0],d=n?o.getTimeFormatToZone(t[1],n):t[1],r=s.ApFieldDatePresetFormats.indexOf(e.format)>-1?s.PRESET_FORMAT_MAP[e.format]:e.format,u=m.isString(e.readModeSeparator)?e.readModeSeparator:"~";return`${i(c).format(r)}${u}${i(d).format(r)}`}exports.dateRangeRenderer=f;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@aplus-frontend/utils"),n=require("dayjs"),r=require("lodash-unified"),a=require("../../ap-field/date/constant.js");function l(e){var i;if(r.isNil(e.value))return e.emptyText||"--";let t=n(e.value);if(e.timezone){const m=r.isArray(e.timezone)?(i=e.timezone[0])==null?void 0:i.value:e.timezone;t=n(u.getTimeFormatToZone(e.value,m))}const o=a.ApFieldDatePresetFormats.indexOf(e.format)>-1?a.PRESET_FORMAT_MAP[e.format]:e.format;return t.format(o)}exports.dateRenderer=l;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { dateRenderer } from './date';
|
|
2
|
+
import { dateRangeRenderer } from './date-range';
|
|
3
|
+
import { numberRenderer } from './number';
|
|
4
|
+
import { radioRenderer } from './radio';
|
|
5
|
+
import { selectRenderer } from './select';
|
|
6
|
+
import { switchRenderer } from './switch';
|
|
7
|
+
import { textRenderer } from './text';
|
|
8
|
+
import { textAreaRenderer } from './text-area';
|
|
9
|
+
import { checkboxRenderer } from './checkbox';
|
|
10
|
+
import { passwordRenderer } from './password';
|
|
11
|
+
import { treeSelectRenderer } from './tree-select';
|
|
12
|
+
export declare const rendererMap: {
|
|
13
|
+
readonly date: typeof dateRenderer;
|
|
14
|
+
readonly dateRange: typeof dateRangeRenderer;
|
|
15
|
+
readonly number: typeof numberRenderer;
|
|
16
|
+
readonly radio: typeof radioRenderer;
|
|
17
|
+
readonly select: typeof selectRenderer;
|
|
18
|
+
readonly switch: typeof switchRenderer;
|
|
19
|
+
readonly text: typeof textRenderer;
|
|
20
|
+
readonly textArea: typeof textAreaRenderer;
|
|
21
|
+
readonly checkbox: typeof checkboxRenderer;
|
|
22
|
+
readonly password: typeof passwordRenderer;
|
|
23
|
+
readonly treeSelect: typeof treeSelectRenderer;
|
|
24
|
+
};
|
|
25
|
+
export type SupportedValueType = keyof typeof rendererMap;
|
|
26
|
+
export declare const supportedValueTypeList: SupportedValueType[];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./date.js"),r=require("./date-range.js"),t=require("./number.js"),n=require("./radio.js"),c=require("./select.js"),s=require("./switch.js"),d=require("./text.js"),o=require("./text-area.js"),a=require("./checkbox.js"),i=require("./password.js"),u=require("./tree-select.js"),R={date:e.dateRenderer,dateRange:r.dateRangeRenderer,number:t.numberRenderer,radio:n.radioRenderer,select:c.selectRenderer,switch:s.switchRenderer,text:d.textRenderer,textArea:o.textAreaRenderer,checkbox:a.checkboxRenderer,password:i.passwordRenderer,treeSelect:u.treeSelectRenderer},l=["date","dateRange","number","radio","select","switch","text","textArea","checkbox","password","treeSelect"];exports.rendererMap=R;exports.supportedValueTypeList=l;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@fruits-chain/utils"),t=require("lodash-unified"),c=require("../../ap-field/number/helper.js");function u(e){if(t.isNil(e.value))return e.emptyText||"--";const a=t.isString(e.prefix)?`${e.prefix} `:"",l=t.isString(e.addonAfter)?` ${e.addonAfter}`:"",n=e.precision?r.roundWith(e.value,e.precision):e.value;let i=e.thousands?r.toDecimalMark(n):String(n);return e.precision&&e.limitDecimalsRetain&&(i=c.addZeroToDecimalPlaces(i,e.precision)),`${a}${i}${l}`}exports.numberRenderer=u;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(e){return e.value?e.visible?e.value:"********":e.emptyText||"--"}exports.passwordRenderer=r;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("lodash-unified"),l=require("../../ap-field/radio/helper.js");function a(e){var r;const t=e.emptyText||"--";if(o.isNil(e.value))return t;const i=(r=e.options)==null?void 0:r.find(u=>e.value===l.getOptionValue(u));if(!i)return t;const n=l.getOptionLabel(i);return o.isString(n)?n:""}exports.radioRenderer=a;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("lodash-unified");function f(e){var r,s;const t=e.value,l=e.emptyText||"--";if(c.isNil(t))return l;const a=((r=e.fieldNames)==null?void 0:r.label)||"label",o=((s=e.fieldNames)==null?void 0:s.value)||"value";if(c.isArray(t))return t.map(i=>{var u;return(u=e.options.find(d=>d[o]===i))==null?void 0:u[a]}).filter(Boolean).join("、")||l;const n=e.options.find(i=>i[o]===t);return(n==null?void 0:n[a])||l}exports.selectRenderer=f;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("lodash-unified");function i(e){return c.isNil(e.checked)?e.emptyText||"--":e.checked===e.checkedValue?c.isString(e.checkedChildren)?e.checkedChildren:String(e.checkedValue):c.isString(e.unCheckedChildren)?e.unCheckedChildren:e.unCheckedValue}exports.switchRenderer=i;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("lodash-unified");function r(e){return t.isNil(e.value)||e.value===""?e.emptyText||"--":e.value}exports.textAreaRenderer=r;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("lodash-unified");function f(e){const i=t.isString(e.prefix)?e.prefix:"",n=t.isString(e.suffix)?e.suffix:"";return`${i}${e.value||e.emptyText||"--"}${n}`}exports.textRenderer=f;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("lodash-unified");function m(e){var c,f;const r=e.value,i=e.emptyText||"--",l=u.isArray(r)?r:[r].filter(Boolean);if(!l.length)return i;const t=[],d=((c=e.fieldNames)==null?void 0:c.label)||"label",g=((f=e.fieldNames)==null?void 0:f.value)||"value";function o(a){var s;for(const n of a){if(l.find(h=>h===n[g])&&t.push(n[d]),t.length===l.length)return;(s=n.children)!=null&&s.length&&o(n.children)}}return o(e.treeData),t.length?t.filter(a=>u.isString(a)).join("、"):i}exports.treeSelectRenderer=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@aplus-frontend/antdv"),i=require("./helper.js"),p=require("lodash-unified");require("./help-message/index.vue.js");require("../config-provider/index.js");const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@aplus-frontend/antdv"),i=require("./helper.js"),p=require("lodash-unified");require("./help-message/index.vue.js");require("../config-provider/index.js");const c=require("../config-provider/hooks/use-global-config.js"),C=require("../config-provider/hooks/use-namespace.js"),_=require("./help-message/index.vue2.js"),P={key:0},q=e.defineComponent({name:"ApDescriptions",__name:"ap-descriptions",props:{descriptionsProps:{},schemas:{},dataSource:{},style:{type:[Boolean,null,String,Object,Array]},className:{}},setup(d){const n=d,f=c.useGlobalConfig("uiMode","admin"),y=c.useGlobalConfig("apDescriptions"),b=c.useGlobalConfig("downloadCenterTriggerConfig"),{m:g,b:k,be:v}=C.useNamespace("ap-descriptions"),S=(t={})=>{var r;let o="";return((r=n.descriptionsProps)==null?void 0:r.layout)==="vertical"&&(o="start"),{justifyContent:o,...t}},u=t=>{var l,s;const o=p.get(n.dataSource,t.field);if(t.customRender)return t.customRender(n.dataSource);t.valueType==="attachment"&&(t.extraProps=i.mixinsAttachmentExtraProps(t.extraProps,{fromConfig:(l=y.value)==null?void 0:l.downloadFile,fromGlobal:(s=b.value)==null?void 0:s.trigger}));const r=t.format?t.format(o,n.dataSource||{}):o;return i.transformValue({value:r,record:n.dataSource},t)},m=t=>{var o;return t.valueType==="text"&&!!((o=t.extraProps)!=null&&o.ellipsis)},B=t=>{if(t.visible!=null){if(typeof t.visible=="boolean")return t.visible;if(typeof t.visible=="function")return t.visible({record:n.dataSource||{},schema:t})}return!0};return(t,o)=>{var r;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.className,e.unref(k)(),e.unref(g)(e.unref(f))]),style:e.normalizeStyle(t.style)},[e.createVNode(e.unref(a.Descriptions),e.mergeProps(t.descriptionsProps,{"label-style":S({...((r=t.descriptionsProps)==null?void 0:r.labelStyle)||{}})}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.schemas,(l,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l.field||"empty"+s},[B(l)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[l.valueType==="empty"?(e.openBlock(),e.createBlock(e.unref(a.DescriptionsItem),{key:0,"content-style":l.contentStyle,"label-style":l.labelStyle,span:l.span},null,8,["content-style","label-style","span"])):(e.openBlock(),e.createBlock(e.unref(a.DescriptionsItem),{key:1,class:e.normalizeClass(m(l)?e.unref(v)("item","ellipsis"):""),label:l.label?e.h(e.Fragment,[e.h(_.default,{helpMessage:l.helpMessage,label:l.label})]):null,span:l.span,"content-style":l.contentStyle,"label-style":l.labelStyle},{default:e.withCtx(()=>[e.unref(i.isEmptyWithType)(e.unref(p.get)(t.dataSource,l.field),l)?(e.openBlock(),e.createElementBlock("span",P,"--")):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[l.contentSlotName?e.renderSlot(t.$slots,l.contentSlotName,{key:0,index:s,item:u(l),record:t.dataSource}):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.h(e.Fragment,[l.prefix,u(l),l.suffix])),{key:1}))],64))]),_:2},1032,["class","label","span","content-style","label-style"]))],64)):e.createCommentVNode("",!0)],64))),128))]),_:3},16,["label-style"])],6)}}});exports.default=q;
|
|
@@ -14,9 +14,10 @@ export declare function transformToColGroup<RecordType>(columnConfig: ApGridColu
|
|
|
14
14
|
* @param param0
|
|
15
15
|
* @param columnConfig
|
|
16
16
|
* @param extraValueType
|
|
17
|
+
* @param internalEllipsis
|
|
17
18
|
* @returns
|
|
18
19
|
*/
|
|
19
|
-
export declare const contentCustom: ({ value, ...restProps }: any, columnConfig: any, extraValueType: any) => import("vue/jsx-runtime").JSX.Element;
|
|
20
|
+
export declare const contentCustom: ({ value, ...restProps }: any, columnConfig: any, extraValueType: any, internalEllipsis?: boolean) => import("vue/jsx-runtime").JSX.Element;
|
|
20
21
|
/**
|
|
21
22
|
* 转换渲染列
|
|
22
23
|
* @param columnConfig
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("vue"),l=require("lodash-unified"),u=require("../../ap-table/utils.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("vue"),l=require("lodash-unified"),u=require("../../ap-table/utils.js"),q=require("../../ap-table/constants.js");require("../../ap-table/components/paragraph-ellipsis/index.vue.js");const N=require("../../ap-table/components/paragraph-ellipsis/index.vue2.js");function y(e){if(!l.isUndefined(e))return l.isArray(e)?e.reduce((r,t)=>l.isString(t)?`${r}.${t}`:`${r}[${t}]`,""):String(e)}function v(e){if(e)return e===!0?"left":e}function A(e){return l.isBoolean(e)?{sortable:e}:e?{sortable:!0,sortType:e==null?void 0:e.type,sortBy:e==null?void 0:e.by}:{sortable:!1}}function R(e){let r;return l.isBoolean(e.filters)&&e.valueEnum?r=u.valueEnumToArray(e.valueEnum):r=e.filters,r==null?void 0:r.map(t=>({label:l.isString(t.text)?t.text:"",value:t.value}))}function S(e){if(e)return r=>e(r.value,r.row)}function _(e,r){return e?l.isNumber(e)?{tooltip:r,rows:e}:e===!0||e==="tooltip"?{tooltip:r,rows:1}:{tooltip:null,rows:1,htmlTitle:e==="title"?r:""}:!1}function O(e,r,t){if(q.noRenderAsFormItemValueList.includes(e.valueType))return t;if(e.copyable||e.ellipsis){const s=_(e.ellipsis,r),i=u.objectToString(r);return h.createVNode(N.default,{rawValue:i,copyable:e.copyable,ellipsis:s,content:t},null)}return t}function T(e,r,t){const s=l.pick(e,["width","minWidth","align"]);return s.field=y(e.dataIndex),s.fixed=v(e.fixed),s.slots={header:()=>u.getTableTitle(e,t,void 0,r)},s.headerAlign=e.align,s.showOverflow=!1,s.showFooterOverflow=!1,s}const b=({value:e,...r},t,s,i=!0)=>{var F,x;const n=u.getTableRenderType(t),d=u.getTableRenderProps({...t,valueType:n},{value:e,...r}),f=u.getTableCellRenderNode(n,d,r.record,s),a=((F=t.renderText)==null?void 0:F.call(t,{value:e,...r}))||e,p=t.renderText?h.createVNode(h.Fragment,null,[(x=t.renderText)==null?void 0:x.call(t,{value:e,...r})]):f;let o=i?O(t,a,p):p;return t.customRender&&(o=t.customRender({value:e,...r,column:t,originalNode:o,originalText:a})),h.createVNode(h.Fragment,null,[o])};function c(e,r,t,s){const i=l.pick(e,["width","minWidth","align","resizable","className","headerClassName","footerClassName","treeNode"]);i.field=y(e.dataIndex),i.fixed=v(e.fixed),i.headerAlign=e.align,i.footerAlign=e.align,i.showOverflow=!1,i.showFooterOverflow=!1,Object.assign(i,A(e.sorter)),i.filters=R(e),i.filterMultiple=e.filterMultiple,i.filterMethod=S(e.onFilter);const n=({row:d,rowIndex:f})=>b({value:d[i.field],text:d[i.field],record:d,index:f,renderIndex:f,column:e},e,s);return i.slots={header:()=>u.getTableTitle(e,t,void 0,r),default:n,footer:n},e.html&&(delete i.slots.default,delete i.slots.footer,i.type="html"),e.seq&&(i.type="seq",i.slots={}),i}function w(e,r,t,s){var d;if(!((d=e.children)!=null&&d.length))return c(e,r,t,s);function i(f){return f.map(a=>{var p;if((p=a.children)!=null&&p.length){const o=T(a,r,t);return o.children=i(a.children),o}return c(a,r,t,s)})}const n=T(e,r,t);return n.children=i(e.children),n}exports.contentCustom=b;exports.dataIndexToField=y;exports.transformCol=w;exports.transformFixed=v;exports.transformToColGroup=T;exports.transformToColumn=c;
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import { ApProCardGutter, ApProCardProps, ApProCardSolts } from '../../interface';
|
|
2
2
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
+
type __VLS_Props = ApProCardProps;
|
|
4
|
+
type __VLS_PublicProps = {
|
|
5
|
+
'collapsed'?: boolean | undefined;
|
|
6
|
+
} & __VLS_Props;
|
|
3
7
|
declare function __VLS_template(): {
|
|
4
8
|
attrs: Partial<{}>;
|
|
5
9
|
slots: Readonly<ApProCardSolts> & ApProCardSolts;
|
|
@@ -7,7 +11,11 @@ declare function __VLS_template(): {
|
|
|
7
11
|
rootEl: HTMLDivElement;
|
|
8
12
|
};
|
|
9
13
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
10
|
-
declare const __VLS_component: DefineComponent<
|
|
14
|
+
declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
15
|
+
"update:collapsed": (value: boolean | undefined) => any;
|
|
16
|
+
}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
17
|
+
"onUpdate:collapsed"?: ((value: boolean | undefined) => any) | undefined;
|
|
18
|
+
}>, {
|
|
11
19
|
wrap: boolean;
|
|
12
20
|
boxShadow: boolean;
|
|
13
21
|
gutter: ApProCardGutter | ApProCardGutter[];
|
|
@@ -15,6 +23,8 @@ declare const __VLS_component: DefineComponent<ApProCardProps, {}, {}, {}, {}, C
|
|
|
15
23
|
bordered: boolean;
|
|
16
24
|
headerBordered: boolean;
|
|
17
25
|
hoverable: boolean;
|
|
26
|
+
collapsible: boolean;
|
|
27
|
+
defaultCollapsed: boolean;
|
|
18
28
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
19
29
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
20
30
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue")
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("@aplus-frontend/antdv"),L=require("@ant-design/icons-vue"),U=require("../../utils/css-var.js");require("../../../config-provider/index.js");const v=require("../../../editable-table/utils.js"),W=require("@aplus-frontend/antdv/es/_util/hooks/useBreakpoint"),X=require("@aplus-frontend/icon"),Y=require("../../../config-provider/hooks/use-namespace.js"),Z=require("../../../config-provider/hooks/use-global-config.js"),ee=e.defineComponent({name:"ApProCard",__name:"index",props:e.mergeModels({headStyle:{},bodyStyle:{},actionsStyle:{},headerBordered:{type:Boolean,default:!1},title:{type:[Object,String,Number,Boolean,null,Array]},tooltip:{type:[Object,String,Number,Boolean,null,Array]},extra:{type:[Object,String,Number,Boolean,null,Array]},layout:{},type:{},direction:{},wrap:{type:Boolean,default:!1},loading:{type:[Boolean,Object,String,Number,null,Array]},colSpan:{},colStyle:{},gutter:{default:0},actions:{type:[Object,String,Number,Boolean,null,Array]},split:{},bordered:{type:Boolean,default:!1},hoverable:{type:Boolean,default:!1},ghost:{type:Boolean,default:!1},collapsible:{type:Boolean,default:!1},defaultCollapsed:{type:Boolean,default:!1},collapsed:{type:Boolean},collapsibleIconRender:{},boxShadow:{type:Boolean,default:!1}},{collapsed:{type:Boolean,default:void 0},collapsedModifiers:{}}),emits:["update:collapsed"],setup(h){const o=h,n=e.useSlots(),u=e.ref(o.defaultCollapsed),S=e.useModel(h,"collapsed");e.watch(()=>S.value,t=>{t!==void 0&&(u.value=t)},{immediate:!0});const A=()=>{u.value=!u.value},{b:c}=Y.useNamespace("pro-card"),E=Z.useGlobalConfig("uiMode"),j=e.computed(()=>U.getProCardCssVar(E.value)),y=["xxxl","xxl","xl","lg","md","sm","xs"],p=W(),B=(t,r)=>t?r:{},q=t=>{const r=[0,0];return(Array.isArray(t)?t:[t,0]).forEach((s,l)=>{if(typeof s=="object")for(let i=0;i<y.length;i+=1){const d=y[i];if({lg:!0,md:!0,sm:!0,xl:!1,xs:!1,xxl:!1,xxxl:!1,...p==null?void 0:p.value}[d]&&s[d]!==void 0){r[l]=s[d];break}}else r[l]=s||0}),r},D=t=>{let r=t;if(typeof t=="object")for(let s=0;s<y.length;s+=1){const l=y[s],i={lg:!0,md:!0,sm:!0,xl:!1,xs:!1,xxl:!1,xxxl:!1,...p==null?void 0:p.value};if(i!=null&&i[l]&&(t==null?void 0:t[l])!==void 0){r=t[l];break}}const a=B(typeof r=="string"&&/\d%|\dpx/i.test(r),{width:r,flexShrink:0});return{span:r,colSpanStyle:a}},M=e.computed(()=>q(o.gutter)),C=e.ref(!1),$=t=>{C.value=t},F=e.computed(()=>{var t;return e.createVNode(e.Fragment,null,[o.title||((t=n.title)==null?void 0:t.call(n))])}),I=e.computed(()=>e.createVNode(e.Fragment,null,[o.tooltip])),O=e.computed(()=>{var t;return e.createVNode(e.Fragment,null,[o.extra||((t=n.extra)==null?void 0:t.call(n))])}),G=e.computed(()=>{var t;return e.createVNode(e.Fragment,null,[o.actions||((t=n.actions)==null?void 0:t.call(n))])}),P=e.computed(()=>o.loading===!0?e.createVNode(w.Spin,{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},null):e.createVNode(e.Fragment,null,[o.loading])),f=e.computed(()=>{var t;if(o.collapsible&&S.value===void 0)return o.collapsibleIconRender?(t=o.collapsibleIconRender)==null?void 0:t.call(o,{collapsed:u.value}):e.createVNode(e.Fragment,null,[e.createVNode(X.IconApAdFillDown,{class:c("collapsible-icon"),style:{transform:u.value?"rotate(-90deg)":"rotate(0deg)"}},null)])}),N=(t,r=[])=>{if((t==null?void 0:t.type)===Symbol.for("v-fgt")){const a=Array.isArray(t==null?void 0:t.children)?t==null?void 0:t.children:[t==null?void 0:t.children];if(a!=null&&a.length)for(let s=0;s<a.length;s++)a!=null&&a[s]&&N(a==null?void 0:a[s],r)}else t&&r.push(t);return r},R=()=>{var r,a,s;const t=(r=n.default)==null?void 0:r.call(n);return $(!1),e.createVNode(e.Fragment,null,[(s=(a=t==null?void 0:t.reduce((l,i)=>{const d=N(i);return[...l,...d]},[]))==null?void 0:a.filter(l=>l.type!==Symbol.for("v-cmt")))==null?void 0:s.map((l,i,d)=>{var b,V,z;if(l&&typeof l=="object"&&"type"in l&&((b=l.type)==null?void 0:b.isProCard)===!0){$(!0);const Q=((V=l==null?void 0:l.props)==null?void 0:V.colSpan)||((z=l==null?void 0:l.props)==null?void 0:z["col-span"])||{},{span:m,colSpanStyle:J}=D(Q),g=c("col"),K=v.mergeClass(`${g}`,[typeof m=="number"&&m>=0&&m<=24?`${g}-span-${m}`:void 0,o.split==="horizontal"&&i!==d.length-1?`${g}-split-horizontal`:void 0,o.split==="vertical"&&i!==d.length-1?`${g}-split-vertical`:void 0].filter(Boolean)),[x,k]=M.value;return e.createVNode("div",{class:K,style:{...J,...B(x>0,{paddingInlineStart:`${x/2}px`,paddingInlineEnd:`${x/2}px`}),...B(k>0,{paddingBlockStart:`${k/2}px`,paddingBlockEnd:`${k/2}px`}),...o.colStyle}},[l])}return l})])},T=e.computed(()=>{const t=c();return v.mergeClass(`${t}`,[o.bordered?`${t}-border`:void 0,o.boxShadow?`${t}-box-shadow`:void 0,C.value?`${t}-contain-card`:void 0,o.loading?`${t}-loading`:void 0,o.split==="vertical"||o.split==="horizontal"?`${t}-split`:void 0,o.ghost?`${t}-ghost`:void 0,o.hoverable?`${t}-hoverable`:void 0,o.type?`${t}-type-${o.type}`:void 0,u.value?`${t}-collapsed`:void 0].filter(Boolean))}),_=e.computed(()=>{const t=c("header");return v.mergeClass(`${t}`,[o.headerBordered||o.type==="inner"?`${t}-border`:void 0,f.value?`${t}-collapsible`:void 0].filter(Boolean))}),H=e.computed(()=>{const t=c("body");return v.mergeClass(`${t}`,[o.layout==="center"?`${t}-center`:void 0,o.split==="horizontal"||o.direction==="column"?`${t}-direction-column`:void 0,o.wrap&&C.value?`${t}-wrap`:void 0].filter(Boolean))});return(t,r)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:T.value,style:{...j.value}},{...t.$attrs}),[o.title||n.title||o.extra||n.extra||f.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(_.value),style:e.normalizeStyle({...o.headStyle}),onClick:r[0]||(r[0]=()=>{f.value&&A()})},[o.title||n.title||f.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(c)("header-title"))},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f.value))),e.renderSlot(t.$slots,"title",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(F.value)))]),o.tooltip?(e.openBlock(),e.createBlock(e.unref(w.Tooltip),{key:0},{title:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(I.value)))]),default:e.withCtx(()=>[e.createVNode(e.unref(L.QuestionCircleOutlined),{class:e.normalizeClass(e.unref(c)("header-title-tooltip"))},null,8,["class"])]),_:1})):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),o.extra||n.extra?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(c)("header-extra"))},[e.renderSlot(t.$slots,"extra",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(O.value)))])],2)):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(H.value),style:e.normalizeStyle({...o.bodyStyle})},[o.loading?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(P.value),{key:0})):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(R()),{key:1}))],6),o.actions||n.actions?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(c)("actions")),style:e.normalizeStyle({...o.actionsStyle})},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(G.value)))],6)):e.createCommentVNode("",!0)],16))}});exports.default=ee;
|