@aplus-frontend/ui 7.15.0 → 7.15.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/src/ag-grid/editable/form-item.vue.mjs +8 -7
- package/es/src/ag-grid/editable/index.vue.mjs +19 -18
- package/es/src/ag-grid/index.vue.mjs +110 -105
- package/es/src/ag-grid/interface.d.ts +7 -0
- package/es/src/ap-form/drawer-form/index.vue.d.ts +1 -0
- package/es/src/ap-form/drawer-form/index.vue.mjs +107 -116
- package/es/src/ap-form/interface.d.ts +1 -1
- package/es/src/ap-table/components/setting/template/item.vue2.mjs +27 -26
- package/es/src/time-ago/index.vue.mjs +21 -17
- package/es/src/time-ago/interface.d.ts +8 -0
- package/es/src/time-ago/useTimeAgo.d.ts +21 -0
- package/es/src/time-ago/useTimeAgo.mjs +36 -34
- package/es/src/time-ago/utils.d.ts +11 -0
- package/es/src/time-ago/utils.mjs +41 -9
- package/es/src/utils/index.d.ts +1 -0
- package/es/src/utils/index.mjs +18 -14
- package/es/src/version.d.ts +1 -1
- package/es/src/version.mjs +1 -1
- package/lib/src/ag-grid/editable/form-item.vue.js +1 -1
- package/lib/src/ag-grid/editable/index.vue.js +1 -1
- package/lib/src/ag-grid/index.vue.js +1 -1
- package/lib/src/ag-grid/interface.d.ts +7 -0
- package/lib/src/ap-form/drawer-form/index.vue.d.ts +1 -0
- package/lib/src/ap-form/drawer-form/index.vue.js +1 -1
- package/lib/src/ap-form/interface.d.ts +1 -1
- package/lib/src/ap-table/components/setting/template/item.vue2.js +1 -1
- package/lib/src/time-ago/index.vue.js +1 -1
- package/lib/src/time-ago/interface.d.ts +8 -0
- package/lib/src/time-ago/useTimeAgo.d.ts +21 -0
- package/lib/src/time-ago/useTimeAgo.js +1 -1
- package/lib/src/time-ago/utils.d.ts +11 -0
- package/lib/src/time-ago/utils.js +1 -1
- package/lib/src/utils/index.d.ts +1 -0
- package/lib/src/utils/index.js +1 -1
- package/lib/src/version.d.ts +1 -1
- package/lib/src/version.js +1 -1
- package/package.json +5 -5
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
import { LocaleType } from '../locale';
|
|
2
2
|
import { TimeAgoResultType } from './useTimeAgo';
|
|
3
|
+
export type DurationResultType = {
|
|
4
|
+
year: number;
|
|
5
|
+
month: number;
|
|
6
|
+
day: number;
|
|
7
|
+
hour: number;
|
|
8
|
+
min: number;
|
|
9
|
+
sec: number;
|
|
10
|
+
};
|
|
11
|
+
type DurationUnitType = keyof DurationResultType;
|
|
12
|
+
export declare function formatDuration(ms: number, maxUnit?: DurationUnitType): DurationResultType;
|
|
3
13
|
export declare function getCountWord(wordTemplate: string, count: number): string;
|
|
4
14
|
export declare function getTimeAgoStr(config: TimeAgoResultType, locale: LocaleType): string;
|
|
15
|
+
export {};
|
|
@@ -1,8 +1,39 @@
|
|
|
1
|
-
|
|
1
|
+
const c = {
|
|
2
|
+
sec: 1e3,
|
|
3
|
+
min: 6e4,
|
|
4
|
+
hour: 36e5,
|
|
5
|
+
day: 864e5,
|
|
6
|
+
month: 2592e6,
|
|
7
|
+
year: 31104e6
|
|
8
|
+
}, u = [
|
|
9
|
+
"year",
|
|
10
|
+
"month",
|
|
11
|
+
"day",
|
|
12
|
+
"hour",
|
|
13
|
+
"min",
|
|
14
|
+
"sec"
|
|
15
|
+
];
|
|
16
|
+
function h(n, o = "year") {
|
|
17
|
+
let t = n;
|
|
18
|
+
const i = {
|
|
19
|
+
year: 0,
|
|
20
|
+
month: 0,
|
|
21
|
+
day: 0,
|
|
22
|
+
hour: 0,
|
|
23
|
+
min: 0,
|
|
24
|
+
sec: 0
|
|
25
|
+
}, a = u.indexOf(o);
|
|
26
|
+
for (let r = a; r < u.length; r++) {
|
|
27
|
+
const s = u[r], e = Math.floor(t / c[s]);
|
|
28
|
+
i[s] = e, t %= c[s];
|
|
29
|
+
}
|
|
30
|
+
return i;
|
|
31
|
+
}
|
|
32
|
+
function m(n, o) {
|
|
2
33
|
const t = n.split("|");
|
|
3
34
|
return t.length === 1 ? `${o} ${n}` : `${o} ${o > 1 ? t[1].trim() : t[0].trim()}`;
|
|
4
35
|
}
|
|
5
|
-
function
|
|
36
|
+
function y(n, o) {
|
|
6
37
|
const t = o.ap.timeAgo, i = {
|
|
7
38
|
s: t.second,
|
|
8
39
|
m: t.minute,
|
|
@@ -10,14 +41,15 @@ function g(n, o) {
|
|
|
10
41
|
d: t.days,
|
|
11
42
|
M: t.months,
|
|
12
43
|
y: t.years
|
|
13
|
-
}, { unit:
|
|
14
|
-
let e = i[n.unit],
|
|
15
|
-
if (
|
|
44
|
+
}, { unit: a, count: r, type: s } = n;
|
|
45
|
+
let e = i[n.unit], l = !0;
|
|
46
|
+
if (a === "s" && n.count < 10 ? (e = t.justNow, l = !1) : a === "d" && r === 1 ? (e = s === "ago" ? t.yesterday : t.tomorrow, l = !1) : a === "M" && r === 1 ? (e = s === "ago" ? t.lastMonth : t.nextMonth, l = !1) : a === "y" && r === 1 && (e = s === "ago" ? t.lastYear : t.nextYear, l = !1), !l)
|
|
16
47
|
return e;
|
|
17
|
-
const
|
|
18
|
-
return e = `${
|
|
48
|
+
const f = s === "ago" ? t.ago : t.late;
|
|
49
|
+
return e = `${m(e, r)} ${f}`, o.name === "zh-cn" && (e = e.replace(/\s+/g, "")), e;
|
|
19
50
|
}
|
|
20
51
|
export {
|
|
21
|
-
|
|
22
|
-
|
|
52
|
+
h as formatDuration,
|
|
53
|
+
m as getCountWord,
|
|
54
|
+
y as getTimeAgoStr
|
|
23
55
|
};
|
package/es/src/utils/index.d.ts
CHANGED
|
@@ -43,3 +43,4 @@ export declare function getRouteType(): "history" | "hash";
|
|
|
43
43
|
export declare function getScrollbarSize(): number;
|
|
44
44
|
export declare function getTopWindow(): Window;
|
|
45
45
|
export declare function randomStr(size?: number, dict?: string): string;
|
|
46
|
+
export declare function getNumberPx(size: string | number | undefined): number | undefined;
|
package/es/src/utils/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { isClient as
|
|
1
|
+
import { isClient as f } from "@vueuse/core";
|
|
2
2
|
import { isUndefined as l } from "lodash-unified";
|
|
3
|
-
import { unref as
|
|
3
|
+
import { unref as s, markRaw as d } from "vue";
|
|
4
4
|
import { isDef as H } from "./is.mjs";
|
|
5
5
|
function w(t) {
|
|
6
6
|
return t?.parentNode ?? document.body;
|
|
@@ -8,13 +8,13 @@ function w(t) {
|
|
|
8
8
|
function h(t) {
|
|
9
9
|
const e = {};
|
|
10
10
|
return Object.keys(t).map((n) => {
|
|
11
|
-
e[n] =
|
|
11
|
+
e[n] = s(t[n]);
|
|
12
12
|
}), e;
|
|
13
13
|
}
|
|
14
14
|
function g(t, e = [], n) {
|
|
15
15
|
const o = Object.assign({}, t), r = Object.keys(o);
|
|
16
|
-
for (let
|
|
17
|
-
const i = r[
|
|
16
|
+
for (let u = 0; u < r.length; u += 1) {
|
|
17
|
+
const i = r[u];
|
|
18
18
|
(e.includes(i) || n?.(i, o[i])) && delete o[i];
|
|
19
19
|
}
|
|
20
20
|
return o;
|
|
@@ -22,24 +22,24 @@ function g(t, e = [], n) {
|
|
|
22
22
|
function b(t) {
|
|
23
23
|
return /^[A-Z][A-Za-z]*$/.test(t);
|
|
24
24
|
}
|
|
25
|
-
function
|
|
25
|
+
function c(t) {
|
|
26
26
|
if (Array.isArray(t))
|
|
27
|
-
return t.map((e) =>
|
|
27
|
+
return t.map((e) => c(e));
|
|
28
28
|
if (typeof t == "object" && t !== null) {
|
|
29
29
|
const e = {};
|
|
30
30
|
for (const n in t)
|
|
31
|
-
e[n] =
|
|
31
|
+
e[n] = c(t[n]);
|
|
32
32
|
return d(e);
|
|
33
33
|
}
|
|
34
34
|
return t;
|
|
35
35
|
}
|
|
36
|
-
function
|
|
36
|
+
function x(t) {
|
|
37
37
|
const e = { ...t };
|
|
38
38
|
for (const n of Object.keys(e))
|
|
39
39
|
l(e[n]) && delete e[n];
|
|
40
40
|
return e;
|
|
41
41
|
}
|
|
42
|
-
function
|
|
42
|
+
function v(t, ...e) {
|
|
43
43
|
return typeof t == "function" ? t(...e) : t;
|
|
44
44
|
}
|
|
45
45
|
function k() {
|
|
@@ -47,7 +47,7 @@ function k() {
|
|
|
47
47
|
return typeof window > "u" ? t : window.location.href.includes("#/") ? "hash" : t;
|
|
48
48
|
}
|
|
49
49
|
function C() {
|
|
50
|
-
if (!
|
|
50
|
+
if (!f)
|
|
51
51
|
return 15;
|
|
52
52
|
const t = document.createElement("div");
|
|
53
53
|
t.style.width = "100px", t.style.height = "100px", t.style.overflow = "scroll", t.style.position = "absolute", t.style.top = "-9999px", document.body.appendChild(t);
|
|
@@ -64,17 +64,21 @@ function A(t = 16, e = a) {
|
|
|
64
64
|
for (; o--; ) n += e[Math.random() * r | 0];
|
|
65
65
|
return n;
|
|
66
66
|
}
|
|
67
|
+
function O(t) {
|
|
68
|
+
return t === void 0 || typeof t == "number" ? t : Number(t.replace(/px/g, ""));
|
|
69
|
+
}
|
|
67
70
|
export {
|
|
68
|
-
|
|
71
|
+
c as convertReactiveToRaw,
|
|
69
72
|
h as getDynamicProps,
|
|
73
|
+
O as getNumberPx,
|
|
70
74
|
w as getPopupContainer,
|
|
71
75
|
k as getRouteType,
|
|
72
76
|
C as getScrollbarSize,
|
|
73
77
|
R as getTopWindow,
|
|
74
78
|
H as isDef,
|
|
75
79
|
b as isPascalCase,
|
|
76
|
-
|
|
80
|
+
x as omitUndefined,
|
|
77
81
|
g as omitWhen,
|
|
78
82
|
A as randomStr,
|
|
79
|
-
|
|
83
|
+
v as runFunction
|
|
80
84
|
};
|
package/es/src/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "7.15.
|
|
1
|
+
declare const _default: "7.15.1";
|
|
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"),r=require("lodash-unified"),h=require("../../ap-form/index.js"),k=require("../../ap-form/context.js"),A=require("../../ap-form/hooks/use-watch.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),r=require("lodash-unified"),h=require("../../ap-form/index.js"),k=require("../../ap-form/context.js"),A=require("../../ap-form/hooks/use-watch.js"),z=require("../../ap-form/utils/get.js"),H=require("../../ap-form/utils/transform.js");require("../../config-provider/index.js");const K=require("../hooks/use-editable-columns.js"),P=require("../hooks/use-editable-form-item-api.js");require("../index.vue2.js");const G=require("../style/editable.js"),L=require("../utils.js"),m=require("./utils.js"),W=require("../../config-provider/hooks/use-namespace.js"),U=require("../../config-provider/hooks/use-global-config.js"),$=require("../index.vue.js"),J=o.defineComponent({name:"EditableGrid",__name:"form-item",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},rowHoverable:{type:Boolean},rowSelection:{type:[Boolean,Object]},onLoadingChange:{},onShownColumnsChange:{},pagination:{type:[Boolean,Object],default:!1},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{default:66},getRowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{},autoHeight:{type:Boolean},onUpdate:{},customRow:{},theme:{},emptyComponent:{},emptyText:{},onColumnResized:{},columns:{},defaultValue:{},onChange:{},maxLength:{},onFieldChange:{},label:{},name:{},formItem:{}},setup(w,{expose:y}){const b=o.useSlots(),t=w,{b:C}=W.useNamespace("editable-aggrid"),R=G.default("editable-aggrid"),s=o.ref(),{internalInstance:u}=k.useInjectForm();function v(e){const n=m.getColumnTransformOptions(t.columns||[]);if(!Object.keys(n).length||!e?.length)return e;let a=[];for(const d of e)a.push(H.transformValues(d,n));return a}const i=L.getShadowName(t.name);let p=[];o.onMounted(()=>{const e=t.formItem?.initialValue??z.getModelValue(u?.getInitialValues()??{},t.name);e&&(u?.updateInitialModel(i,m.arrayToObject(r.cloneDeep(e),t.rowKey)),p=r.cloneDeep(e),l.value||S(r.cloneDeep(e),"suffix",!0))});const l=o.ref([]),x=A.useWatch(t.name);o.watch(()=>x.value,e=>{r.isEqual(e,l.value)||f(e??r.cloneDeep(p))},{deep:!0,flush:"post",immediate:!0});const B=U.useGlobalConfig("valueTypeMap"),q=K.useGetEditableColumns(t,B,i),{add:_,addMultiple:I,__addMultiple:S,remove:T,removeByKey:E,getRowData:F,getRowsData:N,setRowData:V,clear:j,refreshRowIds:c}=P.useEditableFormItemApi(t,u,l,i);function D(){const e=s.value?._internalGridApi;if(!c.value?.length||!e)return;const n=c.value.map(a=>e.getRowNode(a)).filter(a=>!!a);e.refreshCells({rowNodes:n,force:!0}),c.value=[]}function f(e){l.value=[...e];const n=m.arrayToObject(e,t.rowKey);u?.setFieldValue(t.name,[...e]),u?.setFieldValue(i,n)}function g(e,n){const a=e==="end"?l.value.length-1:e;s.value?.scrollToRow(a,n)}function O(e,n){s.value?.scrollToColumn(e,n)}return y({add:_,addMultiple:I,remove:T,removeByKey:E,getRowData:F,getRowsData:N,setRowData:V,clear:j,setTableData:f,scrollTo:g,scrollToRow:g,scrollToColumn:O,table:s}),(e,n)=>(o.openBlock(),o.createElementBlock(o.Fragment,null,[o.createVNode(o.unref(h.ApForm).FormItem,{hidden:"",name:e.name,"initial-value":e.formItem?.initialValue,transform:v},null,8,["name","initial-value"]),o.createVNode(o.unref(h.ApForm).FormItem,{label:e.label},{default:o.withCtx(()=>[o.createVNode($.default,o.mergeProps(o.unref(r.omit)(t,["name","maxLength","onChange","defaultValue","formItem"]),{ref_key:"tableRef",ref:s,class:[o.unref(C)(),o.unref(R)],size:"mini",columns:o.unref(q),"data-source":l.value,"search-form":!1,onUpdate:D}),o.createSlots({_:2},[o.renderList(b,(a,d)=>({name:d,fn:o.withCtx(M=>[o.renderSlot(e.$slots,d,o.normalizeProps(o.guardReactiveProps(M||{})))])}))]),1040,["class","columns","data-source"])]),_:3},8,["label"])],64))}});exports.default=J;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),i=require("lodash-unified"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),i=require("lodash-unified"),f=require("../../ap-form/index.js");require("../../config-provider/index.js");require("../../hooks/index.js");const G=require("../hooks/use-editable-api.js"),L=require("../hooks/use-editable-columns.js");require("../index.vue2.js");const M=require("../style/editable.js"),d=require("./utils.js"),U=require("../../config-provider/hooks/use-namespace.js"),W=require("../../hooks/useControllableValue.js"),$=require("../../config-provider/hooks/use-global-config.js"),J=require("../index.vue.js"),Q=a.defineComponent({name:"EditableGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},rowHoverable:{type:Boolean},rowSelection:{type:[Boolean,Object]},onLoadingChange:{},onShownColumnsChange:{},pagination:{type:[Boolean,Object],default:!1},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{default:66},getRowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{},autoHeight:{type:Boolean},onUpdate:{},customRow:{},theme:{},emptyComponent:{},emptyText:{},onColumnResized:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},name:{default:"ap-editable-table-inner-name"},onFieldChange:{}},emits:["update:value"],setup(v,{expose:h,emit:C}){const R=a.useSlots(),t=v,{b:x}=U.useNamespace("editable-aggrid"),B=M.default("editable-aggrid"),T=C,u=a.ref(),{value:s,updateValue:y}=W.useControllableValue(t,T),l=a.ref(),_=f.ApForm.useWatch(t.name,l);a.watch(s,e=>{const o=d.arrayToObject(e,t.rowKey);i.isEqual(o,a.unref(_))||l.value?.setFieldValue(t.name,o)},{deep:!0});const S=$.useGlobalConfig("valueTypeMap"),F=L.useGetEditableColumns(t,S),{add:q,addMultiple:A,remove:E,removeByKey:j,getRowData:N,getRowsData:K,setRowData:V,clear:k,refreshRowIds:c}=G.useEditableApi(t,l,s,y);function O(){const e=u.value?._internalGridApi;if(!c.value?.length||!e)return;const o=c.value.map(n=>e.getRowNode(n)).filter(n=>!!n);e.refreshCells({rowNodes:o,force:!0}),c.value=[]}function I(){l.value?.resetFields()}function w(e){return e?(i.isArray(e)?e:[e]).map(n=>i.isArray(n)?[t.name,...n]:[t.name,n]):void 0}function b(e){try{const o=Object.keys(e),n=s.value.map(r=>d.getRowKey(r,void 0,t.rowKey));return o.sort((r,p)=>n.findIndex(m=>String(m)===r)-n.findIndex(m=>String(m)===p)),o.map(r=>e[r])}catch{return e}}async function D(e,o){const r=(await l.value?.validateFields(w(e),o))?.[t.name];return b(r)}async function z(e,o){const r=(await l.value?.validateFieldsReturnTransformed(w(e),o))?.[t.name];return b(r)}function H(e){y(e);const o=d.arrayToObject(e,t.rowKey);l.value?.setFieldValue(t.name,o)}function g(e,o){const n=e==="end"?s.value.length-1:e;u.value?.scrollToRow(n,o)}function P(e,o){u.value?.scrollToColumn(e,o)}return h({resetFields:I,validateFields:D,validateFieldsReturnTransformed:z,add:q,addMultiple:A,remove:E,removeByKey:j,getRowData:N,getRowsData:K,setRowData:V,clear:k,setTableData:H,scrollTo:g,scrollToRow:g,scrollToColumn:P,table:u}),(e,o)=>(a.openBlock(),a.createBlock(a.unref(f.ApForm),{ref_key:"formRef",ref:l,"initial-values":{[t.name]:a.unref(d.arrayToObject)(a.unref(s),t.rowKey)},style:{height:"100%"}},{default:a.withCtx(()=>[a.createVNode(a.unref(f.ApForm).FormItem,{name:e.name,"no-style":""},{default:a.withCtx(()=>[a.createVNode(J.default,a.mergeProps(a.unref(i.omit)(t,["name","value","onUpdate:value","maxLength","onChange","defaultValue"]),{ref_key:"tableRef",ref:u,class:[a.unref(x)(),a.unref(B)],size:"mini",columns:a.unref(F),"data-source":a.unref(s),"search-form":!1,onUpdate:O}),a.createSlots({_:2},[a.renderList(R,(n,r)=>({name:r,fn:a.withCtx(p=>[a.renderSlot(e.$slots,r,a.normalizeProps(a.guardReactiveProps(p||{})))])}))]),1040,["class","columns","data-source"])]),_:3},8,["name"])]),_:3},8,["initial-values"]))}});exports.default=Q;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),Z=require("@ag-grid-community/locale"),to=require("@aplus-frontend/antdv"),ro=require("@aplus-frontend/antdv/es/theme/internal"),l=require("ag-grid-community"),no=require("ag-grid-vue3"),d=require("lodash-unified"),B=require("../ap-grid/constants.js"),lo=require("../ap-table/context.js"),ao=require("../ap-table/hooks/use-table-paging-ng.js"),so=require("../ap-table/utils.js");require("../config-provider/index.js");require("../utils/index.js");const uo=require("../utils/retry.js"),io=require("../utils/slot.js"),co=require("../ap-form/index.js");require("./components/empty/index.vue.js");require("./components/loading/index.vue.js");require("./components/row/index.vue.js");const po=require("./context.js"),fo=require("./hooks/use-columns.js"),mo=require("./hooks/use-columns-def.js"),go=require("./hooks/use-pinned-row.js"),So=require("./hooks/use-row-selection.js"),wo=require("./hooks/use-search-form.js"),Co=require("./hooks/use-selection-col-def.js"),yo=require("./hooks/use-virtual-config.js"),ho=require("./style/index.js"),vo=require("./theme.js"),Ro=require("./utils.js"),bo=require("../config-provider/hooks/use-namespace.js"),ko=require("../config-provider/hooks/use-locale.js"),xo=require("../config-provider/hooks/use-global-config.js"),Bo=require("../utils/is.js"),Fo=require("./components/row/index.vue2.js"),qo=require("./components/loading/index.vue2.js"),Mo=require("./components/empty/index.vue2.js"),To=o.defineComponent({name:"AgGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},rowHoverable:{type:Boolean},columns:{},rowSelection:{type:[Boolean,Object]},card:{type:Boolean},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{},getRowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{},autoHeight:{type:Boolean},onUpdate:{},customRow:{},theme:{},emptyComponent:{},emptyText:{}},setup(ee,{expose:oe}){const te={"zh-cn":Z.AG_GRID_LOCALE_CN,en:Z.AG_GRID_LOCALE_EN};l.ModuleRegistry.registerModules([l.ValidationModule,l.ColumnAutoSizeModule,l.PinnedRowModule,l.RowAutoHeightModule,l.RowStyleModule,l.CellSpanModule,l.CellStyleModule,l.TooltipModule,l.RowSelectionModule,l.LocaleModule,l.ValueCacheModule,l.GridStateModule,l.ColumnApiModule,l.RowApiModule,l.CellApiModule,l.RenderApiModule,l.EventApiModule,l.ScrollApiModule,l.ClientSideRowModelApiModule,l.ClientSideRowModelModule]);const t=ee,E=o.useSlots(),{e:F,b:c,be:re}=bo.useNamespace("ag-grid"),{lang:_}=ko.useLocale(),ne=ho.default("ag-grid"),h=o.ref(t.size),le=vo.useTheme(h,o.toRef(t,"rowHeight"),o.toRef(t,"theme")),ae=yo.default(o.toRef(t,"virtual")),{rowPinnedGridConfig:D,getRowPinnedCellClass:se}=go.usePinnedRow(o.toRef(t,"summary")),ue=xo.useGlobalConfig("apGrid"),s=o.ref(),[,ie]=ro.useToken();let v=!!t.dataSource;const z=wo.useSearchForm(t),{shownColumns:w,columns:O,columnKeys:ce,getTargetColumnByKey:de,defaultSortOrder:b}=fo.useColumns(t),{defaultColDef:pe,columnDefs:fe,gridWrapperRef:me}=mo.useColumnsDef(O,t,se),ge={asc:"ascend",desc:"descend"},P={ascend:"asc",descend:"desc"};function Se(){const e=b.value;return e?{[e.colKey]:P[e.order]}:{}}function we(){const e=V.value,r=b.value;if(r&&e.includes(r.field))return r}const k=o.ref(Se());po.useProvideSorter({sorter:k,setSorter(e){k.value=e}});function Ce(){const e=s.value.getColumns()?.filter(p=>p.getSort()!=null),r=o.unref(k)||{};let n=e?.[0];const i=Object.keys(r);if(i.length&&i.every(p=>r[p]===null)){const p=Object.keys(r)[0];p&&(n=s.value?.getColumn(p))}if(!n)return;const u=n.getColDef(),g=n.getSort(),S=de(u.colId);G(void 0,void 0,{column:u,field:S?.field??u.field??u.colId,order:g?ge[g]:null})}const V=o.computed(()=>so.recursionApColumns(o.unref(w),e=>{if(e.sorter===!0)return e.field??e.dataIndex??e.key}).filter(Boolean)),ye=()=>{k.value={};const e=s.value;if(!e)return;const r=e.getColumnState()?.map(n=>({...n,sort:null}));e.applyColumnState({state:r})},q=o.ref(!0),he=o.computed(()=>Bo.isDef(t.manual)?t.manual:io.getValidVNodeList(E.searchFormExtra?.()||[]).some(r=>r.type?.name==="ApView")),{formRef:C,submit:M,reset:T,data:f,tableProps:K,handleTableChangeOptional:G,submitWith:L,refresh:U,getPaging:ve,setPaging:Re,setDataSource:be,getLastParams:ke}=ao.useTablePaging({async request(e){if(v=!1,y.value&&!y.value.preserveSelectedRowKeys&&d.isUndefined(t.dataSource)&&!q.value&&A(),q.value&&(q.value=!1),!d.isUndefined(t.dataSource)){const n=e.pageSize*(e.current-1);return{data:(t.pagination===!1?t.dataSource:t.dataSource.slice(n,n+e.pageSize))||[],total:t.dataSource.length||0}}const r=await t.request?.(e);return{data:r?.data||[],total:r?.total||0}},namespace:"ap-grid",filterFields:o.ref([]),params:o.toRef(t,"params"),defaultData:t.defaultData,manual:o.unref(he),formatParams:t.beforeSearchSubmit,pagination:t.pagination,sortFields:V,onClickReset:ye,defaultSortOrder:we()}),y=o.computed(()=>{const e=t.rowSelection||ue.value?.rowSelection;if(e)return e===!0?B.DEFAULT_ROW_SELECTION_CONFIG:{...B.DEFAULT_ROW_SELECTION_CONFIG,...e}}),xe=Co.default(t,w),Be=o.computed(()=>d.isUndefined(t.dataSource)?f.records:t.dataSource),{select:Fe,unSelect:qe,selectedRows:I,selectedRowKeys:Me,clearAll:Te,selectMultiByKeys:Ie,selectMulti:Ne,unSelectMulti:Ae}=So.default({...y.value,dataSource:Be,rowKey:t.rowKey}),Ee={checkbox:"multiRow",radio:"singleRow"},_e=o.computed(()=>{const e=y.value;if(!e)return;const{type:r="checkbox",disabled:n}=e;return{mode:Ee[r],isRowSelectable:i=>n?!n(i.data):!0,hideDisabledCheckboxes:e.hideDisabled??!1}});function N(e){return d.isFunction(t.rowKey)?t.rowKey(e):e[t.rowKey]}const x=({api:e=s.value})=>{if(t.onUpdate?.(),!y.value)return;const r=I.value||[];v=!1;const n=[];e.forEachNode(i=>{const m=i.data,u=N(m),g=i.isSelected();r.find(S=>N(S)===u)?!g&&n.push(i):g&&i.setSelected(!1)}),e.setNodesSelected({nodes:n,newValue:!0}),setTimeout(()=>{v=!0},0)},De=e=>{v&&(e.node.isSelected()?Fe(e.data):qe(e.data),d.isFunction(y.value?.tooltip)&&e.api.refreshCells({rowNodes:[e.node],columns:["ag-Grid-SelectionColumn"],force:!0}))},ze=()=>{v=!0;const e=s.value;if(!e||!b.value)return;const r=e.getColumnState(),{colKey:n,order:i}=b.value,m=r.map(u=>({...u,sort:u.colId===n?P[i]:null}));e.applyColumnState({state:m})},A=()=>{Te(),s.value?.deselectAll()};function Oe(e){Ie(e),o.nextTick(()=>{x({})})}const Pe=o.computed(()=>{const e=t.customRow;return e?{isFullWidthRow:e.isCustomRow,fullWidthCellRenderer:Fo.default,fullWidthCellRendererParams:{render:e.render}}:{}});function Ve(e){Ne(e),o.nextTick(()=>{x({})})}function Ke(e){Ae(e),o.nextTick(()=>{x({})})}function W(e=!1){const r=e?"getFieldsValueTransformed":"getFieldsValue";return C.value?.apForm?.[r]?.(!0)}function H(e){C.value?.apForm?.setFieldsValue?.(e)}function $(){return C.value?.getSorterItems()||[]}function j(e){C.value?.setSorterItems(e)}function J(){C.value?.resetSorterItems()}function Q(e){return e&&String(e)}function Ge(e){const r=s.value;if(!r)return;const n=r.getColumnState()||[],i=e.map(a=>a.key?String(a.key):a.key).filter(Boolean),m=n.map(a=>{if(!ce.value.includes(a.colId))return a;const R=!i.includes(a.colId),X={...a,hide:R},Y=e.find(oo=>Q(oo.key)===a.colId);return Y&&(X.pinned=Y.fixed||null),X}),u=new Map(e.map((a,R)=>[Q(a.key),R])),g=m.filter(a=>u.has(a.colId)).sort((a,R)=>u.get(a.colId)-u.get(R.colId)),S=[];let p=0;for(const a of m)u.has(a.colId)?S.push(g[p++]):S.push(a);r.applyColumnState({state:S,applyOrder:!0})}lo.useProvideApTable({columns:o.computed(()=>w.value),columnsBackup:o.computed(()=>O.value),size:o.computed(()=>B.sizeMap[h.value]),updateColumns(e){w.value=e,t.onShownColumnsChange?.(e),uo.retryUntil(()=>s.value,()=>{Ge(e)},{interval:17})},updateSize(e){h.value=B.sizeReverseMap[e]},renderConfig:o.computed(()=>({className:re("table-header","title"),color:ie.value.colorTextTertiary})),dataSource:o.computed(()=>o.unref(f).records),getSearchFormValues:W,setSearchFormValues:H,submit:M,submitWith:L,reset:T,refresh:U,getSearchFormSorterItems:$,setSearchFormSorterItems:j,resetSearchFormSorterItems:J,getLastParams:ke});const Le=o.computed(()=>d.isUndefined(t.loading)?f.loading:t.loading),Ue=o.computed(()=>[c(),t.card?null:c("wrapper"),c("adaptive"),c(`size-${h.value}`),t.autoHeight&&f.records.length?c("auto-height"):null,ne.value].filter(Boolean)),We=o.computed(()=>({height:"100%",...t.tableStyle||{}})),He=(e,r)=>{G({current:e,pageSize:r})};function $e(e){const r=e.data;return N(r)}function je(e,r){(d.isFunction(e)?s.value?.ensureNodeVisible:s.value?.ensureIndexVisible)?.(e,r)}function Je(e,r){s.value?.ensureColumnVisible(e,r)}function Qe(e){t.onRowClicked?.(e.data,e.event)}function Xe(e){t.onScrollEnd?.(e.direction)}function Ye(e){return s.value?.refreshCells(e)}function Ze(e){return s.value?.redrawRows(e)}const eo=e=>{const r=[D.value.getRowClass?.(e)];if(!e.node.rowPinned){const n=d.isFunction(t.rowClassName)?t.rowClassName(e.data,e.rowIndex):t.rowClassName;r.push(n)}return r.flat().filter(Boolean)};return o.watch(()=>t.dataSource,e=>{o.nextTick(()=>{be(e)})},{immediate:!0,deep:!0}),o.watch(()=>t.size,e=>{h.value=e}),o.watch(()=>o.unref(f).loading,e=>{t.onLoadingChange?.(e)}),oe({submit:M,reset:T,refresh:U,submitWith:L,setSearchFormValues:H,getSearchFormValues:W,getShowColumns:()=>o.unref(w),rowSelection:{selectedRows:o.computed(()=>I.value),setSelectedRowKeys:Oe,setSelectedRows:Ve,clearAll:A,unSelectRows:Ke},scrollToRow:je,scrollToColumn:Je,getDataSource:()=>o.unref(f.records),getPaging:ve,setPaging:Re,getSearchFormSorterItems:$,setSearchFormSorterItems:j,resetSearchFormSorterItems:J,refreshCells:Ye,redrawRows:Ze,_internalGridApi:o.computed(()=>s.value)}),(e,r)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(Ue.value),style:o.normalizeStyle(e.wrapperStyle)},[o.unref(d.isUndefined)(e.dataSource)&&e.searchForm!==!1&&o.unref(z).length>0?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(e.card?o.unref(F)("search-wrapper"):null),style:o.normalizeStyle(e.searchFormWrapperStyle)},[o.createVNode(o.unref(co.ApForm).SearchForm,o.mergeProps(e.searchForm||{},{ref_key:"formRef",ref:C,"custom-reset":"","submit-loading":o.unref(K).loading,onSubmit:o.unref(M),onReset:o.unref(T)}),o.createSlots({default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(z),n=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.renderNode),{key:n.dataIndex}))),128))]),_:2},[E.searchFormExtra?{name:"extra",fn:o.withCtx(()=>[o.renderSlot(e.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):o.createCommentVNode("",!0),o.createElementVNode("div",{class:o.normalizeClass([o.unref(F)("table-wrapper"),e.card?o.unref(F)("table-wrapper-card"):null]),style:o.normalizeStyle(e.tableWrapperStyle)},[o.createElementVNode("div",{class:o.normalizeClass(o.unref(c)("header-wrapper"))},[o.renderSlot(e.$slots,"title",{selectedRows:o.unref(I),selectedRowKeys:o.unref(Me),shownColumns:o.unref(w),clearAll:A})],2),o.createElementVNode("div",{ref_key:"gridWrapperRef",ref:me,class:o.normalizeClass(o.unref(c)("grid-wrapper"))},[(o.openBlock(),o.createBlock(o.unref(no.AgGridVue),o.mergeProps(o.unref(Ro.mergeProps)(o.unref(ae),o.unref(D),Pe.value),{key:o.unref(_),"get-row-class":eo,style:We.value,"row-data":o.unref(f).records,"column-defs":o.unref(fe),"default-col-def":o.unref(pe),"suppress-loading-overlay":"","row-selection":_e.value,"selection-column-def":o.unref(xe),"get-row-id":$e,"get-row-height":t.getRowHeight,theme:o.unref(le),"tooltip-show-delay":500,"enable-browser-tooltips":e.browserTooltips,"tooltip-interaction":"","row-class-rules":e.rowClassRules,"no-rows-overlay-component":Mo.default,"no-rows-overlay-component-params":{emptyComponent:e.emptyComponent,emptyText:e.emptyText},"loading-overlay-component":qo.default,loading:Le.value,"suppress-cell-focus":"","tab-to-next-cell":()=>!1,"enable-cell-span":"","dom-layout":e.autoHeight?"autoHeight":"normal","locale-text":te[o.unref(_)],onSortChanged:Ce,onGridReady:r[0]||(r[0]=n=>s.value=n.api),onRowDataUpdated:x,onRowSelected:De,onFirstDataRendered:ze,onRowClicked:Qe,onBodyScrollEnd:Xe}),null,16,["style","row-data","column-defs","default-col-def","row-selection","selection-column-def","get-row-height","theme","enable-browser-tooltips","row-class-rules","no-rows-overlay-component-params","loading","dom-layout","locale-text"]))],2),o.createElementVNode("div",{class:o.normalizeClass(o.unref(c)("pagination-wrapper"))},[e.pagination!==!1?(o.openBlock(),o.createBlock(o.unref(to.Pagination),o.mergeProps({key:0,class:o.unref(c)("pagination")},o.unref(K).pagination,{onChange:He}),null,16,["class"])):o.createCommentVNode("",!0)],2)],6)],6))}});exports.default=To;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),Z=require("@ag-grid-community/locale"),ro=require("@aplus-frontend/antdv"),no=require("@aplus-frontend/antdv/es/theme/internal"),l=require("ag-grid-community"),lo=require("ag-grid-vue3"),d=require("lodash-unified"),B=require("../ap-grid/constants.js"),ao=require("../ap-table/context.js"),so=require("../ap-table/hooks/use-table-paging-ng.js"),uo=require("../ap-table/utils.js");require("../config-provider/index.js");require("../utils/index.js");const io=require("../utils/retry.js"),co=require("../utils/slot.js"),po=require("../ap-form/index.js");require("./components/empty/index.vue.js");require("./components/loading/index.vue.js");require("./components/row/index.vue.js");const fo=require("./context.js"),mo=require("./hooks/use-columns.js"),go=require("./hooks/use-columns-def.js"),So=require("./hooks/use-pinned-row.js"),wo=require("./hooks/use-row-selection.js"),Co=require("./hooks/use-search-form.js"),yo=require("./hooks/use-selection-col-def.js"),ho=require("./hooks/use-virtual-config.js"),vo=require("./style/index.js"),Ro=require("./theme.js"),bo=require("./utils.js"),ko=require("../config-provider/hooks/use-namespace.js"),xo=require("../config-provider/hooks/use-locale.js"),Bo=require("../config-provider/hooks/use-global-config.js"),Fo=require("../utils/is.js"),qo=require("./components/row/index.vue2.js"),Mo=require("./components/loading/index.vue2.js"),Io=require("./components/empty/index.vue2.js"),To=o.defineComponent({name:"AgGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},rowHoverable:{type:Boolean},columns:{},rowSelection:{type:[Boolean,Object]},card:{type:Boolean},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{},getRowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{},autoHeight:{type:Boolean},onUpdate:{},customRow:{},theme:{},emptyComponent:{},emptyText:{},onColumnResized:{}},setup(ee,{expose:oe}){const te={"zh-cn":Z.AG_GRID_LOCALE_CN,en:Z.AG_GRID_LOCALE_EN};l.ModuleRegistry.registerModules([l.ValidationModule,l.ColumnAutoSizeModule,l.PinnedRowModule,l.RowAutoHeightModule,l.RowStyleModule,l.CellSpanModule,l.CellStyleModule,l.TooltipModule,l.RowSelectionModule,l.LocaleModule,l.ValueCacheModule,l.GridStateModule,l.ColumnApiModule,l.RowApiModule,l.CellApiModule,l.RenderApiModule,l.EventApiModule,l.ScrollApiModule,l.ClientSideRowModelApiModule,l.ClientSideRowModelModule]);const t=ee,E=o.useSlots(),{e:F,b:c,be:re}=ko.useNamespace("ag-grid"),{lang:z}=xo.useLocale(),ne=vo.default("ag-grid"),h=o.ref(t.size),le=Ro.useTheme(h,o.toRef(t,"rowHeight"),o.toRef(t,"theme")),ae=ho.default(o.toRef(t,"virtual")),{rowPinnedGridConfig:_,getRowPinnedCellClass:se}=So.usePinnedRow(o.toRef(t,"summary")),ue=Bo.useGlobalConfig("apGrid"),s=o.ref(),[,ie]=no.useToken();let v=!!t.dataSource;const D=Co.useSearchForm(t),{shownColumns:w,columns:O,columnKeys:ce,getTargetColumnByKey:de,defaultSortOrder:b}=mo.useColumns(t),{defaultColDef:pe,columnDefs:fe,gridWrapperRef:me}=go.useColumnsDef(O,t,se),ge={asc:"ascend",desc:"descend"},P={ascend:"asc",descend:"desc"};function Se(){const e=b.value;return e?{[e.colKey]:P[e.order]}:{}}function we(){const e=V.value,r=b.value;if(r&&e.includes(r.field))return r}const k=o.ref(Se());fo.useProvideSorter({sorter:k,setSorter(e){k.value=e}});function Ce(){const e=s.value.getColumns()?.filter(p=>p.getSort()!=null),r=o.unref(k)||{};let n=e?.[0];const i=Object.keys(r);if(i.length&&i.every(p=>r[p]===null)){const p=Object.keys(r)[0];p&&(n=s.value?.getColumn(p))}if(!n)return;const u=n.getColDef(),g=n.getSort(),S=de(u.colId);G(void 0,void 0,{column:u,field:S?.field??u.field??u.colId,order:g?ge[g]:null})}const V=o.computed(()=>uo.recursionApColumns(o.unref(w),e=>{if(e.sorter===!0)return e.field??e.dataIndex??e.key}).filter(Boolean)),ye=()=>{k.value={};const e=s.value;if(!e)return;const r=e.getColumnState()?.map(n=>({...n,sort:null}));e.applyColumnState({state:r})},q=o.ref(!0),he=o.computed(()=>Fo.isDef(t.manual)?t.manual:co.getValidVNodeList(E.searchFormExtra?.()||[]).some(r=>r.type?.name==="ApView")),{formRef:C,submit:M,reset:I,data:f,tableProps:K,handleTableChangeOptional:G,submitWith:L,refresh:W,getPaging:ve,setPaging:Re,setDataSource:be,getLastParams:ke}=so.useTablePaging({async request(e){if(v=!1,y.value&&!y.value.preserveSelectedRowKeys&&d.isUndefined(t.dataSource)&&!q.value&&A(),q.value&&(q.value=!1),!d.isUndefined(t.dataSource)){const n=e.pageSize*(e.current-1);return{data:(t.pagination===!1?t.dataSource:t.dataSource.slice(n,n+e.pageSize))||[],total:t.dataSource.length||0}}const r=await t.request?.(e);return{data:r?.data||[],total:r?.total||0}},namespace:"ap-grid",filterFields:o.ref([]),params:o.toRef(t,"params"),defaultData:t.defaultData,manual:o.unref(he),formatParams:t.beforeSearchSubmit,pagination:t.pagination,sortFields:V,onClickReset:ye,defaultSortOrder:we()}),y=o.computed(()=>{const e=t.rowSelection||ue.value?.rowSelection;if(e)return e===!0?B.DEFAULT_ROW_SELECTION_CONFIG:{...B.DEFAULT_ROW_SELECTION_CONFIG,...e}}),xe=yo.default(t,w),Be=o.computed(()=>d.isUndefined(t.dataSource)?f.records:t.dataSource),{select:Fe,unSelect:qe,selectedRows:T,selectedRowKeys:Me,clearAll:Ie,selectMultiByKeys:Te,selectMulti:Ne,unSelectMulti:Ae}=wo.default({...y.value,dataSource:Be,rowKey:t.rowKey}),Ee={checkbox:"multiRow",radio:"singleRow"},ze=o.computed(()=>{const e=y.value;if(!e)return;const{type:r="checkbox",disabled:n}=e;return{mode:Ee[r],isRowSelectable:i=>n?!n(i.data):!0,hideDisabledCheckboxes:e.hideDisabled??!1}});function N(e){return d.isFunction(t.rowKey)?t.rowKey(e):e[t.rowKey]}const x=({api:e=s.value})=>{if(t.onUpdate?.(),!y.value)return;const r=T.value||[];v=!1;const n=[];e.forEachNode(i=>{const m=i.data,u=N(m),g=i.isSelected();r.find(S=>N(S)===u)?!g&&n.push(i):g&&i.setSelected(!1)}),e.setNodesSelected({nodes:n,newValue:!0}),setTimeout(()=>{v=!0},0)},_e=e=>{v&&(e.node.isSelected()?Fe(e.data):qe(e.data),d.isFunction(y.value?.tooltip)&&e.api.refreshCells({rowNodes:[e.node],columns:["ag-Grid-SelectionColumn"],force:!0}))},De=()=>{v=!0;const e=s.value;if(!e||!b.value)return;const r=e.getColumnState(),{colKey:n,order:i}=b.value,m=r.map(u=>({...u,sort:u.colId===n?P[i]:null}));e.applyColumnState({state:m})},A=()=>{Ie(),s.value?.deselectAll()};function Oe(e){Te(e),o.nextTick(()=>{x({})})}const Pe=o.computed(()=>{const e=t.customRow;return e?{isFullWidthRow:e.isCustomRow,fullWidthCellRenderer:qo.default,fullWidthCellRendererParams:{render:e.render}}:{}});function Ve(e){Ne(e),o.nextTick(()=>{x({})})}function Ke(e){Ae(e),o.nextTick(()=>{x({})})}function U(e=!1){const r=e?"getFieldsValueTransformed":"getFieldsValue";return C.value?.apForm?.[r]?.(!0)}function H(e){C.value?.apForm?.setFieldsValue?.(e)}function $(){return C.value?.getSorterItems()||[]}function j(e){C.value?.setSorterItems(e)}function J(){C.value?.resetSorterItems()}function Q(e){return e&&String(e)}function Ge(e){const r=s.value;if(!r)return;const n=r.getColumnState()||[],i=e.map(a=>a.key?String(a.key):a.key).filter(Boolean),m=n.map(a=>{if(!ce.value.includes(a.colId))return a;const R=!i.includes(a.colId),X={...a,hide:R},Y=e.find(to=>Q(to.key)===a.colId);return Y&&(X.pinned=Y.fixed||null),X}),u=new Map(e.map((a,R)=>[Q(a.key),R])),g=m.filter(a=>u.has(a.colId)).sort((a,R)=>u.get(a.colId)-u.get(R.colId)),S=[];let p=0;for(const a of m)u.has(a.colId)?S.push(g[p++]):S.push(a);r.applyColumnState({state:S,applyOrder:!0})}ao.useProvideApTable({columns:o.computed(()=>w.value),columnsBackup:o.computed(()=>O.value),size:o.computed(()=>B.sizeMap[h.value]),updateColumns(e){w.value=e,t.onShownColumnsChange?.(e),io.retryUntil(()=>s.value,()=>{Ge(e)},{interval:17})},updateSize(e){h.value=B.sizeReverseMap[e]},renderConfig:o.computed(()=>({className:re("table-header","title"),color:ie.value.colorTextTertiary})),dataSource:o.computed(()=>o.unref(f).records),getSearchFormValues:U,setSearchFormValues:H,submit:M,submitWith:L,reset:I,refresh:W,getSearchFormSorterItems:$,setSearchFormSorterItems:j,resetSearchFormSorterItems:J,getLastParams:ke});const Le=o.computed(()=>d.isUndefined(t.loading)?f.loading:t.loading),We=o.computed(()=>[c(),t.card?null:c("wrapper"),c("adaptive"),c(`size-${h.value}`),t.autoHeight&&f.records.length?c("auto-height"):null,ne.value].filter(Boolean)),Ue=o.computed(()=>({height:"100%",...t.tableStyle||{}})),He=(e,r)=>{G({current:e,pageSize:r})};function $e(e){const r=e.data;return N(r)}function je(e,r){(d.isFunction(e)?s.value?.ensureNodeVisible:s.value?.ensureIndexVisible)?.(e,r)}function Je(e,r){s.value?.ensureColumnVisible(e,r)}function Qe(e){t.onRowClicked?.(e.data,e.event)}function Xe(e){t.onScrollEnd?.(e.direction)}function Ye(e){return s.value?.refreshCells(e)}function Ze(e){return s.value?.redrawRows(e)}function eo({finished:e,column:r}){!e||!r||t.onColumnResized?.(r.getColId(),r.getActualWidth())}const oo=e=>{const r=[_.value.getRowClass?.(e)];if(!e.node.rowPinned){const n=d.isFunction(t.rowClassName)?t.rowClassName(e.data,e.rowIndex):t.rowClassName;r.push(n)}return r.flat().filter(Boolean)};return o.watch(()=>t.dataSource,e=>{o.nextTick(()=>{be(e)})},{immediate:!0,deep:!0}),o.watch(()=>t.size,e=>{h.value=e}),o.watch(()=>o.unref(f).loading,e=>{t.onLoadingChange?.(e)}),oe({submit:M,reset:I,refresh:W,submitWith:L,setSearchFormValues:H,getSearchFormValues:U,getShowColumns:()=>o.unref(w),rowSelection:{selectedRows:o.computed(()=>T.value),setSelectedRowKeys:Oe,setSelectedRows:Ve,clearAll:A,unSelectRows:Ke},scrollToRow:je,scrollToColumn:Je,getDataSource:()=>o.unref(f.records),getPaging:ve,setPaging:Re,getSearchFormSorterItems:$,setSearchFormSorterItems:j,resetSearchFormSorterItems:J,refreshCells:Ye,redrawRows:Ze,_internalGridApi:o.computed(()=>s.value)}),(e,r)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(We.value),style:o.normalizeStyle(e.wrapperStyle)},[o.unref(d.isUndefined)(e.dataSource)&&e.searchForm!==!1&&o.unref(D).length>0?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(e.card?o.unref(F)("search-wrapper"):null),style:o.normalizeStyle(e.searchFormWrapperStyle)},[o.createVNode(o.unref(po.ApForm).SearchForm,o.mergeProps(e.searchForm||{},{ref_key:"formRef",ref:C,"custom-reset":"","submit-loading":o.unref(K).loading,onSubmit:o.unref(M),onReset:o.unref(I)}),o.createSlots({default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(D),n=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.renderNode),{key:n.dataIndex}))),128))]),_:2},[E.searchFormExtra?{name:"extra",fn:o.withCtx(()=>[o.renderSlot(e.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):o.createCommentVNode("",!0),o.createElementVNode("div",{class:o.normalizeClass([o.unref(F)("table-wrapper"),e.card?o.unref(F)("table-wrapper-card"):null]),style:o.normalizeStyle(e.tableWrapperStyle)},[o.createElementVNode("div",{class:o.normalizeClass(o.unref(c)("header-wrapper"))},[o.renderSlot(e.$slots,"title",{selectedRows:o.unref(T),selectedRowKeys:o.unref(Me),shownColumns:o.unref(w),clearAll:A})],2),o.createElementVNode("div",{ref_key:"gridWrapperRef",ref:me,class:o.normalizeClass(o.unref(c)("grid-wrapper"))},[(o.openBlock(),o.createBlock(o.unref(lo.AgGridVue),o.mergeProps(o.unref(bo.mergeProps)(o.unref(ae),o.unref(_),Pe.value),{key:o.unref(z),"get-row-class":oo,style:Ue.value,"row-data":o.unref(f).records,"column-defs":o.unref(fe),"default-col-def":o.unref(pe),"suppress-loading-overlay":"","row-selection":ze.value,"selection-column-def":o.unref(xe),"get-row-id":$e,"get-row-height":t.getRowHeight,theme:o.unref(le),"tooltip-show-delay":500,"enable-browser-tooltips":e.browserTooltips,"tooltip-interaction":"","row-class-rules":e.rowClassRules,"no-rows-overlay-component":Io.default,"no-rows-overlay-component-params":{emptyComponent:e.emptyComponent,emptyText:e.emptyText},"loading-overlay-component":Mo.default,loading:Le.value,"suppress-cell-focus":"","tab-to-next-cell":()=>!1,"enable-cell-span":"","dom-layout":e.autoHeight?"autoHeight":"normal","locale-text":te[o.unref(z)],onSortChanged:Ce,onGridReady:r[0]||(r[0]=n=>s.value=n.api),onRowDataUpdated:x,onRowSelected:_e,onFirstDataRendered:De,onRowClicked:Qe,onBodyScrollEnd:Xe,onColumnResized:eo}),null,16,["style","row-data","column-defs","default-col-def","row-selection","selection-column-def","get-row-height","theme","enable-browser-tooltips","row-class-rules","no-rows-overlay-component-params","loading","dom-layout","locale-text"]))],2),o.createElementVNode("div",{class:o.normalizeClass(o.unref(c)("pagination-wrapper"))},[e.pagination!==!1?(o.openBlock(),o.createBlock(o.unref(ro.Pagination),o.mergeProps({key:0,class:o.unref(c)("pagination")},o.unref(K).pagination,{onChange:He}),null,16,["class"])):o.createCommentVNode("",!0)],2)],6)],6))}});exports.default=To;
|
|
@@ -343,6 +343,13 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
|
|
|
343
343
|
* 自定义数据为空时展示的文本
|
|
344
344
|
*/
|
|
345
345
|
emptyText?: string;
|
|
346
|
+
/**
|
|
347
|
+
* 列尺寸变化后的回调
|
|
348
|
+
* @param key
|
|
349
|
+
* @param width
|
|
350
|
+
* @returns
|
|
351
|
+
*/
|
|
352
|
+
onColumnResized?: (key: string, width: number) => void;
|
|
346
353
|
};
|
|
347
354
|
export type AgGridExpose<SearchParamsType = Recordable, RecordType = any> = {
|
|
348
355
|
/**
|
|
@@ -926,6 +926,7 @@ declare const __VLS_component: DefineComponent<ApFormDrawerFormProps, {
|
|
|
926
926
|
type: PropType<sizeType>;
|
|
927
927
|
};
|
|
928
928
|
maxSize: NumberConstructor;
|
|
929
|
+
minSize: NumberConstructor;
|
|
929
930
|
drawerStyle: {
|
|
930
931
|
type: PropType<CSSProperties>;
|
|
931
932
|
default: CSSProperties;
|
|
@@ -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"),i=require("@aplus-frontend/antdv"),p=require("lodash-unified");require("../../config-provider/index.js");require("../../hooks/index.js");const c=require("../../utils/index.js"),q=require("../../utils/slot.js");require("../ap-form.vue.js");const W=require("../style/drawer-form.js"),S=require("../../hooks/useControllableValue.js"),I=require("../../config-provider/hooks/use-locale.js"),j=require("../../config-provider/hooks/use-namespace.js"),U=require("../ap-form.vue2.js");function y(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!t.isVNode(o)}const M=t.defineComponent({name:"ApFormDrawerForm",__name:"index",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onFieldsChange:{},onFinishFailed:{},onValidate:{},variant:{},initialValues:{},onValuesChange:{},syncToUrl:{type:[Boolean,Function]},syncToUrlPriority:{type:Boolean},autoFocusFirstInput:{type:Boolean},open:{type:Boolean,default:void 0},"onUpdate:open":{},drawerProps:{default:()=>({})},title:{},width:{default:378},onFinish:{},submitter:{type:[Boolean,Object],default:()=>({resetButtonProps:!1})},showCancel:{type:Boolean,default:!0},submitTimeout:{},resize:{type:[Object,Boolean],default:!1}},emits:["update:open"],setup(o,{expose:V,emit:z}){const n=o,f=t.useSlots(),C=z,r=t.shallowRef(),s=t.ref(),l=t.ref(!1),{value:B,updateValue:u}=S.useControllableValue(n,C,{valuePropName:"open",defaultValue:!1}),{t:m}=I.useLocale(),w=W.default("ap-form-drawer-form"),{b:T}=j.useNamespace("ap-form-drawer-form");t.watch(()=>r.value,e=>{e&&s.value&&(e.setFieldsValue?.(s.value),s.value=void 0)});const d=t.computed(()=>{const e={onResize:()=>{},minWidth:300,maxWidth:window.innerWidth*.8,resizeOnOpen:!0};return p.isBoolean(n.resize)?n.resize?e:{}:{minWidth:n.resize?.minWidth??e.minWidth,maxWidth:n.resize?.maxWidth??e.maxWidth,onResize:n.resize?.onResize??e.onResize,resizeOnOpen:p.isUndefined(n.resize?.resizeOnOpen)?e.resizeOnOpen:n.resize.resizeOnOpen}});function x(){const e=t.unref(d)?.minWidth;return!e||e&&e<n.width?n.width:e}const v=t.ref(c.getNumberPx(x()));function N(e){const{resizeOnOpen:a,onResize:F}=d.value;a&&(v.value=e,F?.(e))}const h=q.getSingleVNode(f.trigger),b=h?t.cloneVNode(h,{onClick:()=>{u(!0)}}):null,R=t.computed(()=>{const e=[];if(n.submitter===!1)return null;if(n.showCancel){let a;e.push(t.createVNode(i.Button,{onClick:g,disabled:l.value},y(a=m("ap.common.cancelText"))?a:{default:()=>[a]}))}return n.submitter?.resetButtonProps!==!1&&e.push(t.createVNode(i.Button,t.mergeProps(n.submitter?.resetButtonProps||{},{key:"submit",disabled:l.value,onClick:k}),{default:()=>[n.submitter?.resetText||m("ap.common.resetText")]})),n.submitter?.submitButtonProps!==!1&&e.push(t.createVNode(i.Button,t.mergeProps({type:"primary",key:"submit"},n.submitter?.submitButtonProps||{},{loading:l.value,onClick:O}),{default:()=>[n.submitter?.submitText||m("ap.common.okText")]})),t.createVNode(i.Flex,{justify:"flex-end"},{default:()=>[f.submitter?f.submitter(e):t.createVNode(i.Space,null,y(e)?e:{default:()=>[e]})]})});function k(){n.submitter!==!1&&(r.value?.resetFields(),n.submitter?.onReset?.())}async function O(){if(n.submitter!==!1)try{const e=await r.value?.validateFieldsReturnTransformed();n.submitter?.onSubmit?.(),l.value=!0;const a=n.onFinish?.(c.convertReactiveToRaw(e));if(n.submitTimeout&&a instanceof Promise){const _=setTimeout(()=>l.value=!1,n.submitTimeout);a.finally(()=>{clearTimeout(_),l.value=!1})}await a&&u(!1)}finally{l.value=!1}}function g(){t.unref(l)||u(!1)}function P(e){!e&&t.unref(l)||u(e)}return V({resetFields:async()=>{r.value?.resetFields()},clearValidate:e=>{r.value?.clearValidate(e)},validateFields:(e,a)=>r.value?.validateFields(e,a),getFieldsValue:e=>r.value?.getFieldsValue(e),validate:(e,a)=>r.value?.validate(e,a),scrollToField:(e,a={})=>{r.value?.scrollToField(e,a)},setFieldValue:(e,a)=>{r.value?.setFieldValue?.(e,a)},setFieldsValue:e=>{if(!r.value){s.value=e;return}r.value?.setFieldsValue?.(e)},getInternalInstance:e=>r.value?.getInternalInstance(e),getFieldsValueTransformed:e=>r.value?.getFieldsValueTransformed(e),validateFieldsReturnTransformed:e=>r.value?.validateFieldsReturnTransformed(e)}),(e,a)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(i.Drawer),t.mergeProps(e.drawerProps,{open:t.unref(B),size:v.value,"max-size":t.unref(c.getNumberPx)(d.value.maxWidth),"min-size":t.unref(c.getNumberPx)(d.value.minWidth),resizable:{onResize:N},class:[t.unref(T)(),t.unref(w)],"onUpdate:open":P,onCancel:g}),{title:t.withCtx(()=>[t.renderSlot(e.$slots,"title",{},()=>[t.createTextVNode(t.toDisplayString(n.title),1)])]),footer:t.withCtx(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(R.value)))]),default:t.withCtx(()=>[t.createVNode(U.default,t.mergeProps({ref_key:"formRef",ref:r},t.unref(p.omit)(n,["drawerProps","open","onUpdate:open","title","width","onFinish","submitter"])),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16)]),_:3},16,["open","size","max-size","min-size","resizable","class"]),t.unref(b)?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(t.unref(b)),{key:0})):t.createCommentVNode("",!0)],64))}});exports.default=M;
|
|
@@ -278,7 +278,7 @@ export type ApFormModalFormProps = Omit<ApFormProps, 'onFinish'> & {
|
|
|
278
278
|
submitTimeout?: number;
|
|
279
279
|
};
|
|
280
280
|
export type CustomizeResizeType = {
|
|
281
|
-
onResize?: () => void;
|
|
281
|
+
onResize?: (_size: number) => void;
|
|
282
282
|
maxWidth?: DrawerProps['width'];
|
|
283
283
|
minWidth?: DrawerProps['width'];
|
|
284
284
|
resizeOnOpen?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@ant-design/icons-vue"),u=require("@aplus-frontend/antdv");require("../../../../config-provider/index.js");const d=require("../context.js");require("./edit-form.vue.js");const f=require("../../../../config-provider/hooks/use-namespace.js"),v=require("./edit-form.vue2.js"),C=e.defineComponent({__name:"item",props:{value:{},isActive:{type:Boolean},onClick:{type:Function},shouldRemove:{type:Boolean}},setup(
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@ant-design/icons-vue"),u=require("@aplus-frontend/antdv");require("../../../../config-provider/index.js");const d=require("../context.js");require("./edit-form.vue.js");const f=require("../../../../config-provider/hooks/use-namespace.js"),v=require("./edit-form.vue2.js"),C=e.defineComponent({__name:"item",props:{value:{},isActive:{type:Boolean},onClick:{type:Function},shouldRemove:{type:Boolean}},setup(p){const r=p,{b:l}=f.useNamespace("ap-column-setting-template-item"),o=e.ref(!1),{deleteTemplate:c,cacheConfig:i}=d.useInjectApColumnSetting();function m(n){if(!n||n===r.value.label)return;const t=r.value;t.label=n,i.value?.onChange?.(t.columnState,t),o.value=!1}return(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(l)(),{[e.unref(l)("active")]:n.isActive}]),onClick:t[4]||(t[4]=(...a)=>n.onClick&&n.onClick(...a))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(l)("label"))},e.toDisplayString(n.value.label),3),e.unref(i).persistenceKey?(e.openBlock(),e.createBlock(e.unref(u.Flex),{key:0,gap:8,class:e.normalizeClass(e.unref(l)("action-wrapper"))},{default:e.withCtx(()=>[e.createVNode(e.unref(u.Popover),{open:o.value,"onUpdate:open":t[2]||(t[2]=a=>o.value=a),trigger:"click",arrow:!1,placement:"bottom","destroy-tooltip-on-hide":""},{content:e.withCtx(()=>[e.createVNode(v.default,{"is-edit":"","initial-values":{label:n.value.label},onConfirm:m,onCancel:t[1]||(t[1]=()=>o.value=!1)},null,8,["initial-values"])]),default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(e.unref(l)("icon-wrapper")),onClick:t[0]||(t[0]=e.withModifiers(a=>o.value=!0,["stop"]))},[e.createVNode(e.unref(s.EditOutlined))],2)]),_:1},8,["open"]),n.shouldRemove?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(l)("icon-wrapper")),onClick:t[3]||(t[3]=e.withModifiers(()=>e.unref(c)(n.value.key),["stop"]))},[e.createVNode(e.unref(s.DeleteOutlined))],2)):e.createCommentVNode("",!0)]),_:1},8,["class"])):e.createCommentVNode("",!0)],2))}});exports.default=C;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("dayjs");require("../config-provider/index.js");const f=require("./style/index.js"),d=require("./useTimeAgo.js"),p=require("./utils.js"),g=require("../config-provider/hooks/use-locale.js"),v=require("../config-provider/hooks/use-namespace.js"),_=["title"],q=e.defineComponent({name:"TimeAgo",__name:"index",props:{value:{default:Date.now()},title:{type:[String,Object,Boolean],default:!0},interval:{type:[Boolean,Number],default:1e4}},setup(
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("dayjs");require("../config-provider/index.js");const f=require("./style/index.js"),d=require("./useTimeAgo.js"),p=require("./utils.js"),g=require("../config-provider/hooks/use-locale.js"),v=require("../config-provider/hooks/use-namespace.js"),_=["title"],q=e.defineComponent({name:"TimeAgo",__name:"index",props:{value:{default:Date.now()},title:{type:[String,Object,Boolean],default:!0},interval:{type:[Boolean,Number],default:1e4},customFormat:{}},setup(s){const o=s,{locale:u}=g.useLocale(),{b:a}=v.useNamespace("time-ago"),n=f.default("time-ago"),l=d.default(e.toRef(o,"value"),Date.now(),e.toRef(o,"interval")),c=e.computed(()=>{const t=l.value;return o.customFormat?o.customFormat(t):p.getTimeAgoStr(t,u.value)}),i=e.computed(()=>{const t=o.title;if(t===!1)return;if(typeof t=="string")return t;const r=t===!0?"YYYY-MM-DD HH:mm:ss":t.format;return m(o.value).format(r)});return(t,r)=>(e.openBlock(),e.createElementBlock("span",{title:i.value,class:e.normalizeClass([e.unref(a)(),e.unref(n)])},e.toDisplayString(c.value),11,_))}});exports.default=q;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { TimeAgoResultType } from './useTimeAgo';
|
|
1
2
|
export type TimeAgoProps = {
|
|
2
3
|
/**
|
|
3
4
|
* 相对时间参考值
|
|
@@ -13,4 +14,11 @@ export type TimeAgoProps = {
|
|
|
13
14
|
* 刷新的时间间隔(ms)
|
|
14
15
|
*/
|
|
15
16
|
interval?: false | number;
|
|
17
|
+
/**
|
|
18
|
+
* 自定义相对事件格式化
|
|
19
|
+
* @param diff 相对事件间隔(ms)
|
|
20
|
+
* @param diffFormatted 格式化后的相对事件间隔
|
|
21
|
+
* @returns
|
|
22
|
+
*/
|
|
23
|
+
customFormat?: (params: TimeAgoResultType) => void;
|
|
16
24
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Ref } from 'vue';
|
|
2
|
+
import { DurationResultType } from './utils';
|
|
2
3
|
export type TimeAgoResultType = {
|
|
3
4
|
/**
|
|
4
5
|
* 差值(绝对值ms)
|
|
@@ -16,6 +17,10 @@ export type TimeAgoResultType = {
|
|
|
16
17
|
* 差值数量(向下取整)
|
|
17
18
|
*/
|
|
18
19
|
count: number;
|
|
20
|
+
/**
|
|
21
|
+
* 差值,格式化后
|
|
22
|
+
*/
|
|
23
|
+
diffFormatted: DurationResultType;
|
|
19
24
|
};
|
|
20
25
|
type DateType = Date | number | string;
|
|
21
26
|
export declare function getTimeAgo(ts: number, baseline: number): TimeAgoResultType;
|
|
@@ -33,10 +38,26 @@ declare const useTimeGo: (target: Ref<DateType>, base: DateType, interval: Ref<f
|
|
|
33
38
|
type: "ago" | "late";
|
|
34
39
|
unit: "s" | "m" | "h" | "d" | "M" | "y";
|
|
35
40
|
count: number;
|
|
41
|
+
diffFormatted: {
|
|
42
|
+
year: number;
|
|
43
|
+
month: number;
|
|
44
|
+
day: number;
|
|
45
|
+
hour: number;
|
|
46
|
+
min: number;
|
|
47
|
+
sec: number;
|
|
48
|
+
};
|
|
36
49
|
}, TimeAgoResultType | {
|
|
37
50
|
diffMs: number;
|
|
38
51
|
type: "ago" | "late";
|
|
39
52
|
unit: "s" | "m" | "h" | "d" | "M" | "y";
|
|
40
53
|
count: number;
|
|
54
|
+
diffFormatted: {
|
|
55
|
+
year: number;
|
|
56
|
+
month: number;
|
|
57
|
+
day: number;
|
|
58
|
+
hour: number;
|
|
59
|
+
min: number;
|
|
60
|
+
sec: number;
|
|
61
|
+
};
|
|
41
62
|
}>;
|
|
42
63
|
export default useTimeGo;
|
|
@@ -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 h=require("dayjs"),r=require("vue"),b=require("./utils.js");function s(n,u){const t=Math.abs(n-u),e={diffMs:t,type:n<u?"ago":"late",diffFormatted:b.formatDuration(t)};return t<60*1e3?(e.unit="s",e.count=Math.round(t/1e3)):t<3600*1e3?(e.unit="m",e.count=Math.round(t/(60*1e3))):t<1440*60*1e3?(e.unit="h",e.count=Math.round(t/(3600*1e3))):t<720*60*60*1e3?(e.unit="d",e.count=Math.round(t/(1440*60*1e3))):t<365*24*60*60*1e3?(e.unit="M",e.count=Math.round(t/(720*60*60*1e3))):(e.unit="y",e.count=Math.round(t/365/(1440*60*1e3))),e}function i(n){return h(n).valueOf()}let p=1;function v(){return p++}const o=new Map;let l,c;function M(n,u){o.set(n,u),o.size&&!c&&(clearInterval(l),l=setInterval(()=>{c=!0;const t=Date.now();o.forEach(e=>{e.interval&&Math.abs(t-e.updated-e.interval)<50&&(e.timeAgo.value=s(e.ts,t),e.updated=t)})},5e3))}function m(n){o.delete(n),o.size||(clearInterval(l),c=!1)}const T=(n,u,t)=>{const e=v(),a=r.ref(s(i(n.value),i(u))),f={ts:i(n.value),timeAgo:a,interval:t.value,updated:Date.now()};return r.watch(()=>n.value,g=>{const d=i(g);f.ts=d,a.value=s(d,i(u))}),M(e,f),r.onBeforeUnmount(()=>{m(e)}),a};exports.default=T;exports.getId=v;exports.getTimeAgo=s;exports.subscribe=M;exports.unsubscribe=m;
|
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
import { LocaleType } from '../locale';
|
|
2
2
|
import { TimeAgoResultType } from './useTimeAgo';
|
|
3
|
+
export type DurationResultType = {
|
|
4
|
+
year: number;
|
|
5
|
+
month: number;
|
|
6
|
+
day: number;
|
|
7
|
+
hour: number;
|
|
8
|
+
min: number;
|
|
9
|
+
sec: number;
|
|
10
|
+
};
|
|
11
|
+
type DurationUnitType = keyof DurationResultType;
|
|
12
|
+
export declare function formatDuration(ms: number, maxUnit?: DurationUnitType): DurationResultType;
|
|
3
13
|
export declare function getCountWord(wordTemplate: string, count: number): string;
|
|
4
14
|
export declare function getTimeAgoStr(config: TimeAgoResultType, locale: LocaleType): string;
|
|
15
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c={sec:1e3,min:1e3*60,hour:1e3*60*60,day:1e3*60*60*24,month:1e3*60*60*24*30,year:1e3*60*60*24*30*12},u=["year","month","day","hour","min","sec"];function y(o,n="year"){let t=o;const l={year:0,month:0,day:0,hour:0,min:0,sec:0},s=u.indexOf(n);for(let r=s;r<u.length;r++){const a=u[r],e=Math.floor(t/c[a]);l[a]=e,t%=c[a]}return l}function m(o,n){const t=o.split("|");return t.length===1?`${n} ${o}`:`${n} ${n>1?t[1].trim():t[0].trim()}`}function d(o,n){const t=n.ap.timeAgo,l={s:t.second,m:t.minute,h:t.hour,d:t.days,M:t.months,y:t.years},{unit:s,count:r,type:a}=o;let e=l[o.unit],i=!0;if(s==="s"&&o.count<10?(e=t.justNow,i=!1):s==="d"&&r===1?(e=a==="ago"?t.yesterday:t.tomorrow,i=!1):s==="M"&&r===1?(e=a==="ago"?t.lastMonth:t.nextMonth,i=!1):s==="y"&&r===1&&(e=a==="ago"?t.lastYear:t.nextYear,i=!1),!i)return e;const f=a==="ago"?t.ago:t.late;return e=`${m(e,r)} ${f}`,n.name==="zh-cn"&&(e=e.replace(/\s+/g,"")),e}exports.formatDuration=y;exports.getCountWord=m;exports.getTimeAgoStr=d;
|
package/lib/src/utils/index.d.ts
CHANGED
|
@@ -43,3 +43,4 @@ export declare function getRouteType(): "history" | "hash";
|
|
|
43
43
|
export declare function getScrollbarSize(): number;
|
|
44
44
|
export declare function getTopWindow(): Window;
|
|
45
45
|
export declare function randomStr(size?: number, dict?: string): string;
|
|
46
|
+
export declare function getNumberPx(size: string | number | undefined): number | undefined;
|
package/lib/src/utils/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@vueuse/core"),d=require("lodash-unified"),s=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@vueuse/core"),d=require("lodash-unified"),s=require("vue"),f=require("./is.js");function a(e){return e?.parentNode??document.body}function p(e){const t={};return Object.keys(e).map(n=>{t[n]=s.unref(e[n])}),t}function y(e,t=[],n){const o=Object.assign({},e),r=Object.keys(o);for(let u=0;u<r.length;u+=1){const i=r[u];(t.includes(i)||n?.(i,o[i]))&&delete o[i]}return o}function g(e){return/^[A-Z][A-Za-z]*$/.test(e)}function c(e){if(Array.isArray(e))return e.map(t=>c(t));if(typeof e=="object"&&e!==null){const t={};for(const n in e)t[n]=c(e[n]);return s.markRaw(t)}return e}function m(e){const t={...e};for(const n of Object.keys(t))d.isUndefined(t[n])&&delete t[n];return t}function w(e,...t){return typeof e=="function"?e(...t):e}function h(){const e="history";return typeof window>"u"?e:window.location.href.includes("#/")?"hash":e}function b(){if(!l.isClient)return 15;const e=document.createElement("div");e.style.width="100px",e.style.height="100px",e.style.overflow="scroll",e.style.position="absolute",e.style.top="-9999px",document.body.appendChild(e);const t=e.offsetHeight-e.clientHeight;return document.body.removeChild(e),t}function v(){return(window.top!==window?window.top:window)??window}const P="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";function R(e=16,t=P){let n="",o=e;const r=t.length;for(;o--;)n+=t[Math.random()*r|0];return n}function x(e){return e===void 0||typeof e=="number"?e:Number(e.replace(/px/g,""))}exports.isDef=f.isDef;exports.convertReactiveToRaw=c;exports.getDynamicProps=p;exports.getNumberPx=x;exports.getPopupContainer=a;exports.getRouteType=h;exports.getScrollbarSize=b;exports.getTopWindow=v;exports.isPascalCase=g;exports.omitUndefined=m;exports.omitWhen=y;exports.randomStr=R;exports.runFunction=w;
|
package/lib/src/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "7.15.
|
|
1
|
+
declare const _default: "7.15.1";
|
|
2
2
|
export default _default;
|
package/lib/src/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.15.
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.15.1";exports.default=e;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aplus-frontend/ui",
|
|
3
|
-
"version": "7.15.
|
|
3
|
+
"version": "7.15.1",
|
|
4
4
|
"main": "./lib/index.js",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -40,18 +40,18 @@
|
|
|
40
40
|
"scroll-into-view-if-needed": "^3.1.0",
|
|
41
41
|
"vue-virtual-scroller": "2.0.0-beta.8",
|
|
42
42
|
"vuedraggable": "^4.1.0",
|
|
43
|
-
"@aplus-frontend/
|
|
44
|
-
"@aplus-frontend/
|
|
43
|
+
"@aplus-frontend/utils": "1.0.65",
|
|
44
|
+
"@aplus-frontend/hooks": "1.0.7"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
|
-
"@aplus-frontend/antdv": "^2.1.
|
|
47
|
+
"@aplus-frontend/antdv": "^2.1.3",
|
|
48
48
|
"@aplus-frontend/icon": "^2.0.6",
|
|
49
49
|
"@aplus-frontend/oss": "^2.0.1",
|
|
50
50
|
"vue": "^3.5.21",
|
|
51
51
|
"vxe-table": "^4.13.37"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
|
-
"@aplus-frontend/antdv": "^2.1.
|
|
54
|
+
"@aplus-frontend/antdv": "^2.1.3",
|
|
55
55
|
"@aplus-frontend/icon": "^2.0.6",
|
|
56
56
|
"@aplus-frontend/oss": "^2.0.1",
|
|
57
57
|
"@emotion/serialize": "^1.3.3",
|