2086 lines
66 KiB
JavaScript
2086 lines
66 KiB
JavaScript
/*
|
|
* Extracted from browser-delivered Turbopack chunk: 5d5b47876e53e564.da1ba52a93.js
|
|
* Module id: 690243
|
|
* For reading/searching only; this factory depends on the original Turbopack runtime.
|
|
*/
|
|
|
|
const moduleFactory = (e) => {
|
|
"use strict";
|
|
let t;
|
|
e.i(23741);
|
|
var r,
|
|
n = e.i(935492),
|
|
o = e.i(358379),
|
|
a = e.i(371636),
|
|
i = e.i(556957),
|
|
l = e.i(30037),
|
|
s = e.i(669873),
|
|
c = e.i(762213),
|
|
u = e.i(808155),
|
|
d = e.i(95649),
|
|
f = e.i(264458),
|
|
m = e.i(142068),
|
|
p = e.i(553829),
|
|
h = e.i(461993),
|
|
g = e.i(194432),
|
|
b = e.i(888307),
|
|
v = e.i(766403),
|
|
_ = e.i(46089),
|
|
y = e.i(46734),
|
|
x = e.i(267899),
|
|
C = e.i(389524),
|
|
E = e.i(999279),
|
|
S = e.i(799779),
|
|
w = e.i(241277),
|
|
k = e.i(820141),
|
|
j = e.i(995650),
|
|
P = e.i(422136);
|
|
let R = (e) => {
|
|
let { prefixCls: t, className: r, style: n, size: a, shape: i } = e,
|
|
l = (0, f.default)({
|
|
[`${t}-lg`]: "large" === a,
|
|
[`${t}-sm`]: "small" === a,
|
|
}),
|
|
s = (0, f.default)({
|
|
[`${t}-circle`]: "circle" === i,
|
|
[`${t}-square`]: "square" === i,
|
|
[`${t}-round`]: "round" === i,
|
|
}),
|
|
c = o.useMemo(
|
|
() =>
|
|
"number" == typeof a
|
|
? { width: a, height: a, lineHeight: `${a}px` }
|
|
: {},
|
|
[a],
|
|
);
|
|
return o.createElement("span", {
|
|
className: (0, f.default)(t, l, s, r),
|
|
style: Object.assign(Object.assign({}, c), n),
|
|
});
|
|
};
|
|
e.i(6177);
|
|
var N = e.i(707464),
|
|
$ = e.i(723378),
|
|
O = e.i(117394),
|
|
T = e.i(570860);
|
|
let M = new N.Keyframes("ant-skeleton-loading", {
|
|
"0%": { backgroundPosition: "100% 50%" },
|
|
"100%": { backgroundPosition: "0 50%" },
|
|
}),
|
|
I = (e) => ({ height: e, lineHeight: (0, $.unit)(e) }),
|
|
A = (e) => Object.assign({ width: e }, I(e)),
|
|
L = (e, t) =>
|
|
Object.assign(
|
|
{ width: t(e).mul(5).equal(), minWidth: t(e).mul(5).equal() },
|
|
I(e),
|
|
),
|
|
B = (e) => Object.assign({ width: e }, I(e)),
|
|
D = (e, t, r) => {
|
|
let { skeletonButtonCls: n } = e;
|
|
return {
|
|
[`${r}${n}-circle`]: { width: t, minWidth: t, borderRadius: "50%" },
|
|
[`${r}${n}-round`]: { borderRadius: t },
|
|
};
|
|
},
|
|
H = (e, t) =>
|
|
Object.assign(
|
|
{ width: t(e).mul(2).equal(), minWidth: t(e).mul(2).equal() },
|
|
I(e),
|
|
),
|
|
z = (0, O.genStyleHooks)(
|
|
"Skeleton",
|
|
(e) => {
|
|
let { componentCls: t, calc: r } = e;
|
|
return ((e) => {
|
|
let {
|
|
componentCls: t,
|
|
skeletonAvatarCls: r,
|
|
skeletonTitleCls: n,
|
|
skeletonParagraphCls: o,
|
|
skeletonButtonCls: a,
|
|
skeletonInputCls: i,
|
|
skeletonImageCls: l,
|
|
controlHeight: s,
|
|
controlHeightLG: c,
|
|
controlHeightSM: u,
|
|
gradientFromColor: d,
|
|
padding: f,
|
|
marginSM: m,
|
|
borderRadius: p,
|
|
titleHeight: h,
|
|
blockRadius: g,
|
|
paragraphLiHeight: b,
|
|
controlHeightXS: v,
|
|
paragraphMarginTop: _,
|
|
} = e;
|
|
return {
|
|
[t]: {
|
|
display: "table",
|
|
width: "100%",
|
|
[`${t}-header`]: {
|
|
display: "table-cell",
|
|
paddingInlineEnd: f,
|
|
verticalAlign: "top",
|
|
[r]: Object.assign(
|
|
{
|
|
display: "inline-block",
|
|
verticalAlign: "top",
|
|
background: d,
|
|
},
|
|
A(s),
|
|
),
|
|
[`${r}-circle`]: { borderRadius: "50%" },
|
|
[`${r}-lg`]: Object.assign({}, A(c)),
|
|
[`${r}-sm`]: Object.assign({}, A(u)),
|
|
},
|
|
[`${t}-content`]: {
|
|
display: "table-cell",
|
|
width: "100%",
|
|
verticalAlign: "top",
|
|
[n]: {
|
|
width: "100%",
|
|
height: h,
|
|
background: d,
|
|
borderRadius: g,
|
|
[`+ ${o}`]: { marginBlockStart: u },
|
|
},
|
|
[o]: {
|
|
padding: 0,
|
|
"> li": {
|
|
width: "100%",
|
|
height: b,
|
|
listStyle: "none",
|
|
background: d,
|
|
borderRadius: g,
|
|
"+ li": { marginBlockStart: v },
|
|
},
|
|
},
|
|
[`${o}> li:last-child:not(:first-child):not(:nth-child(2))`]:
|
|
{ width: "61%" },
|
|
},
|
|
[`&-round ${t}-content`]: {
|
|
[`${n}, ${o} > li`]: { borderRadius: p },
|
|
},
|
|
},
|
|
[`${t}-with-avatar ${t}-content`]: {
|
|
[n]: {
|
|
marginBlockStart: m,
|
|
[`+ ${o}`]: { marginBlockStart: _ },
|
|
},
|
|
},
|
|
[`${t}${t}-element`]: Object.assign(
|
|
Object.assign(
|
|
Object.assign(
|
|
Object.assign(
|
|
{ display: "inline-block", width: "auto" },
|
|
((e) => {
|
|
let {
|
|
borderRadiusSM: t,
|
|
skeletonButtonCls: r,
|
|
controlHeight: n,
|
|
controlHeightLG: o,
|
|
controlHeightSM: a,
|
|
gradientFromColor: i,
|
|
calc: l,
|
|
} = e;
|
|
return Object.assign(
|
|
Object.assign(
|
|
Object.assign(
|
|
Object.assign(
|
|
Object.assign(
|
|
{
|
|
[r]: Object.assign(
|
|
{
|
|
display: "inline-block",
|
|
verticalAlign: "top",
|
|
background: i,
|
|
borderRadius: t,
|
|
width: l(n).mul(2).equal(),
|
|
minWidth: l(n).mul(2).equal(),
|
|
},
|
|
H(n, l),
|
|
),
|
|
},
|
|
D(e, n, r),
|
|
),
|
|
{ [`${r}-lg`]: Object.assign({}, H(o, l)) },
|
|
),
|
|
D(e, o, `${r}-lg`),
|
|
),
|
|
{ [`${r}-sm`]: Object.assign({}, H(a, l)) },
|
|
),
|
|
D(e, a, `${r}-sm`),
|
|
);
|
|
})(e),
|
|
),
|
|
((e) => {
|
|
let {
|
|
skeletonAvatarCls: t,
|
|
gradientFromColor: r,
|
|
controlHeight: n,
|
|
controlHeightLG: o,
|
|
controlHeightSM: a,
|
|
} = e;
|
|
return {
|
|
[t]: Object.assign(
|
|
{
|
|
display: "inline-block",
|
|
verticalAlign: "top",
|
|
background: r,
|
|
},
|
|
A(n),
|
|
),
|
|
[`${t}${t}-circle`]: { borderRadius: "50%" },
|
|
[`${t}${t}-lg`]: Object.assign({}, A(o)),
|
|
[`${t}${t}-sm`]: Object.assign({}, A(a)),
|
|
};
|
|
})(e),
|
|
),
|
|
((e) => {
|
|
let {
|
|
controlHeight: t,
|
|
borderRadiusSM: r,
|
|
skeletonInputCls: n,
|
|
controlHeightLG: o,
|
|
controlHeightSM: a,
|
|
gradientFromColor: i,
|
|
calc: l,
|
|
} = e;
|
|
return {
|
|
[n]: Object.assign(
|
|
{
|
|
display: "inline-block",
|
|
verticalAlign: "top",
|
|
background: i,
|
|
borderRadius: r,
|
|
},
|
|
L(t, l),
|
|
),
|
|
[`${n}-lg`]: Object.assign({}, L(o, l)),
|
|
[`${n}-sm`]: Object.assign({}, L(a, l)),
|
|
};
|
|
})(e),
|
|
),
|
|
((e) => {
|
|
let {
|
|
skeletonImageCls: t,
|
|
imageSizeBase: r,
|
|
gradientFromColor: n,
|
|
borderRadiusSM: o,
|
|
calc: a,
|
|
} = e;
|
|
return {
|
|
[t]: Object.assign(
|
|
Object.assign(
|
|
{
|
|
display: "inline-flex",
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
verticalAlign: "middle",
|
|
background: n,
|
|
borderRadius: o,
|
|
},
|
|
B(a(r).mul(2).equal()),
|
|
),
|
|
{
|
|
[`${t}-path`]: { fill: "#bfbfbf" },
|
|
[`${t}-svg`]: Object.assign(Object.assign({}, B(r)), {
|
|
maxWidth: a(r).mul(4).equal(),
|
|
maxHeight: a(r).mul(4).equal(),
|
|
}),
|
|
[`${t}-svg${t}-svg-circle`]: { borderRadius: "50%" },
|
|
},
|
|
),
|
|
[`${t}${t}-circle`]: { borderRadius: "50%" },
|
|
};
|
|
})(e),
|
|
),
|
|
[`${t}${t}-block`]: {
|
|
width: "100%",
|
|
[a]: { width: "100%" },
|
|
[i]: { width: "100%" },
|
|
},
|
|
[`${t}${t}-active`]: {
|
|
[`
|
|
${n},
|
|
${o} > li,
|
|
${r},
|
|
${a},
|
|
${i},
|
|
${l}
|
|
`]: Object.assign(
|
|
{},
|
|
{
|
|
background: e.skeletonLoadingBackground,
|
|
backgroundSize: "400% 100%",
|
|
animationName: M,
|
|
animationDuration: e.skeletonLoadingMotionDuration,
|
|
animationTimingFunction: "ease",
|
|
animationIterationCount: "infinite",
|
|
},
|
|
),
|
|
},
|
|
};
|
|
})(
|
|
(0, T.mergeToken)(e, {
|
|
skeletonAvatarCls: `${t}-avatar`,
|
|
skeletonTitleCls: `${t}-title`,
|
|
skeletonParagraphCls: `${t}-paragraph`,
|
|
skeletonButtonCls: `${t}-button`,
|
|
skeletonInputCls: `${t}-input`,
|
|
skeletonImageCls: `${t}-image`,
|
|
imageSizeBase: r(e.controlHeight).mul(1.5).equal(),
|
|
borderRadius: 100,
|
|
skeletonLoadingBackground: `linear-gradient(90deg, ${e.gradientFromColor} 25%, ${e.gradientToColor} 37%, ${e.gradientFromColor} 63%)`,
|
|
skeletonLoadingMotionDuration: "1.4s",
|
|
}),
|
|
);
|
|
},
|
|
(e) => {
|
|
let { colorFillContent: t, colorFill: r } = e;
|
|
return {
|
|
color: t,
|
|
colorGradientEnd: r,
|
|
gradientFromColor: t,
|
|
gradientToColor: r,
|
|
titleHeight: e.controlHeight / 2,
|
|
blockRadius: e.borderRadiusSM,
|
|
paragraphMarginTop: e.marginLG + e.marginXXS,
|
|
paragraphLiHeight: e.controlHeight / 2,
|
|
};
|
|
},
|
|
{
|
|
deprecatedTokens: [
|
|
["color", "gradientFromColor"],
|
|
["colorGradientEnd", "gradientToColor"],
|
|
],
|
|
},
|
|
),
|
|
W = (e) => {
|
|
let { prefixCls: t, className: r, style: n, rows: a = 0 } = e,
|
|
i = Array.from({ length: a }).map((t, r) =>
|
|
o.createElement("li", {
|
|
key: r,
|
|
style: {
|
|
width: ((e, t) => {
|
|
let { width: r, rows: n = 2 } = t;
|
|
return Array.isArray(r) ? r[e] : n - 1 === e ? r : void 0;
|
|
})(r, e),
|
|
},
|
|
}),
|
|
);
|
|
return o.createElement(
|
|
"ul",
|
|
{ className: (0, f.default)(t, r), style: n },
|
|
i,
|
|
);
|
|
},
|
|
F = ({ prefixCls: e, className: t, width: r, style: n }) =>
|
|
o.createElement("h3", {
|
|
className: (0, f.default)(e, t),
|
|
style: Object.assign({ width: r }, n),
|
|
});
|
|
function U(e) {
|
|
return e && "object" == typeof e ? e : {};
|
|
}
|
|
let G = (e) => {
|
|
let {
|
|
prefixCls: t,
|
|
loading: r,
|
|
className: n,
|
|
rootClassName: a,
|
|
style: l,
|
|
children: s,
|
|
avatar: c = !1,
|
|
title: u = !0,
|
|
paragraph: d = !0,
|
|
active: m,
|
|
round: p,
|
|
} = e,
|
|
{
|
|
getPrefixCls: h,
|
|
direction: g,
|
|
className: b,
|
|
style: v,
|
|
} = (0, i.useComponentConfig)("skeleton"),
|
|
_ = h("skeleton", t),
|
|
[y, x, C] = z(_);
|
|
if (r || !("loading" in e)) {
|
|
let e,
|
|
t,
|
|
r = !!c,
|
|
i = !!u,
|
|
s = !!d;
|
|
if (r) {
|
|
let t = Object.assign(
|
|
Object.assign(
|
|
{ prefixCls: `${_}-avatar` },
|
|
i && !s
|
|
? { size: "large", shape: "square" }
|
|
: { size: "large", shape: "circle" },
|
|
),
|
|
U(c),
|
|
);
|
|
e = o.createElement(
|
|
"div",
|
|
{ className: `${_}-header` },
|
|
o.createElement(R, Object.assign({}, t)),
|
|
);
|
|
}
|
|
if (i || s) {
|
|
let e, n;
|
|
if (i) {
|
|
let t = Object.assign(
|
|
Object.assign(
|
|
{ prefixCls: `${_}-title` },
|
|
!r && s ? { width: "38%" } : r && s ? { width: "50%" } : {},
|
|
),
|
|
U(u),
|
|
);
|
|
e = o.createElement(F, Object.assign({}, t));
|
|
}
|
|
if (s) {
|
|
let e,
|
|
t = Object.assign(
|
|
Object.assign(
|
|
{ prefixCls: `${_}-paragraph` },
|
|
((e = {}),
|
|
(r && i) || (e.width = "61%"),
|
|
!r && i ? (e.rows = 3) : (e.rows = 2),
|
|
e),
|
|
),
|
|
U(d),
|
|
);
|
|
n = o.createElement(W, Object.assign({}, t));
|
|
}
|
|
t = o.createElement("div", { className: `${_}-content` }, e, n);
|
|
}
|
|
let h = (0, f.default)(
|
|
_,
|
|
{
|
|
[`${_}-with-avatar`]: r,
|
|
[`${_}-active`]: m,
|
|
[`${_}-rtl`]: "rtl" === g,
|
|
[`${_}-round`]: p,
|
|
},
|
|
b,
|
|
n,
|
|
a,
|
|
x,
|
|
C,
|
|
);
|
|
return y(
|
|
o.createElement(
|
|
"div",
|
|
{ className: h, style: Object.assign(Object.assign({}, v), l) },
|
|
e,
|
|
t,
|
|
),
|
|
);
|
|
}
|
|
return null != s ? s : null;
|
|
};
|
|
(G.Button = (e) => {
|
|
let {
|
|
prefixCls: t,
|
|
className: r,
|
|
rootClassName: n,
|
|
active: a,
|
|
block: l = !1,
|
|
size: s = "default",
|
|
} = e,
|
|
{ getPrefixCls: c } = o.useContext(i.ConfigContext),
|
|
u = c("skeleton", t),
|
|
[d, m, p] = z(u),
|
|
h = (0, P.default)(e, ["prefixCls"]),
|
|
g = (0, f.default)(
|
|
u,
|
|
`${u}-element`,
|
|
{ [`${u}-active`]: a, [`${u}-block`]: l },
|
|
r,
|
|
n,
|
|
m,
|
|
p,
|
|
);
|
|
return d(
|
|
o.createElement(
|
|
"div",
|
|
{ className: g },
|
|
o.createElement(
|
|
R,
|
|
Object.assign({ prefixCls: `${u}-button`, size: s }, h),
|
|
),
|
|
),
|
|
);
|
|
}),
|
|
(G.Avatar = (e) => {
|
|
let {
|
|
prefixCls: t,
|
|
className: r,
|
|
rootClassName: n,
|
|
active: a,
|
|
shape: l = "circle",
|
|
size: s = "default",
|
|
} = e,
|
|
{ getPrefixCls: c } = o.useContext(i.ConfigContext),
|
|
u = c("skeleton", t),
|
|
[d, m, p] = z(u),
|
|
h = (0, P.default)(e, ["prefixCls", "className"]),
|
|
g = (0, f.default)(
|
|
u,
|
|
`${u}-element`,
|
|
{ [`${u}-active`]: a },
|
|
r,
|
|
n,
|
|
m,
|
|
p,
|
|
);
|
|
return d(
|
|
o.createElement(
|
|
"div",
|
|
{ className: g },
|
|
o.createElement(
|
|
R,
|
|
Object.assign({ prefixCls: `${u}-avatar`, shape: l, size: s }, h),
|
|
),
|
|
),
|
|
);
|
|
}),
|
|
(G.Input = (e) => {
|
|
let {
|
|
prefixCls: t,
|
|
className: r,
|
|
rootClassName: n,
|
|
active: a,
|
|
block: l,
|
|
size: s = "default",
|
|
} = e,
|
|
{ getPrefixCls: c } = o.useContext(i.ConfigContext),
|
|
u = c("skeleton", t),
|
|
[d, m, p] = z(u),
|
|
h = (0, P.default)(e, ["prefixCls"]),
|
|
g = (0, f.default)(
|
|
u,
|
|
`${u}-element`,
|
|
{ [`${u}-active`]: a, [`${u}-block`]: l },
|
|
r,
|
|
n,
|
|
m,
|
|
p,
|
|
);
|
|
return d(
|
|
o.createElement(
|
|
"div",
|
|
{ className: g },
|
|
o.createElement(
|
|
R,
|
|
Object.assign({ prefixCls: `${u}-input`, size: s }, h),
|
|
),
|
|
),
|
|
);
|
|
}),
|
|
(G.Image = (e) => {
|
|
let {
|
|
prefixCls: t,
|
|
className: r,
|
|
rootClassName: n,
|
|
style: a,
|
|
active: l,
|
|
} = e,
|
|
{ getPrefixCls: s } = o.useContext(i.ConfigContext),
|
|
c = s("skeleton", t),
|
|
[u, d, m] = z(c),
|
|
p = (0, f.default)(
|
|
c,
|
|
`${c}-element`,
|
|
{ [`${c}-active`]: l },
|
|
r,
|
|
n,
|
|
d,
|
|
m,
|
|
);
|
|
return u(
|
|
o.createElement(
|
|
"div",
|
|
{ className: p },
|
|
o.createElement(
|
|
"div",
|
|
{ className: (0, f.default)(`${c}-image`, r), style: a },
|
|
o.createElement(
|
|
"svg",
|
|
{
|
|
viewBox: "0 0 1098 1024",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
className: `${c}-image-svg`,
|
|
},
|
|
o.createElement("title", null, "Image placeholder"),
|
|
o.createElement("path", {
|
|
d: "M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z",
|
|
className: `${c}-image-path`,
|
|
}),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}),
|
|
(G.Node = (e) => {
|
|
let {
|
|
prefixCls: t,
|
|
className: r,
|
|
rootClassName: n,
|
|
style: a,
|
|
active: l,
|
|
children: s,
|
|
} = e,
|
|
{ getPrefixCls: c } = o.useContext(i.ConfigContext),
|
|
u = c("skeleton", t),
|
|
[d, m, p] = z(u),
|
|
h = (0, f.default)(
|
|
u,
|
|
`${u}-element`,
|
|
{ [`${u}-active`]: l },
|
|
m,
|
|
r,
|
|
n,
|
|
p,
|
|
);
|
|
return d(
|
|
o.createElement(
|
|
"div",
|
|
{ className: h },
|
|
o.createElement(
|
|
"div",
|
|
{ className: (0, f.default)(`${u}-image`, r), style: a },
|
|
s,
|
|
),
|
|
),
|
|
);
|
|
}),
|
|
e.s(["default", 0, G], 690243);
|
|
var q = e.i(759313);
|
|
function X() {}
|
|
let K = o.createContext({ add: X, remove: X });
|
|
var V = e.i(831599),
|
|
Y = e.i(430336);
|
|
let Q = () => {
|
|
let {
|
|
cancelButtonProps: e,
|
|
cancelTextLocale: t,
|
|
onCancel: r,
|
|
} = (0, o.useContext)(_.ModalContext);
|
|
return o.default.createElement(
|
|
Y.default,
|
|
Object.assign({ onClick: r }, e),
|
|
t,
|
|
);
|
|
};
|
|
var Z = e.i(786410);
|
|
let J = () => {
|
|
let {
|
|
confirmLoading: e,
|
|
okButtonProps: t,
|
|
okType: r,
|
|
okTextLocale: n,
|
|
onOk: a,
|
|
} = (0, o.useContext)(_.ModalContext);
|
|
return o.default.createElement(
|
|
Y.default,
|
|
Object.assign(
|
|
{},
|
|
(0, Z.convertLegacyProps)(r),
|
|
{ loading: e, onClick: a },
|
|
t,
|
|
),
|
|
n,
|
|
);
|
|
};
|
|
var ee = e.i(124345);
|
|
function et(e, t) {
|
|
return o.default.createElement(
|
|
"span",
|
|
{ className: `${e}-close-x` },
|
|
t ||
|
|
o.default.createElement(y.default, { className: `${e}-close-icon` }),
|
|
);
|
|
}
|
|
let er = (e) => {
|
|
let t,
|
|
{
|
|
okText: r,
|
|
okType: a = "primary",
|
|
cancelText: i,
|
|
confirmLoading: l,
|
|
onOk: s,
|
|
onCancel: c,
|
|
okButtonProps: u,
|
|
cancelButtonProps: d,
|
|
footer: f,
|
|
} = e,
|
|
[m] = (0, h.useLocale)("Modal", (0, ee.getConfirmLocale)()),
|
|
p = {
|
|
confirmLoading: l,
|
|
okButtonProps: u,
|
|
cancelButtonProps: d,
|
|
okTextLocale: r || (null == m ? void 0 : m.okText),
|
|
cancelTextLocale: i || (null == m ? void 0 : m.cancelText),
|
|
okType: a,
|
|
onOk: s,
|
|
onCancel: c,
|
|
},
|
|
g = o.default.useMemo(() => p, (0, n.default)(Object.values(p)));
|
|
return (
|
|
"function" == typeof f || void 0 === f
|
|
? ((t = o.default.createElement(
|
|
o.default.Fragment,
|
|
null,
|
|
o.default.createElement(Q, null),
|
|
o.default.createElement(J, null),
|
|
)),
|
|
"function" == typeof f && (t = f(t, { OkBtn: J, CancelBtn: Q })),
|
|
(t = o.default.createElement(
|
|
_.ModalContextProvider,
|
|
{ value: g },
|
|
t,
|
|
)))
|
|
: (t = f),
|
|
o.default.createElement(
|
|
V.DisabledContextProvider,
|
|
{ disabled: !1 },
|
|
t,
|
|
)
|
|
);
|
|
},
|
|
en = (e, t) =>
|
|
((e, t) => {
|
|
let { prefixCls: r, componentCls: n, gridColumns: o } = e,
|
|
a = {};
|
|
for (let e = o; e >= 0; e--)
|
|
0 === e
|
|
? ((a[`${n}${t}-${e}`] = { display: "none" }),
|
|
(a[`${n}-push-${e}`] = { insetInlineStart: "auto" }),
|
|
(a[`${n}-pull-${e}`] = { insetInlineEnd: "auto" }),
|
|
(a[`${n}${t}-push-${e}`] = { insetInlineStart: "auto" }),
|
|
(a[`${n}${t}-pull-${e}`] = { insetInlineEnd: "auto" }),
|
|
(a[`${n}${t}-offset-${e}`] = { marginInlineStart: 0 }),
|
|
(a[`${n}${t}-order-${e}`] = { order: 0 }))
|
|
: ((a[`${n}${t}-${e}`] = [
|
|
{ "--ant-display": "block", display: "block" },
|
|
{
|
|
display: "var(--ant-display)",
|
|
flex: `0 0 ${(e / o) * 100}%`,
|
|
maxWidth: `${(e / o) * 100}%`,
|
|
},
|
|
]),
|
|
(a[`${n}${t}-push-${e}`] = {
|
|
insetInlineStart: `${(e / o) * 100}%`,
|
|
}),
|
|
(a[`${n}${t}-pull-${e}`] = {
|
|
insetInlineEnd: `${(e / o) * 100}%`,
|
|
}),
|
|
(a[`${n}${t}-offset-${e}`] = {
|
|
marginInlineStart: `${(e / o) * 100}%`,
|
|
}),
|
|
(a[`${n}${t}-order-${e}`] = { order: e }));
|
|
return (a[`${n}${t}-flex`] = { flex: `var(--${r}${t}-flex)` }), a;
|
|
})(e, t);
|
|
(0, O.genStyleHooks)(
|
|
"Grid",
|
|
(e) => {
|
|
let { componentCls: t } = e;
|
|
return {
|
|
[t]: {
|
|
display: "flex",
|
|
flexFlow: "row wrap",
|
|
minWidth: 0,
|
|
"&::before, &::after": { display: "flex" },
|
|
"&-no-wrap": { flexWrap: "nowrap" },
|
|
"&-start": { justifyContent: "flex-start" },
|
|
"&-center": { justifyContent: "center" },
|
|
"&-end": { justifyContent: "flex-end" },
|
|
"&-space-between": { justifyContent: "space-between" },
|
|
"&-space-around": { justifyContent: "space-around" },
|
|
"&-space-evenly": { justifyContent: "space-evenly" },
|
|
"&-top": { alignItems: "flex-start" },
|
|
"&-middle": { alignItems: "center" },
|
|
"&-bottom": { alignItems: "flex-end" },
|
|
},
|
|
};
|
|
},
|
|
() => ({}),
|
|
);
|
|
let eo = (e) => ({
|
|
xs: e.screenXSMin,
|
|
sm: e.screenSMMin,
|
|
md: e.screenMDMin,
|
|
lg: e.screenLGMin,
|
|
xl: e.screenXLMin,
|
|
xxl: e.screenXXLMin,
|
|
});
|
|
(0, O.genStyleHooks)(
|
|
"Grid",
|
|
(e) => {
|
|
let t = (0, T.mergeToken)(e, { gridColumns: 24 }),
|
|
r = eo(t);
|
|
return (
|
|
delete r.xs,
|
|
[
|
|
((e) => {
|
|
let { componentCls: t } = e;
|
|
return {
|
|
[t]: { position: "relative", maxWidth: "100%", minHeight: 1 },
|
|
};
|
|
})(t),
|
|
en(t, ""),
|
|
en(t, "-xs"),
|
|
Object.keys(r)
|
|
.map((e) => {
|
|
let n, o;
|
|
return (
|
|
(n = r[e]),
|
|
(o = `-${e}`),
|
|
{
|
|
[`@media (min-width: ${(0, $.unit)(n)})`]: Object.assign(
|
|
{},
|
|
en(t, o),
|
|
),
|
|
}
|
|
);
|
|
})
|
|
.reduce((e, t) => Object.assign(Object.assign({}, e), t), {}),
|
|
]
|
|
);
|
|
},
|
|
() => ({}),
|
|
);
|
|
var ea = e.i(817856),
|
|
ei = e.i(254784);
|
|
let el = new N.Keyframes("antFadeIn", {
|
|
"0%": { opacity: 0 },
|
|
"100%": { opacity: 1 },
|
|
}),
|
|
es = new N.Keyframes("antFadeOut", {
|
|
"0%": { opacity: 1 },
|
|
"100%": { opacity: 0 },
|
|
});
|
|
var ec = e.i(379347);
|
|
function eu(e) {
|
|
return { position: e, inset: 0 };
|
|
}
|
|
let ed = (e) => {
|
|
let t = e.padding,
|
|
r = e.fontSizeHeading5,
|
|
n = e.lineHeightHeading5;
|
|
return (0, T.mergeToken)(e, {
|
|
modalHeaderHeight: e
|
|
.calc(e.calc(n).mul(r).equal())
|
|
.add(e.calc(t).mul(2).equal())
|
|
.equal(),
|
|
modalFooterBorderColorSplit: e.colorSplit,
|
|
modalFooterBorderStyle: e.lineType,
|
|
modalFooterBorderWidth: e.lineWidth,
|
|
modalCloseIconColor: e.colorIcon,
|
|
modalCloseIconHoverColor: e.colorIconHover,
|
|
modalCloseBtnSize: e.controlHeight,
|
|
modalConfirmIconSize: e.fontHeight,
|
|
modalTitleHeight: e
|
|
.calc(e.titleFontSize)
|
|
.mul(e.titleLineHeight)
|
|
.equal(),
|
|
});
|
|
},
|
|
ef = (e) => ({
|
|
footerBg: "transparent",
|
|
headerBg: e.colorBgElevated,
|
|
titleLineHeight: e.lineHeightHeading5,
|
|
titleFontSize: e.fontSizeHeading5,
|
|
contentBg: e.colorBgElevated,
|
|
titleColor: e.colorTextHeading,
|
|
contentPadding: e.wireframe
|
|
? 0
|
|
: `${(0, $.unit)(e.paddingMD)} ${(0, $.unit)(e.paddingContentHorizontalLG)}`,
|
|
headerPadding: e.wireframe
|
|
? `${(0, $.unit)(e.padding)} ${(0, $.unit)(e.paddingLG)}`
|
|
: 0,
|
|
headerBorderBottom: e.wireframe
|
|
? `${(0, $.unit)(e.lineWidth)} ${e.lineType} ${e.colorSplit}`
|
|
: "none",
|
|
headerMarginBottom: e.wireframe ? 0 : e.marginXS,
|
|
bodyPadding: e.wireframe ? e.paddingLG : 0,
|
|
footerPadding: e.wireframe
|
|
? `${(0, $.unit)(e.paddingXS)} ${(0, $.unit)(e.padding)}`
|
|
: 0,
|
|
footerBorderTop: e.wireframe
|
|
? `${(0, $.unit)(e.lineWidth)} ${e.lineType} ${e.colorSplit}`
|
|
: "none",
|
|
footerBorderRadius: e.wireframe
|
|
? `0 0 ${(0, $.unit)(e.borderRadiusLG)} ${(0, $.unit)(e.borderRadiusLG)}`
|
|
: 0,
|
|
footerMarginTop: e.wireframe ? 0 : e.marginSM,
|
|
confirmBodyPadding: e.wireframe
|
|
? `${(0, $.unit)(2 * e.padding)} ${(0, $.unit)(2 * e.padding)} ${(0, $.unit)(e.paddingLG)}`
|
|
: 0,
|
|
confirmIconMarginInlineEnd: e.wireframe ? e.margin : e.marginSM,
|
|
confirmBtnsMarginTop: e.wireframe ? e.marginLG : e.marginSM,
|
|
}),
|
|
em = (0, O.genStyleHooks)(
|
|
"Modal",
|
|
(e) => {
|
|
let t = ed(e);
|
|
return [
|
|
((e) => {
|
|
let { componentCls: t } = e;
|
|
return [
|
|
{
|
|
[`${t}-root`]: {
|
|
[`${t}-wrap-rtl`]: { direction: "rtl" },
|
|
[`${t}-centered`]: {
|
|
textAlign: "center",
|
|
"&::before": {
|
|
display: "inline-block",
|
|
width: 0,
|
|
height: "100%",
|
|
verticalAlign: "middle",
|
|
content: '""',
|
|
},
|
|
[t]: {
|
|
top: 0,
|
|
display: "inline-block",
|
|
paddingBottom: 0,
|
|
textAlign: "start",
|
|
verticalAlign: "middle",
|
|
},
|
|
},
|
|
[`@media (max-width: ${e.screenSMMax}px)`]: {
|
|
[t]: {
|
|
maxWidth: "calc(100vw - 16px)",
|
|
margin: `${(0, $.unit)(e.marginXS)} auto`,
|
|
},
|
|
[`${t}-centered`]: { [t]: { flex: 1 } },
|
|
},
|
|
},
|
|
},
|
|
{
|
|
[t]: Object.assign(
|
|
Object.assign({}, (0, ea.resetComponent)(e)),
|
|
{
|
|
pointerEvents: "none",
|
|
position: "relative",
|
|
top: 100,
|
|
width: "auto",
|
|
maxWidth: `calc(100vw - ${(0, $.unit)(e.calc(e.margin).mul(2).equal())})`,
|
|
margin: "0 auto",
|
|
paddingBottom: e.paddingLG,
|
|
[`${t}-title`]: {
|
|
margin: 0,
|
|
color: e.titleColor,
|
|
fontWeight: e.fontWeightStrong,
|
|
fontSize: e.titleFontSize,
|
|
lineHeight: e.titleLineHeight,
|
|
wordWrap: "break-word",
|
|
},
|
|
[`${t}-content`]: {
|
|
position: "relative",
|
|
backgroundColor: e.contentBg,
|
|
backgroundClip: "padding-box",
|
|
border: 0,
|
|
borderRadius: e.borderRadiusLG,
|
|
boxShadow: e.boxShadow,
|
|
pointerEvents: "auto",
|
|
padding: e.contentPadding,
|
|
},
|
|
[`${t}-close`]: Object.assign(
|
|
{
|
|
position: "absolute",
|
|
top: e
|
|
.calc(e.modalHeaderHeight)
|
|
.sub(e.modalCloseBtnSize)
|
|
.div(2)
|
|
.equal(),
|
|
insetInlineEnd: e
|
|
.calc(e.modalHeaderHeight)
|
|
.sub(e.modalCloseBtnSize)
|
|
.div(2)
|
|
.equal(),
|
|
zIndex: e.calc(e.zIndexPopupBase).add(10).equal(),
|
|
padding: 0,
|
|
color: e.modalCloseIconColor,
|
|
fontWeight: e.fontWeightStrong,
|
|
lineHeight: 1,
|
|
textDecoration: "none",
|
|
background: "transparent",
|
|
borderRadius: e.borderRadiusSM,
|
|
width: e.modalCloseBtnSize,
|
|
height: e.modalCloseBtnSize,
|
|
border: 0,
|
|
outline: 0,
|
|
cursor: "pointer",
|
|
transition: `color ${e.motionDurationMid}, background-color ${e.motionDurationMid}`,
|
|
"&-x": {
|
|
display: "flex",
|
|
fontSize: e.fontSizeLG,
|
|
fontStyle: "normal",
|
|
lineHeight: (0, $.unit)(e.modalCloseBtnSize),
|
|
justifyContent: "center",
|
|
textTransform: "none",
|
|
textRendering: "auto",
|
|
},
|
|
"&:disabled": { pointerEvents: "none" },
|
|
"&:hover": {
|
|
color: e.modalCloseIconHoverColor,
|
|
backgroundColor: e.colorBgTextHover,
|
|
textDecoration: "none",
|
|
},
|
|
"&:active": { backgroundColor: e.colorBgTextActive },
|
|
},
|
|
(0, ea.genFocusStyle)(e),
|
|
),
|
|
[`${t}-header`]: {
|
|
color: e.colorText,
|
|
background: e.headerBg,
|
|
borderRadius: `${(0, $.unit)(e.borderRadiusLG)} ${(0, $.unit)(e.borderRadiusLG)} 0 0`,
|
|
marginBottom: e.headerMarginBottom,
|
|
padding: e.headerPadding,
|
|
borderBottom: e.headerBorderBottom,
|
|
},
|
|
[`${t}-body`]: {
|
|
fontSize: e.fontSize,
|
|
lineHeight: e.lineHeight,
|
|
wordWrap: "break-word",
|
|
padding: e.bodyPadding,
|
|
[`${t}-body-skeleton`]: {
|
|
width: "100%",
|
|
height: "100%",
|
|
display: "flex",
|
|
justifyContent: "center",
|
|
alignItems: "center",
|
|
margin: `${(0, $.unit)(e.margin)} auto`,
|
|
},
|
|
},
|
|
[`${t}-footer`]: {
|
|
textAlign: "end",
|
|
background: e.footerBg,
|
|
marginTop: e.footerMarginTop,
|
|
padding: e.footerPadding,
|
|
borderTop: e.footerBorderTop,
|
|
borderRadius: e.footerBorderRadius,
|
|
[`> ${e.antCls}-btn + ${e.antCls}-btn`]: {
|
|
marginInlineStart: e.marginXS,
|
|
},
|
|
},
|
|
[`${t}-open`]: { overflow: "hidden" },
|
|
},
|
|
),
|
|
},
|
|
{
|
|
[`${t}-pure-panel`]: {
|
|
top: "auto",
|
|
padding: 0,
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
[`${t}-content,
|
|
${t}-body,
|
|
${t}-confirm-body-wrapper`]: {
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
flex: "auto",
|
|
},
|
|
[`${t}-confirm-body`]: { marginBottom: "auto" },
|
|
},
|
|
},
|
|
];
|
|
})(t),
|
|
((e) => {
|
|
let { componentCls: t } = e;
|
|
return {
|
|
[`${t}-root`]: {
|
|
[`${t}-wrap-rtl`]: {
|
|
direction: "rtl",
|
|
[`${t}-confirm-body`]: { direction: "rtl" },
|
|
},
|
|
},
|
|
};
|
|
})(t),
|
|
((e) => {
|
|
let { componentCls: t, antCls: r } = e;
|
|
return [
|
|
{
|
|
[`${t}-root`]: {
|
|
[`${t}${r}-zoom-enter, ${t}${r}-zoom-appear`]: {
|
|
transform: "none",
|
|
opacity: 0,
|
|
animationDuration: e.motionDurationSlow,
|
|
userSelect: "none",
|
|
},
|
|
[`${t}${r}-zoom-leave ${t}-content`]: {
|
|
pointerEvents: "none",
|
|
},
|
|
[`${t}-mask`]: Object.assign(
|
|
Object.assign({}, eu("fixed")),
|
|
{
|
|
zIndex: e.zIndexPopupBase,
|
|
height: "100%",
|
|
backgroundColor: e.colorBgMask,
|
|
pointerEvents: "none",
|
|
[`${t}-hidden`]: { display: "none" },
|
|
},
|
|
),
|
|
[`${t}-wrap`]: Object.assign(
|
|
Object.assign({}, eu("fixed")),
|
|
{
|
|
zIndex: e.zIndexPopupBase,
|
|
overflow: "auto",
|
|
outline: 0,
|
|
WebkitOverflowScrolling: "touch",
|
|
},
|
|
),
|
|
},
|
|
},
|
|
{
|
|
[`${t}-root`]: ((e, t = !1) => {
|
|
let { antCls: r } = e,
|
|
n = `${r}-fade`,
|
|
o = t ? "&" : "";
|
|
return [
|
|
(0, ei.initMotion)(n, el, es, e.motionDurationMid, t),
|
|
{
|
|
[`
|
|
${o}${n}-enter,
|
|
${o}${n}-appear
|
|
`]: { opacity: 0, animationTimingFunction: "linear" },
|
|
[`${o}${n}-leave`]: {
|
|
animationTimingFunction: "linear",
|
|
},
|
|
},
|
|
];
|
|
})(e),
|
|
},
|
|
];
|
|
})(t),
|
|
(0, ec.initZoomMotion)(t, "zoom"),
|
|
((e) => {
|
|
let { componentCls: t } = e,
|
|
r = eo(e),
|
|
o = Object.assign({}, r);
|
|
delete o.xs;
|
|
let a = `--${t.replace(".", "")}-`,
|
|
i = Object.keys(o).map((e) => ({
|
|
[`@media (min-width: ${(0, $.unit)(o[e])})`]: {
|
|
width: `var(${a}${e}-width)`,
|
|
},
|
|
}));
|
|
return {
|
|
[`${t}-root`]: {
|
|
[t]: [].concat(
|
|
(0, n.default)(
|
|
Object.keys(r).map((e, t) => {
|
|
let n = Object.keys(r)[t - 1];
|
|
return n
|
|
? { [`${a}${e}-width`]: `var(${a}${n}-width)` }
|
|
: null;
|
|
}),
|
|
),
|
|
[{ width: `var(${a}xs-width)` }],
|
|
(0, n.default)(i),
|
|
),
|
|
},
|
|
};
|
|
})(t),
|
|
];
|
|
},
|
|
ef,
|
|
{ unitless: { titleLineHeight: !0 } },
|
|
);
|
|
var ep = function (e, t) {
|
|
var r = {};
|
|
for (var n in e)
|
|
Object.prototype.hasOwnProperty.call(e, n) &&
|
|
0 > t.indexOf(n) &&
|
|
(r[n] = e[n]);
|
|
if (null != e && "function" == typeof Object.getOwnPropertySymbols)
|
|
for (var o = 0, n = Object.getOwnPropertySymbols(e); o < n.length; o++)
|
|
0 > t.indexOf(n[o]) &&
|
|
Object.prototype.propertyIsEnumerable.call(e, n[o]) &&
|
|
(r[n[o]] = e[n[o]]);
|
|
return r;
|
|
};
|
|
(0, w.canUseDocElement)() &&
|
|
document.documentElement.addEventListener(
|
|
"click",
|
|
(e) => {
|
|
(t = { x: e.pageX, y: e.pageY }),
|
|
setTimeout(() => {
|
|
t = null;
|
|
}, 100);
|
|
},
|
|
!0,
|
|
);
|
|
let eh = (e) => {
|
|
var r;
|
|
let n,
|
|
a,
|
|
{
|
|
prefixCls: l,
|
|
className: s,
|
|
rootClassName: c,
|
|
open: u,
|
|
wrapClassName: d,
|
|
centered: h,
|
|
getContainer: g,
|
|
focusTriggerAfterClose: b = !0,
|
|
style: v,
|
|
visible: _,
|
|
width: w = 520,
|
|
footer: P,
|
|
classNames: R,
|
|
styles: N,
|
|
children: $,
|
|
loading: O,
|
|
confirmLoading: T,
|
|
zIndex: M,
|
|
mousePosition: I,
|
|
onOk: A,
|
|
onCancel: L,
|
|
destroyOnHidden: B,
|
|
destroyOnClose: D,
|
|
panelRef: H = null,
|
|
} = e,
|
|
z = ep(e, [
|
|
"prefixCls",
|
|
"className",
|
|
"rootClassName",
|
|
"open",
|
|
"wrapClassName",
|
|
"centered",
|
|
"getContainer",
|
|
"focusTriggerAfterClose",
|
|
"style",
|
|
"visible",
|
|
"width",
|
|
"footer",
|
|
"classNames",
|
|
"styles",
|
|
"children",
|
|
"loading",
|
|
"confirmLoading",
|
|
"zIndex",
|
|
"mousePosition",
|
|
"onOk",
|
|
"onCancel",
|
|
"destroyOnHidden",
|
|
"destroyOnClose",
|
|
"panelRef",
|
|
]),
|
|
{
|
|
getPopupContainer: W,
|
|
getPrefixCls: F,
|
|
direction: U,
|
|
modal: X,
|
|
} = o.useContext(i.ConfigContext),
|
|
V = (e) => {
|
|
T || null == L || L(e);
|
|
},
|
|
Y = F("modal", l),
|
|
Q = F(),
|
|
Z = (0, j.default)(Y),
|
|
[J, ee, en] = em(Y, Z),
|
|
eo = (0, f.default)(d, {
|
|
[`${Y}-centered`]: null != h ? h : null == X ? void 0 : X.centered,
|
|
[`${Y}-wrap-rtl`]: "rtl" === U,
|
|
}),
|
|
ea =
|
|
null === P || O
|
|
? null
|
|
: o.createElement(
|
|
er,
|
|
Object.assign({}, e, {
|
|
onOk: (e) => {
|
|
null == A || A(e);
|
|
},
|
|
onCancel: V,
|
|
}),
|
|
),
|
|
[ei, el, es, ec] = (0, S.default)(
|
|
(0, S.pickClosable)(e),
|
|
(0, S.pickClosable)(X),
|
|
{
|
|
closable: !0,
|
|
closeIcon: o.createElement(y.default, {
|
|
className: `${Y}-close-icon`,
|
|
}),
|
|
closeIconRender: (e) => et(Y, e),
|
|
},
|
|
),
|
|
eu =
|
|
((r = `.${Y}-content`),
|
|
(n = o.useContext(K)),
|
|
(a = o.useRef(null)),
|
|
(0, q.default)((e) => {
|
|
if (e) {
|
|
let t = r ? e.querySelector(r) : e;
|
|
n.add(t), (a.current = t);
|
|
} else n.remove(a.current);
|
|
})),
|
|
ed = (0, C.composeRef)(H, eu),
|
|
[ef, eh] = (0, m.useZIndex)("Modal", M),
|
|
[eg, eb] = o.useMemo(
|
|
() => (w && "object" == typeof w ? [void 0, w] : [w, void 0]),
|
|
[w],
|
|
),
|
|
ev = o.useMemo(() => {
|
|
let e = {};
|
|
return (
|
|
eb &&
|
|
Object.keys(eb).forEach((t) => {
|
|
let r = eb[t];
|
|
void 0 !== r &&
|
|
(e[`--${Y}-${t}-width`] =
|
|
"number" == typeof r ? `${r}px` : r);
|
|
}),
|
|
e
|
|
);
|
|
}, [eb]);
|
|
return J(
|
|
o.createElement(
|
|
E.default,
|
|
{ form: !0, space: !0 },
|
|
o.createElement(
|
|
k.default.Provider,
|
|
{ value: eh },
|
|
o.createElement(
|
|
x.default,
|
|
Object.assign({ width: eg }, z, {
|
|
zIndex: ef,
|
|
getContainer: void 0 === g ? W : g,
|
|
prefixCls: Y,
|
|
rootClassName: (0, f.default)(ee, c, en, Z),
|
|
footer: ea,
|
|
visible: null != u ? u : _,
|
|
mousePosition: null != I ? I : t,
|
|
onClose: V,
|
|
closable: ei
|
|
? Object.assign({ disabled: es, closeIcon: el }, ec)
|
|
: ei,
|
|
closeIcon: el,
|
|
focusTriggerAfterClose: b,
|
|
transitionName: (0, p.getTransitionName)(
|
|
Q,
|
|
"zoom",
|
|
e.transitionName,
|
|
),
|
|
maskTransitionName: (0, p.getTransitionName)(
|
|
Q,
|
|
"fade",
|
|
e.maskTransitionName,
|
|
),
|
|
className: (0, f.default)(
|
|
ee,
|
|
s,
|
|
null == X ? void 0 : X.className,
|
|
),
|
|
style: Object.assign(
|
|
Object.assign(
|
|
Object.assign({}, null == X ? void 0 : X.style),
|
|
v,
|
|
),
|
|
ev,
|
|
),
|
|
classNames: Object.assign(
|
|
Object.assign(
|
|
Object.assign({}, null == X ? void 0 : X.classNames),
|
|
R,
|
|
),
|
|
{
|
|
wrapper: (0, f.default)(
|
|
eo,
|
|
null == R ? void 0 : R.wrapper,
|
|
),
|
|
},
|
|
),
|
|
styles: Object.assign(
|
|
Object.assign({}, null == X ? void 0 : X.styles),
|
|
N,
|
|
),
|
|
panelRef: ed,
|
|
destroyOnClose: null != B ? B : D,
|
|
}),
|
|
O
|
|
? o.createElement(G, {
|
|
active: !0,
|
|
title: !1,
|
|
paragraph: { rows: 4 },
|
|
className: `${Y}-body-skeleton`,
|
|
})
|
|
: $,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
eg = (0, O.genSubStyleComponent)(
|
|
["Modal", "confirm"],
|
|
(e) =>
|
|
((e) => {
|
|
let {
|
|
componentCls: t,
|
|
titleFontSize: r,
|
|
titleLineHeight: n,
|
|
modalConfirmIconSize: o,
|
|
fontSize: a,
|
|
lineHeight: i,
|
|
modalTitleHeight: l,
|
|
fontHeight: s,
|
|
confirmBodyPadding: c,
|
|
} = e,
|
|
u = `${t}-confirm`;
|
|
return {
|
|
[u]: {
|
|
"&-rtl": { direction: "rtl" },
|
|
[`${e.antCls}-modal-header`]: { display: "none" },
|
|
[`${u}-body-wrapper`]: Object.assign({}, (0, ea.clearFix)()),
|
|
[`&${t} ${t}-body`]: { padding: c },
|
|
[`${u}-body`]: {
|
|
display: "flex",
|
|
flexWrap: "nowrap",
|
|
alignItems: "start",
|
|
[`> ${e.iconCls}`]: {
|
|
flex: "none",
|
|
fontSize: o,
|
|
marginInlineEnd: e.confirmIconMarginInlineEnd,
|
|
marginTop: e.calc(e.calc(s).sub(o).equal()).div(2).equal(),
|
|
},
|
|
[`&-has-title > ${e.iconCls}`]: {
|
|
marginTop: e.calc(e.calc(l).sub(o).equal()).div(2).equal(),
|
|
},
|
|
},
|
|
[`${u}-paragraph`]: {
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
flex: "auto",
|
|
rowGap: e.marginXS,
|
|
maxWidth: `calc(100% - ${(0, $.unit)(e.marginSM)})`,
|
|
},
|
|
[`${e.iconCls} + ${u}-paragraph`]: {
|
|
maxWidth: `calc(100% - ${(0, $.unit)(e.calc(e.modalConfirmIconSize).add(e.marginSM).equal())})`,
|
|
},
|
|
[`${u}-title`]: {
|
|
color: e.colorTextHeading,
|
|
fontWeight: e.fontWeightStrong,
|
|
fontSize: r,
|
|
lineHeight: n,
|
|
},
|
|
[`${u}-content`]: {
|
|
color: e.colorText,
|
|
fontSize: a,
|
|
lineHeight: i,
|
|
},
|
|
[`${u}-btns`]: {
|
|
textAlign: "end",
|
|
marginTop: e.confirmBtnsMarginTop,
|
|
[`${e.antCls}-btn + ${e.antCls}-btn`]: {
|
|
marginBottom: 0,
|
|
marginInlineStart: e.marginXS,
|
|
},
|
|
},
|
|
},
|
|
[`${u}-error ${u}-body > ${e.iconCls}`]: { color: e.colorError },
|
|
[`${u}-warning ${u}-body > ${e.iconCls},
|
|
${u}-confirm ${u}-body > ${e.iconCls}`]: { color: e.colorWarning },
|
|
[`${u}-info ${u}-body > ${e.iconCls}`]: { color: e.colorInfo },
|
|
[`${u}-success ${u}-body > ${e.iconCls}`]: {
|
|
color: e.colorSuccess,
|
|
},
|
|
};
|
|
})(ed(e)),
|
|
ef,
|
|
{ order: -1e3 },
|
|
);
|
|
var eb = function (e, t) {
|
|
var r = {};
|
|
for (var n in e)
|
|
Object.prototype.hasOwnProperty.call(e, n) &&
|
|
0 > t.indexOf(n) &&
|
|
(r[n] = e[n]);
|
|
if (null != e && "function" == typeof Object.getOwnPropertySymbols)
|
|
for (var o = 0, n = Object.getOwnPropertySymbols(e); o < n.length; o++)
|
|
0 > t.indexOf(n[o]) &&
|
|
Object.prototype.propertyIsEnumerable.call(e, n[o]) &&
|
|
(r[n[o]] = e[n[o]]);
|
|
return r;
|
|
};
|
|
function ev(e) {
|
|
let {
|
|
prefixCls: t,
|
|
icon: r,
|
|
okText: a,
|
|
cancelText: i,
|
|
confirmPrefixCls: l,
|
|
type: m,
|
|
okCancel: p,
|
|
footer: g,
|
|
locale: y,
|
|
} = e,
|
|
x = eb(e, [
|
|
"prefixCls",
|
|
"icon",
|
|
"okText",
|
|
"cancelText",
|
|
"confirmPrefixCls",
|
|
"type",
|
|
"okCancel",
|
|
"footer",
|
|
"locale",
|
|
]),
|
|
C = r;
|
|
if (!r && null !== r)
|
|
switch (m) {
|
|
case "info":
|
|
C = o.createElement(d.default, null);
|
|
break;
|
|
case "success":
|
|
C = o.createElement(s.default, null);
|
|
break;
|
|
case "error":
|
|
C = o.createElement(c.default, null);
|
|
break;
|
|
default:
|
|
C = o.createElement(u.default, null);
|
|
}
|
|
let E = null != p ? p : "confirm" === m,
|
|
S = null !== e.autoFocusButton && (e.autoFocusButton || "ok"),
|
|
[w] = (0, h.useLocale)("Modal"),
|
|
k = y || w,
|
|
j =
|
|
a ||
|
|
(E
|
|
? null == k
|
|
? void 0
|
|
: k.okText
|
|
: null == k
|
|
? void 0
|
|
: k.justOkText),
|
|
P = Object.assign(
|
|
{
|
|
autoFocusButton: S,
|
|
cancelTextLocale: i || (null == k ? void 0 : k.cancelText),
|
|
okTextLocale: j,
|
|
mergedOkCancel: E,
|
|
},
|
|
x,
|
|
),
|
|
R = o.useMemo(() => P, (0, n.default)(Object.values(P))),
|
|
N = o.createElement(
|
|
o.Fragment,
|
|
null,
|
|
o.createElement(b.default, null),
|
|
o.createElement(v.default, null),
|
|
),
|
|
$ = void 0 !== e.title && null !== e.title,
|
|
O = `${l}-body`;
|
|
return o.createElement(
|
|
"div",
|
|
{ className: `${l}-body-wrapper` },
|
|
o.createElement(
|
|
"div",
|
|
{ className: (0, f.default)(O, { [`${O}-has-title`]: $ }) },
|
|
C,
|
|
o.createElement(
|
|
"div",
|
|
{ className: `${l}-paragraph` },
|
|
$ && o.createElement("span", { className: `${l}-title` }, e.title),
|
|
o.createElement("div", { className: `${l}-content` }, e.content),
|
|
),
|
|
),
|
|
void 0 === g || "function" == typeof g
|
|
? o.createElement(
|
|
_.ModalContextProvider,
|
|
{ value: R },
|
|
o.createElement(
|
|
"div",
|
|
{ className: `${l}-btns` },
|
|
"function" == typeof g
|
|
? g(N, { OkBtn: v.default, CancelBtn: b.default })
|
|
: N,
|
|
),
|
|
)
|
|
: g,
|
|
o.createElement(eg, { prefixCls: t }),
|
|
);
|
|
}
|
|
let e_ = (e) => {
|
|
let {
|
|
close: t,
|
|
zIndex: r,
|
|
maskStyle: n,
|
|
direction: a,
|
|
prefixCls: i,
|
|
wrapClassName: l,
|
|
rootPrefixCls: s,
|
|
bodyStyle: c,
|
|
closable: u = !1,
|
|
onConfirm: d,
|
|
styles: h,
|
|
title: b,
|
|
} = e,
|
|
v = `${i}-confirm`,
|
|
_ = e.width || 416,
|
|
y = e.style || {},
|
|
x = void 0 === e.mask || e.mask,
|
|
C = void 0 !== e.maskClosable && e.maskClosable,
|
|
E = (0, f.default)(
|
|
v,
|
|
`${v}-${e.type}`,
|
|
{ [`${v}-rtl`]: "rtl" === a },
|
|
e.className,
|
|
),
|
|
[, S] = (0, g.default)(),
|
|
w = o.useMemo(
|
|
() =>
|
|
void 0 !== r ? r : S.zIndexPopupBase + m.CONTAINER_MAX_OFFSET,
|
|
[r, S],
|
|
);
|
|
return o.createElement(
|
|
eh,
|
|
Object.assign({}, e, {
|
|
className: E,
|
|
wrapClassName: (0, f.default)(
|
|
{ [`${v}-centered`]: !!e.centered },
|
|
l,
|
|
),
|
|
onCancel: () => {
|
|
null == t || t({ triggerCancel: !0 }), null == d || d(!1);
|
|
},
|
|
title: b,
|
|
footer: null,
|
|
transitionName: (0, p.getTransitionName)(
|
|
s || "",
|
|
"zoom",
|
|
e.transitionName,
|
|
),
|
|
maskTransitionName: (0, p.getTransitionName)(
|
|
s || "",
|
|
"fade",
|
|
e.maskTransitionName,
|
|
),
|
|
mask: x,
|
|
maskClosable: C,
|
|
style: y,
|
|
styles: Object.assign({ body: c, mask: n }, h),
|
|
width: _,
|
|
zIndex: w,
|
|
closable: u,
|
|
}),
|
|
o.createElement(ev, Object.assign({}, e, { confirmPrefixCls: v })),
|
|
);
|
|
},
|
|
ey = (e) => {
|
|
let { rootPrefixCls: t, iconPrefixCls: r, direction: n, theme: i } = e;
|
|
return o.createElement(
|
|
a.default,
|
|
{ prefixCls: t, iconPrefixCls: r, direction: n, theme: i },
|
|
o.createElement(e_, Object.assign({}, e)),
|
|
);
|
|
},
|
|
ex = [],
|
|
eC = "",
|
|
eE = (e) => {
|
|
var t, r;
|
|
let { prefixCls: n, getContainer: a, direction: l } = e,
|
|
s = (0, ee.getConfirmLocale)(),
|
|
c = (0, o.useContext)(i.ConfigContext),
|
|
u = eC || c.getPrefixCls(),
|
|
d = n || `${u}-modal`,
|
|
f = a;
|
|
return (
|
|
!1 === f && (f = void 0),
|
|
o.default.createElement(
|
|
ey,
|
|
Object.assign({}, e, {
|
|
rootPrefixCls: u,
|
|
prefixCls: d,
|
|
iconPrefixCls: c.iconPrefixCls,
|
|
theme: c.theme,
|
|
direction: null != l ? l : c.direction,
|
|
locale:
|
|
null != (r = null == (t = c.locale) ? void 0 : t.Modal) ? r : s,
|
|
getContainer: f,
|
|
}),
|
|
)
|
|
);
|
|
};
|
|
function eS(e) {
|
|
let t,
|
|
r,
|
|
i = (0, a.globalConfig)(),
|
|
s = document.createDocumentFragment(),
|
|
c = Object.assign(Object.assign({}, e), { close: f, open: !0 });
|
|
function u(...t) {
|
|
var o;
|
|
t.some((e) => (null == e ? void 0 : e.triggerCancel)) &&
|
|
(null == (o = e.onCancel) ||
|
|
o.call.apply(o, [e, () => {}].concat((0, n.default)(t.slice(1)))));
|
|
for (let e = 0; e < ex.length; e++)
|
|
if (ex[e] === f) {
|
|
ex.splice(e, 1);
|
|
break;
|
|
}
|
|
r();
|
|
}
|
|
function d(e) {
|
|
clearTimeout(t),
|
|
(t = setTimeout(() => {
|
|
let t = i.getPrefixCls(void 0, eC),
|
|
n = i.getIconPrefixCls(),
|
|
c = i.getTheme(),
|
|
u = o.default.createElement(eE, Object.assign({}, e));
|
|
r = (0, l.unstableSetRender)()(
|
|
o.default.createElement(
|
|
a.default,
|
|
{ prefixCls: t, iconPrefixCls: n, theme: c },
|
|
i.holderRender ? i.holderRender(u) : u,
|
|
),
|
|
s,
|
|
);
|
|
}));
|
|
}
|
|
function f(...t) {
|
|
(c = Object.assign(Object.assign({}, c), {
|
|
open: !1,
|
|
afterClose: () => {
|
|
"function" == typeof e.afterClose && e.afterClose(),
|
|
u.apply(this, t);
|
|
},
|
|
})).visible && delete c.visible,
|
|
d(c);
|
|
}
|
|
return (
|
|
d(c),
|
|
ex.push(f),
|
|
{
|
|
destroy: f,
|
|
update: function (e) {
|
|
d(
|
|
(c =
|
|
"function" == typeof e
|
|
? e(c)
|
|
: Object.assign(Object.assign({}, c), e)),
|
|
);
|
|
},
|
|
}
|
|
);
|
|
}
|
|
function ew(e) {
|
|
return Object.assign(Object.assign({}, e), { type: "warning" });
|
|
}
|
|
function ek(e) {
|
|
return Object.assign(Object.assign({}, e), { type: "info" });
|
|
}
|
|
function ej(e) {
|
|
return Object.assign(Object.assign({}, e), { type: "success" });
|
|
}
|
|
function eP(e) {
|
|
return Object.assign(Object.assign({}, e), { type: "error" });
|
|
}
|
|
function eR(e) {
|
|
return Object.assign(Object.assign({}, e), { type: "confirm" });
|
|
}
|
|
var eN = e.i(275496),
|
|
eN = eN;
|
|
e.i(549195);
|
|
var e$ = function (e, t) {
|
|
var r = {};
|
|
for (var n in e)
|
|
Object.prototype.hasOwnProperty.call(e, n) &&
|
|
0 > t.indexOf(n) &&
|
|
(r[n] = e[n]);
|
|
if (null != e && "function" == typeof Object.getOwnPropertySymbols)
|
|
for (var o = 0, n = Object.getOwnPropertySymbols(e); o < n.length; o++)
|
|
0 > t.indexOf(n[o]) &&
|
|
Object.prototype.propertyIsEnumerable.call(e, n[o]) &&
|
|
(r[n[o]] = e[n[o]]);
|
|
return r;
|
|
};
|
|
let eO =
|
|
((r = (e) => {
|
|
let {
|
|
prefixCls: t,
|
|
className: r,
|
|
closeIcon: n,
|
|
closable: a,
|
|
type: l,
|
|
title: s,
|
|
children: c,
|
|
footer: u,
|
|
} = e,
|
|
d = e$(e, [
|
|
"prefixCls",
|
|
"className",
|
|
"closeIcon",
|
|
"closable",
|
|
"type",
|
|
"title",
|
|
"children",
|
|
"footer",
|
|
]),
|
|
{ getPrefixCls: m } = o.useContext(i.ConfigContext),
|
|
p = m(),
|
|
h = t || m("modal"),
|
|
g = (0, j.default)(p),
|
|
[b, v, _] = em(h, g),
|
|
y = `${h}-confirm`,
|
|
x = {};
|
|
return (
|
|
(x = l
|
|
? {
|
|
closable: null != a && a,
|
|
title: "",
|
|
footer: "",
|
|
children: o.createElement(
|
|
ev,
|
|
Object.assign({}, e, {
|
|
prefixCls: h,
|
|
confirmPrefixCls: y,
|
|
rootPrefixCls: p,
|
|
content: c,
|
|
}),
|
|
),
|
|
}
|
|
: {
|
|
closable: null == a || a,
|
|
title: s,
|
|
footer: null !== u && o.createElement(er, Object.assign({}, e)),
|
|
children: c,
|
|
}),
|
|
b(
|
|
o.createElement(
|
|
eN.default,
|
|
Object.assign(
|
|
{
|
|
prefixCls: h,
|
|
className: (0, f.default)(
|
|
v,
|
|
`${h}-pure-panel`,
|
|
l && y,
|
|
l && `${y}-${l}`,
|
|
r,
|
|
_,
|
|
g,
|
|
),
|
|
},
|
|
d,
|
|
{ closeIcon: et(h, n), closable: a },
|
|
x,
|
|
),
|
|
),
|
|
)
|
|
);
|
|
}),
|
|
(e) =>
|
|
o.createElement(
|
|
a.default,
|
|
{ theme: { token: { motion: !1, zIndexPopupBase: 0 } } },
|
|
o.createElement(r, Object.assign({}, e)),
|
|
));
|
|
var eT = e.i(335192),
|
|
eM = e.i(783360),
|
|
eI = function (e, t) {
|
|
var r = {};
|
|
for (var n in e)
|
|
Object.prototype.hasOwnProperty.call(e, n) &&
|
|
0 > t.indexOf(n) &&
|
|
(r[n] = e[n]);
|
|
if (null != e && "function" == typeof Object.getOwnPropertySymbols)
|
|
for (
|
|
var o = 0, n = Object.getOwnPropertySymbols(e);
|
|
o < n.length;
|
|
o++
|
|
)
|
|
0 > t.indexOf(n[o]) &&
|
|
Object.prototype.propertyIsEnumerable.call(e, n[o]) &&
|
|
(r[n[o]] = e[n[o]]);
|
|
return r;
|
|
};
|
|
let eA = o.forwardRef((e, t) => {
|
|
var r,
|
|
{ afterClose: a, config: l } = e,
|
|
s = eI(e, ["afterClose", "config"]);
|
|
let [c, u] = o.useState(!0),
|
|
[d, f] = o.useState(l),
|
|
{ direction: m, getPrefixCls: p } = o.useContext(i.ConfigContext),
|
|
h = p("modal"),
|
|
g = p(),
|
|
b = (...e) => {
|
|
var t;
|
|
u(!1),
|
|
e.some((e) => (null == e ? void 0 : e.triggerCancel)) &&
|
|
(null == (t = d.onCancel) ||
|
|
t.call.apply(
|
|
t,
|
|
[d, () => {}].concat((0, n.default)(e.slice(1))),
|
|
));
|
|
};
|
|
o.useImperativeHandle(t, () => ({
|
|
destroy: b,
|
|
update: (e) => {
|
|
f((t) => {
|
|
let r = "function" == typeof e ? e(t) : e;
|
|
return Object.assign(Object.assign({}, t), r);
|
|
});
|
|
},
|
|
}));
|
|
let v = null != (r = d.okCancel) ? r : "confirm" === d.type,
|
|
[_] = (0, eM.default)("Modal", eT.default.Modal);
|
|
return o.createElement(
|
|
ey,
|
|
Object.assign(
|
|
{ prefixCls: h, rootPrefixCls: g },
|
|
d,
|
|
{
|
|
close: b,
|
|
open: c,
|
|
afterClose: () => {
|
|
var e;
|
|
a(), null == (e = d.afterClose) || e.call(d);
|
|
},
|
|
okText:
|
|
d.okText ||
|
|
(v
|
|
? null == _
|
|
? void 0
|
|
: _.okText
|
|
: null == _
|
|
? void 0
|
|
: _.justOkText),
|
|
direction: d.direction || m,
|
|
cancelText: d.cancelText || (null == _ ? void 0 : _.cancelText),
|
|
},
|
|
s,
|
|
),
|
|
);
|
|
}),
|
|
eL = 0,
|
|
eB = o.memo(
|
|
o.forwardRef((e, t) => {
|
|
let [r, a] = (function () {
|
|
let [e, t] = o.useState([]);
|
|
return [
|
|
e,
|
|
o.useCallback(
|
|
(e) => (
|
|
t((t) => [].concat((0, n.default)(t), [e])),
|
|
() => {
|
|
t((t) => t.filter((t) => t !== e));
|
|
}
|
|
),
|
|
[],
|
|
),
|
|
];
|
|
})();
|
|
return (
|
|
o.useImperativeHandle(t, () => ({ patchElement: a }), []),
|
|
o.createElement(o.Fragment, null, r)
|
|
);
|
|
}),
|
|
);
|
|
function eD(e) {
|
|
return eS(ew(e));
|
|
}
|
|
(eh.useModal = function () {
|
|
let e = o.useRef(null),
|
|
[t, r] = o.useState([]);
|
|
o.useEffect(() => {
|
|
t.length &&
|
|
((0, n.default)(t).forEach((e) => {
|
|
e();
|
|
}),
|
|
r([]));
|
|
}, [t]);
|
|
let a = o.useCallback(
|
|
(t) =>
|
|
function (a) {
|
|
var i;
|
|
let l, s;
|
|
eL += 1;
|
|
let c = o.createRef(),
|
|
u = new Promise((e) => {
|
|
l = e;
|
|
}),
|
|
d = !1,
|
|
f = o.createElement(eA, {
|
|
key: `modal-${eL}`,
|
|
config: t(a),
|
|
ref: c,
|
|
afterClose: () => {
|
|
null == s || s();
|
|
},
|
|
isSilent: () => d,
|
|
onConfirm: (e) => {
|
|
l(e);
|
|
},
|
|
});
|
|
return (
|
|
(s = null == (i = e.current) ? void 0 : i.patchElement(f)) &&
|
|
ex.push(s),
|
|
{
|
|
destroy: () => {
|
|
function e() {
|
|
var e;
|
|
null == (e = c.current) || e.destroy();
|
|
}
|
|
c.current ? e() : r((t) => [].concat((0, n.default)(t), [e]));
|
|
},
|
|
update: (e) => {
|
|
function t() {
|
|
var t;
|
|
null == (t = c.current) || t.update(e);
|
|
}
|
|
c.current ? t() : r((e) => [].concat((0, n.default)(e), [t]));
|
|
},
|
|
then: (e) => ((d = !0), u.then(e)),
|
|
}
|
|
);
|
|
},
|
|
[],
|
|
);
|
|
return [
|
|
o.useMemo(
|
|
() => ({
|
|
info: a(ek),
|
|
success: a(ej),
|
|
error: a(eP),
|
|
warning: a(ew),
|
|
confirm: a(eR),
|
|
}),
|
|
[],
|
|
),
|
|
o.createElement(eB, { key: "modal-holder", ref: e }),
|
|
];
|
|
}),
|
|
(eh.info = function (e) {
|
|
return eS(ek(e));
|
|
}),
|
|
(eh.success = function (e) {
|
|
return eS(ej(e));
|
|
}),
|
|
(eh.error = function (e) {
|
|
return eS(eP(e));
|
|
}),
|
|
(eh.warning = eD),
|
|
(eh.warn = eD),
|
|
(eh.confirm = function (e) {
|
|
return eS(eR(e));
|
|
}),
|
|
(eh.destroyAll = function () {
|
|
for (; ex.length; ) {
|
|
let e = ex.pop();
|
|
e && e();
|
|
}
|
|
}),
|
|
(eh.config = function ({ rootPrefixCls: e }) {
|
|
eC = e;
|
|
}),
|
|
(eh._InternalPanelDoNotUseOrYouWillBeFired = eO),
|
|
e.s(["Modal", 0, eh], 424868);
|
|
};
|
|
|
|
export default moduleFactory;
|