epic-designer-cjh
Version:
基于vue3的设计器,可视化开发页面表单
1,537 lines (1,536 loc) • 77 kB
JavaScript
import { i as z } from "./interopRequireDefault-40f894e3.js";
import { r as K } from "./_vue_commonjs-external-eb7fec7f.js";
import { a as le, r as Q, c as Lt, d as Ht } from "./public_api-1267ff2a.js";
import { r as $t } from "./transition-d16825f8.js";
import { d as ne, w as xt, h as It, f as Ut, j as he, r as Pe, a as je, e as ke, c as Fe, n as Wt, o as Bt, q as zt, v as Kt, z as Gt, x as St, y as Xt, g as Yt } from "./useConfigInject-d85d8c62.js";
import { r as Le } from "./LoadingOutlined-7a37e4f8.js";
import { a as He, r as Ue } from "./ExclamationCircleFilled-5348250c.js";
import { r as We } from "./CloseCircleFilled-9cec1aca.js";
import { a as Qt, b as Jt, c as Zt, d as en, r as tn } from "./InfoCircleFilled-299f61de.js";
import { r as Oe } from "./AntdIcon-b29a156c.js";
import { r as Be } from "./CloseOutlined-ca523fbb.js";
import { e as nn, r as rn } from "./PortalWrapper-9d2c005f.js";
var Z = {}, Me = {}, ce = {}, se = {}, Je;
function xe() {
if (Je)
return se;
Je = 1;
var r = z;
Object.defineProperty(se, "__esModule", {
value: !0
}), se.default = void 0;
var e = K, u = r(le()), d = r(ne()), _ = (0, e.defineComponent)({
name: "Notice",
inheritAttrs: !1,
props: ["prefixCls", "duration", "updateMark", "noticeKey", "closeIcon", "closable", "props", "onClick", "onClose", "holder", "visible"],
setup($, v) {
let {
attrs: h,
slots: l
} = v, a, o = !1;
const n = (0, e.computed)(() => $.duration === void 0 ? 4.5 : $.duration), f = () => {
n.value && !o && (a = setTimeout(() => {
N();
}, n.value * 1e3));
}, c = () => {
a && (clearTimeout(a), a = null);
}, N = (i) => {
i && i.stopPropagation(), c();
const {
onClose: y,
noticeKey: C
} = $;
y && y(C);
}, M = () => {
c(), f();
};
return (0, e.onMounted)(() => {
f();
}), (0, e.onUnmounted)(() => {
o = !0, c();
}), (0, e.watch)([n, () => $.updateMark, () => $.visible], (i, y) => {
let [C, s, P] = i, [w, I, b] = y;
(C !== w || s !== I || P !== b && b) && M();
}, {
flush: "post"
}), () => {
var i, y;
const {
prefixCls: C,
closable: s,
closeIcon: P = (i = l.closeIcon) === null || i === void 0 ? void 0 : i.call(l),
onClick: w,
holder: I
} = $, {
class: b,
style: E
} = h, T = `${C}-notice`, S = Object.keys(h).reduce((x, m) => ((m.startsWith("data-") || m.startsWith("aria-") || m === "role") && (x[m] = h[m]), x), {}), R = (0, e.createVNode)("div", (0, u.default)({
class: (0, d.default)(T, b, {
[`${T}-closable`]: s
}),
style: E,
onMouseenter: c,
onMouseleave: f,
onClick: w
}, S), [(0, e.createVNode)("div", {
class: `${T}-content`
}, [(y = l.default) === null || y === void 0 ? void 0 : y.call(l)]), s ? (0, e.createVNode)("a", {
tabindex: 0,
onClick: N,
class: `${T}-close`
}, [P || (0, e.createVNode)("span", {
class: `${T}-close-x`
}, null)]) : null]);
return I ? (0, e.createVNode)(e.Teleport, {
to: I
}, {
default: () => R
}) : R;
};
}
});
return se.default = _, se;
}
var qe = {}, Re = {}, oe = {}, de = {}, Ze;
function an() {
if (Ze)
return de;
Ze = 1;
var r = z;
Object.defineProperty(de, "__esModule", {
value: !0
}), de.changeConfirmLocale = _, de.getConfirmLocale = $;
var e = r(Q()), u = r(xt());
let d = (0, e.default)({}, u.default.Modal);
function _(v) {
v ? d = (0, e.default)((0, e.default)({}, d), v) : d = (0, e.default)({}, u.default.Modal);
}
function $() {
return d;
}
return de;
}
var et;
function on() {
if (et)
return oe;
et = 1;
var r = z;
Object.defineProperty(oe, "__esModule", {
value: !0
}), oe.default = oe.ANT_MARK = void 0;
var e = r(Q()), u = K, d = an(), _ = r(It()), $ = Ut();
const v = "internalMark";
oe.ANT_MARK = v;
const h = (0, u.defineComponent)({
compatConfig: {
MODE: 3
},
name: "ALocaleProvider",
props: {
locale: {
type: Object
},
ANT_MARK__: String
},
setup(a, o) {
let {
slots: n
} = o;
(0, _.default)(a.ANT_MARK__ === v, "LocaleProvider", "`LocaleProvider` is deprecated. Please use `locale` with `ConfigProvider` instead");
const f = (0, u.reactive)({
antLocale: (0, e.default)((0, e.default)({}, a.locale), {
exist: !0
}),
ANT_MARK__: v
});
return (0, u.provide)("localeData", f), (0, u.watch)(() => a.locale, (c) => {
(0, d.changeConfirmLocale)(c && c.Modal), f.antLocale = (0, e.default)((0, e.default)({}, c), {
exist: !0
});
}, {
immediate: !0
}), () => {
var c;
return (c = n.default) === null || c === void 0 ? void 0 : c.call(n);
};
}
});
h.install = function(a) {
return a.component(h.name, h), a;
};
var l = (0, $.withInstall)(h);
return oe.default = l, oe;
}
var tt;
function ln() {
return tt || (tt = 1, function(r) {
Object.defineProperty(r, "__esModule", {
value: !0
});
var e = {};
r.default = void 0;
var u = _(on());
Object.keys(u).forEach(function(v) {
v === "default" || v === "__esModule" || Object.prototype.hasOwnProperty.call(e, v) || v in r && r[v] === u[v] || Object.defineProperty(r, v, {
enumerable: !0,
get: function() {
return u[v];
}
});
});
function d(v) {
if (typeof WeakMap != "function")
return null;
var h = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap();
return (d = function(a) {
return a ? l : h;
})(v);
}
function _(v, h) {
if (!h && v && v.__esModule)
return v;
if (v === null || typeof v != "object" && typeof v != "function")
return { default: v };
var l = d(h);
if (l && l.has(v))
return l.get(v);
var a = {}, o = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var n in v)
if (n !== "default" && Object.prototype.hasOwnProperty.call(v, n)) {
var f = o ? Object.getOwnPropertyDescriptor(v, n) : null;
f && (f.get || f.set) ? Object.defineProperty(a, n, f) : a[n] = v[n];
}
return a.default = v, l && l.set(v, a), a;
}
var $ = u.default;
r.default = $;
}(Re)), Re;
}
var ie = {}, Te = {}, nt;
function un() {
return nt || (nt = 1, function(r) {
Object.defineProperty(r, "__esModule", {
value: !0
}), r.default = void 0;
var e = K, u = _(Qt()), d = _(Oe());
function _(a) {
return a && a.__esModule ? a : { default: a };
}
function $(a) {
for (var o = 1; o < arguments.length; o++) {
var n = arguments[o] != null ? Object(arguments[o]) : {}, f = Object.keys(n);
typeof Object.getOwnPropertySymbols == "function" && (f = f.concat(Object.getOwnPropertySymbols(n).filter(function(c) {
return Object.getOwnPropertyDescriptor(n, c).enumerable;
}))), f.forEach(function(c) {
v(a, c, n[c]);
});
}
return a;
}
function v(a, o, n) {
return o in a ? Object.defineProperty(a, o, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : a[o] = n, a;
}
var h = function(o, n) {
var f = $({}, o, n.attrs);
return (0, e.createVNode)(d.default, $({}, f, {
icon: u.default
}), null);
};
h.displayName = "CheckCircleOutlined", h.inheritAttrs = !1;
var l = h;
r.default = l;
}(Te)), Te;
}
var Ee = {}, rt;
function cn() {
return rt || (rt = 1, function(r) {
Object.defineProperty(r, "__esModule", {
value: !0
}), r.default = void 0;
var e = K, u = _(Jt()), d = _(Oe());
function _(a) {
return a && a.__esModule ? a : { default: a };
}
function $(a) {
for (var o = 1; o < arguments.length; o++) {
var n = arguments[o] != null ? Object(arguments[o]) : {}, f = Object.keys(n);
typeof Object.getOwnPropertySymbols == "function" && (f = f.concat(Object.getOwnPropertySymbols(n).filter(function(c) {
return Object.getOwnPropertyDescriptor(n, c).enumerable;
}))), f.forEach(function(c) {
v(a, c, n[c]);
});
}
return a;
}
function v(a, o, n) {
return o in a ? Object.defineProperty(a, o, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : a[o] = n, a;
}
var h = function(o, n) {
var f = $({}, o, n.attrs);
return (0, e.createVNode)(d.default, $({}, f, {
icon: u.default
}), null);
};
h.displayName = "InfoCircleOutlined", h.inheritAttrs = !1;
var l = h;
r.default = l;
}(Ee)), Ee;
}
var De = {}, at;
function sn() {
return at || (at = 1, function(r) {
Object.defineProperty(r, "__esModule", {
value: !0
}), r.default = void 0;
var e = K, u = _(Zt()), d = _(Oe());
function _(a) {
return a && a.__esModule ? a : { default: a };
}
function $(a) {
for (var o = 1; o < arguments.length; o++) {
var n = arguments[o] != null ? Object(arguments[o]) : {}, f = Object.keys(n);
typeof Object.getOwnPropertySymbols == "function" && (f = f.concat(Object.getOwnPropertySymbols(n).filter(function(c) {
return Object.getOwnPropertyDescriptor(n, c).enumerable;
}))), f.forEach(function(c) {
v(a, c, n[c]);
});
}
return a;
}
function v(a, o, n) {
return o in a ? Object.defineProperty(a, o, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : a[o] = n, a;
}
var h = function(o, n) {
var f = $({}, o, n.attrs);
return (0, e.createVNode)(d.default, $({}, f, {
icon: u.default
}), null);
};
h.displayName = "CloseCircleOutlined", h.inheritAttrs = !1;
var l = h;
r.default = l;
}(De)), De;
}
var Ve = {}, ot;
function dn() {
return ot || (ot = 1, function(r) {
Object.defineProperty(r, "__esModule", {
value: !0
}), r.default = void 0;
var e = K, u = _(en()), d = _(Oe());
function _(a) {
return a && a.__esModule ? a : { default: a };
}
function $(a) {
for (var o = 1; o < arguments.length; o++) {
var n = arguments[o] != null ? Object(arguments[o]) : {}, f = Object.keys(n);
typeof Object.getOwnPropertySymbols == "function" && (f = f.concat(Object.getOwnPropertySymbols(n).filter(function(c) {
return Object.getOwnPropertyDescriptor(n, c).enumerable;
}))), f.forEach(function(c) {
v(a, c, n[c]);
});
}
return a;
}
function v(a, o, n) {
return o in a ? Object.defineProperty(a, o, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : a[o] = n, a;
}
var h = function(o, n) {
var f = $({}, o, n.attrs);
return (0, e.createVNode)(d.default, $({}, f, {
icon: u.default
}), null);
};
h.displayName = "ExclamationCircleOutlined", h.inheritAttrs = !1;
var l = h;
r.default = l;
}(Ve)), Ve;
}
var fe = {}, ve = {}, it;
function fn() {
if (it)
return ve;
it = 1, Object.defineProperty(ve, "__esModule", {
value: !0
}), ve.default = void 0;
var r = he(), u = (d) => {
const {
componentCls: _,
width: $,
notificationMarginEdge: v
} = d, h = new r.Keyframes("antNotificationTopFadeIn", {
"0%": {
marginTop: "-100%",
opacity: 0
},
"100%": {
marginTop: 0,
opacity: 1
}
}), l = new r.Keyframes("antNotificationBottomFadeIn", {
"0%": {
marginBottom: "-100%",
opacity: 0
},
"100%": {
marginBottom: 0,
opacity: 1
}
}), a = new r.Keyframes("antNotificationLeftFadeIn", {
"0%": {
right: {
_skip_check_: !0,
value: $
},
opacity: 0
},
"100%": {
right: {
_skip_check_: !0,
value: 0
},
opacity: 1
}
});
return {
[`&${_}-top, &${_}-bottom`]: {
marginInline: 0
},
[`&${_}-top`]: {
[`${_}-fade-enter${_}-fade-enter-active, ${_}-fade-appear${_}-fade-appear-active`]: {
animationName: h
}
},
[`&${_}-bottom`]: {
[`${_}-fade-enter${_}-fade-enter-active, ${_}-fade-appear${_}-fade-appear-active`]: {
animationName: l
}
},
[`&${_}-topLeft, &${_}-bottomLeft`]: {
marginInlineEnd: 0,
marginInlineStart: v,
[`${_}-fade-enter${_}-fade-enter-active, ${_}-fade-appear${_}-fade-appear-active`]: {
animationName: a
}
}
};
};
return ve.default = u, ve;
}
var lt;
function ze() {
if (lt)
return fe;
lt = 1;
var r = z;
Object.defineProperty(fe, "__esModule", {
value: !0
}), fe.default = void 0;
var e = r(Q()), u = he(), d = Pe(), _ = r(fn()), $ = je();
const v = (l) => {
const {
iconCls: a,
componentCls: o,
// .ant-notification
boxShadowSecondary: n,
fontSizeLG: f,
notificationMarginBottom: c,
borderRadiusLG: N,
colorSuccess: M,
colorInfo: i,
colorWarning: y,
colorError: C,
colorTextHeading: s,
notificationBg: P,
notificationPadding: w,
notificationMarginEdge: I,
motionDurationMid: b,
motionEaseInOut: E,
fontSize: T,
lineHeight: S,
width: R,
notificationIconSize: x
} = l, m = `${o}-notice`, A = new u.Keyframes("antNotificationFadeIn", {
"0%": {
left: {
_skip_check_: !0,
value: R
},
opacity: 0
},
"100%": {
left: {
_skip_check_: !0,
value: 0
},
opacity: 1
}
}), k = new u.Keyframes("antNotificationFadeOut", {
"0%": {
maxHeight: l.animationMaxHeight,
marginBottom: c,
opacity: 1
},
"100%": {
maxHeight: 0,
marginBottom: 0,
paddingTop: 0,
paddingBottom: 0,
opacity: 0
}
});
return [
// ============================ Holder ============================
{
[o]: (0, e.default)((0, e.default)((0, e.default)((0, e.default)({}, (0, $.resetComponent)(l)), {
position: "fixed",
zIndex: l.zIndexPopup,
marginInlineEnd: I,
[`${o}-hook-holder`]: {
position: "relative"
},
[`&${o}-top, &${o}-bottom`]: {
[`${o}-notice`]: {
marginInline: "auto auto"
}
},
[`&${o}-topLeft, &${o}-bottomLeft`]: {
[`${o}-notice`]: {
marginInlineEnd: "auto",
marginInlineStart: 0
}
},
// animation
[`${o}-fade-enter, ${o}-fade-appear`]: {
animationDuration: l.motionDurationMid,
animationTimingFunction: E,
animationFillMode: "both",
opacity: 0,
animationPlayState: "paused"
},
[`${o}-fade-leave`]: {
animationTimingFunction: E,
animationFillMode: "both",
animationDuration: b,
animationPlayState: "paused"
},
[`${o}-fade-enter${o}-fade-enter-active, ${o}-fade-appear${o}-fade-appear-active`]: {
animationName: A,
animationPlayState: "running"
},
[`${o}-fade-leave${o}-fade-leave-active`]: {
animationName: k,
animationPlayState: "running"
}
}), (0, _.default)(l)), {
// RTL
"&-rtl": {
direction: "rtl",
[`${o}-notice-btn`]: {
float: "left"
}
}
})
},
// ============================ Notice ============================
{
[m]: {
position: "relative",
width: R,
maxWidth: `calc(100vw - ${I * 2}px)`,
marginBottom: c,
marginInlineStart: "auto",
padding: w,
overflow: "hidden",
lineHeight: S,
wordWrap: "break-word",
background: P,
borderRadius: N,
boxShadow: n,
[`${o}-close-icon`]: {
fontSize: T,
cursor: "pointer"
},
[`${m}-message`]: {
marginBottom: l.marginXS,
color: s,
fontSize: f,
lineHeight: l.lineHeightLG
},
[`${m}-description`]: {
fontSize: T
},
[`&${m}-closable ${m}-message`]: {
paddingInlineEnd: l.paddingLG
},
[`${m}-with-icon ${m}-message`]: {
marginBottom: l.marginXS,
marginInlineStart: l.marginSM + x,
fontSize: f
},
[`${m}-with-icon ${m}-description`]: {
marginInlineStart: l.marginSM + x,
fontSize: T
},
// Icon & color style in different selector level
// https://github.com/ant-design/ant-design/issues/16503
// https://github.com/ant-design/ant-design/issues/15512
[`${m}-icon`]: {
position: "absolute",
fontSize: x,
lineHeight: 0,
// icon-font
[`&-success${a}`]: {
color: M
},
[`&-info${a}`]: {
color: i
},
[`&-warning${a}`]: {
color: y
},
[`&-error${a}`]: {
color: C
}
},
[`${m}-close`]: {
position: "absolute",
top: l.notificationPaddingVertical,
insetInlineEnd: l.notificationPaddingHorizontal,
color: l.colorIcon,
outline: "none",
width: l.notificationCloseButtonSize,
height: l.notificationCloseButtonSize,
borderRadius: l.borderRadiusSM,
transition: `background-color ${l.motionDurationMid}, color ${l.motionDurationMid}`,
display: "flex",
alignItems: "center",
justifyContent: "center",
"&:hover": {
color: l.colorIconHover,
backgroundColor: l.wireframe ? "transparent" : l.colorFillContent
}
},
[`${m}-btn`]: {
float: "right",
marginTop: l.marginSM
}
}
},
// ============================= Pure =============================
{
[`${m}-pure-panel`]: {
margin: 0
}
}
];
};
var h = (0, d.genComponentStyleHook)("Notification", (l) => {
const a = l.paddingMD, o = l.paddingLG, n = (0, d.mergeToken)(l, {
// default.less variables
notificationBg: l.colorBgElevated,
notificationPaddingVertical: a,
notificationPaddingHorizontal: o,
// index.less variables
notificationPadding: `${l.paddingMD}px ${l.paddingContentHorizontalLG}px`,
notificationMarginBottom: l.margin,
notificationMarginEdge: l.marginLG,
animationMaxHeight: 150,
notificationIconSize: l.fontSizeLG * l.lineHeightLG,
notificationCloseButtonSize: l.controlHeightLG * 0.55
});
return [v(n)];
}, (l) => ({
zIndexPopup: l.zIndexPopupBase + 50,
width: 384
}));
return fe.default = h, fe;
}
var pe = {}, ee = {}, Ae = {}, ut;
function Ke() {
return ut || (ut = 1, function(r) {
Object.defineProperty(r, "__esModule", {
value: !0
}), r.default = void 0;
var e = K, u = _(tn()), d = _(Oe());
function _(a) {
return a && a.__esModule ? a : { default: a };
}
function $(a) {
for (var o = 1; o < arguments.length; o++) {
var n = arguments[o] != null ? Object(arguments[o]) : {}, f = Object.keys(n);
typeof Object.getOwnPropertySymbols == "function" && (f = f.concat(Object.getOwnPropertySymbols(n).filter(function(c) {
return Object.getOwnPropertyDescriptor(n, c).enumerable;
}))), f.forEach(function(c) {
v(a, c, n[c]);
});
}
return a;
}
function v(a, o, n) {
return o in a ? Object.defineProperty(a, o, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : a[o] = n, a;
}
var h = function(o, n) {
var f = $({}, o, n.attrs);
return (0, e.createVNode)(d.default, $({}, f, {
icon: u.default
}), null);
};
h.displayName = "InfoCircleFilled", h.inheritAttrs = !1;
var l = h;
r.default = l;
}(Ae)), Ae;
}
var ct;
function vn() {
if (ct)
return ee;
ct = 1;
var r = z;
Object.defineProperty(ee, "__esModule", {
value: !0
}), ee.PureContent = y, ee.default = ee.TypeIcon = void 0, ee.getCloseIcon = N;
var e = K, u = r(le()), d = r(ze()), _ = r(ke()), $ = r(xe()), v = r(ne()), h = r(Le()), l = r(He()), a = r(We()), o = r(Ue()), n = r(Ke()), f = r(Be()), c = Fe();
function N(s, P) {
return P || (0, e.createVNode)("span", {
class: `${s}-close-x`
}, [(0, e.createVNode)(f.default, {
class: `${s}-close-icon`
}, null)]);
}
const M = {
info: (0, e.createVNode)(n.default, null, null),
success: (0, e.createVNode)(o.default, null, null),
error: (0, e.createVNode)(a.default, null, null),
warning: (0, e.createVNode)(l.default, null, null),
loading: (0, e.createVNode)(h.default, null, null)
};
ee.TypeIcon = M;
const i = {
success: o.default,
info: n.default,
error: a.default,
warning: l.default
};
function y(s) {
let {
prefixCls: P,
icon: w,
type: I,
message: b,
description: E,
btn: T
} = s, S = null;
if (w)
S = (0, e.createVNode)("span", {
class: `${P}-icon`
}, [(0, c.renderHelper)(w)]);
else if (I) {
const R = i[I];
S = (0, e.createVNode)(R, {
class: `${P}-icon ${P}-icon-${I}`
}, null);
}
return (0, e.createVNode)("div", {
class: (0, v.default)({
[`${P}-with-icon`]: S
}),
role: "alert"
}, [S, (0, e.createVNode)("div", {
class: `${P}-message`
}, [b]), (0, e.createVNode)("div", {
class: `${P}-description`
}, [E]), T && (0, e.createVNode)("div", {
class: `${P}-btn`
}, [T])]);
}
var C = (0, e.defineComponent)({
name: "PurePanel",
inheritAttrs: !1,
props: ["prefixCls", "icon", "type", "message", "description", "btn", "closeIcon"],
setup(s) {
const {
getPrefixCls: P
} = (0, _.default)("notification", s), w = (0, e.computed)(() => s.prefixCls || P("notification")), I = (0, e.computed)(() => `${w.value}-notice`), [, b] = (0, d.default)(w);
return () => (0, e.createVNode)($.default, (0, u.default)((0, u.default)({}, s), {}, {
prefixCls: w.value,
class: (0, v.default)(b.value, `${I.value}-pure-panel`),
noticeKey: "pure",
duration: null,
closable: s.closable,
closeIcon: N(w.value, s.closeIcon)
}), {
default: () => [(0, e.createVNode)(y, {
prefixCls: I.value,
icon: s.icon,
type: s.type,
message: s.message,
description: s.description,
btn: s.btn
}, null)]
});
}
});
return ee.default = C, ee;
}
var me = {}, st;
function wt() {
if (st)
return me;
st = 1, Object.defineProperty(me, "__esModule", {
value: !0
}), me.getMotion = e, me.getPlacementStyle = r;
function r(u, d, _) {
let $;
switch (d = typeof d == "number" ? `${d}px` : d, _ = typeof _ == "number" ? `${_}px` : _, u) {
case "top":
$ = {
left: "50%",
transform: "translateX(-50%)",
right: "auto",
top: d,
bottom: "auto"
};
break;
case "topLeft":
$ = {
left: 0,
top: d,
bottom: "auto"
};
break;
case "topRight":
$ = {
right: 0,
top: d,
bottom: "auto"
};
break;
case "bottom":
$ = {
left: "50%",
transform: "translateX(-50%)",
right: "auto",
top: "auto",
bottom: _
};
break;
case "bottomLeft":
$ = {
left: 0,
top: "auto",
bottom: _
};
break;
default:
$ = {
right: 0,
top: "auto",
bottom: _
};
break;
}
return $;
}
function e(u) {
return {
name: `${u}-fade`
};
}
return me;
}
var dt;
function pn() {
if (dt)
return pe;
dt = 1;
var r = z;
Object.defineProperty(pe, "__esModule", {
value: !0
}), pe.default = M, pe.useInternalNotification = N;
var e = K, u = r(le()), d = r(Q()), _ = Ie(), $ = r(ze()), v = vn(), h = wt(), l = r(ke()), a = r(ne()), o = function(i, y) {
var C = {};
for (var s in i)
Object.prototype.hasOwnProperty.call(i, s) && y.indexOf(s) < 0 && (C[s] = i[s]);
if (i != null && typeof Object.getOwnPropertySymbols == "function")
for (var P = 0, s = Object.getOwnPropertySymbols(i); P < s.length; P++)
y.indexOf(s[P]) < 0 && Object.prototype.propertyIsEnumerable.call(i, s[P]) && (C[s[P]] = i[s[P]]);
return C;
};
const n = 24, f = 4.5, c = (0, e.defineComponent)({
name: "Holder",
inheritAttrs: !1,
props: ["prefixCls", "class", "type", "icon", "content", "onAllRemoved"],
setup(i, y) {
let {
expose: C
} = y;
const {
getPrefixCls: s,
getPopupContainer: P
} = (0, l.default)("notification", i), w = (0, e.computed)(() => i.prefixCls || s("notification")), I = (x) => {
var m, A;
return (0, h.getPlacementStyle)(x, (m = i.top) !== null && m !== void 0 ? m : n, (A = i.bottom) !== null && A !== void 0 ? A : n);
}, [, b] = (0, $.default)(w), E = () => (0, a.default)(b.value, {
[`${w.value}-rtl`]: i.rtl
}), T = () => (0, h.getMotion)(w.value), [S, R] = (0, _.useNotification)({
prefixCls: w.value,
getStyles: I,
getClassName: E,
motion: T,
closable: !0,
closeIcon: (0, v.getCloseIcon)(w.value),
duration: f,
getContainer: () => {
var x, m;
return ((x = i.getPopupContainer) === null || x === void 0 ? void 0 : x.call(i)) || ((m = P.value) === null || m === void 0 ? void 0 : m.call(P)) || document.body;
},
maxCount: i.maxCount,
hashId: b.value,
onAllRemoved: i.onAllRemoved
});
return C((0, d.default)((0, d.default)({}, S), {
prefixCls: w.value,
hashId: b
})), R;
}
});
function N(i) {
const y = (0, e.shallowRef)(null), C = Symbol("notificationHolderKey"), s = (b) => {
if (!y.value)
return;
const {
open: E,
prefixCls: T,
hashId: S
} = y.value, R = `${T}-notice`, {
message: x,
description: m,
icon: A,
type: k,
btn: L,
class: t
} = b, p = o(b, ["message", "description", "icon", "type", "btn", "class"]);
return E((0, d.default)((0, d.default)({
placement: "topRight"
}, p), {
content: () => (0, e.createVNode)(v.PureContent, {
prefixCls: R,
icon: typeof A == "function" ? A() : A,
type: k,
message: typeof x == "function" ? x() : x,
description: typeof m == "function" ? m() : m,
btn: typeof L == "function" ? L() : L
}, null),
// @ts-ignore
class: (0, a.default)(k && `${R}-${k}`, S, t)
}));
}, w = {
open: s,
destroy: (b) => {
var E, T;
b !== void 0 ? (E = y.value) === null || E === void 0 || E.close(b) : (T = y.value) === null || T === void 0 || T.destroy();
}
};
return ["success", "info", "warning", "error"].forEach((b) => {
w[b] = (E) => s((0, d.default)((0, d.default)({}, E), {
type: b
}));
}), [w, () => (0, e.createVNode)(c, (0, u.default)((0, u.default)({
key: C
}, i), {}, {
ref: y
}), null)];
}
function M(i) {
return N(i);
}
return pe;
}
var ft;
function mn() {
if (ft)
return ie;
ft = 1;
var r = z;
Object.defineProperty(ie, "__esModule", {
value: !0
}), ie.getInstance = ie.default = void 0;
var e = K, u = r(Q()), d = r(Ie()), _ = r(un()), $ = r(cn()), v = r(sn()), h = r(dn()), l = r(Be()), a = Fe(), o = Mt(), n = r(ne()), f = r(ze()), c = r(pn()), N = wt(), M = function(p, q, g, j) {
function V(D) {
return D instanceof g ? D : new g(function(H) {
H(D);
});
}
return new (g || (g = Promise))(function(D, H) {
function B(U) {
try {
G(j.next(U));
} catch (W) {
H(W);
}
}
function X(U) {
try {
G(j.throw(U));
} catch (W) {
H(W);
}
}
function G(U) {
U.done ? D(U.value) : V(U.value).then(B, X);
}
G((j = j.apply(p, q || [])).next());
});
};
const i = {};
let y = 4.5, C = "24px", s = "24px", P = "", w = "topRight", I = () => document.body, b = null, E = !1, T;
function S(p) {
const {
duration: q,
placement: g,
bottom: j,
top: V,
getContainer: D,
closeIcon: H,
prefixCls: B
} = p;
B !== void 0 && (P = B), q !== void 0 && (y = q), g !== void 0 && (w = g), j !== void 0 && (s = typeof j == "number" ? `${j}px` : j), V !== void 0 && (C = typeof V == "number" ? `${V}px` : V), D !== void 0 && (I = D), H !== void 0 && (b = H), p.rtl !== void 0 && (E = p.rtl), p.maxCount !== void 0 && (T = p.maxCount);
}
function R(p, q) {
let {
prefixCls: g,
placement: j = w,
getContainer: V = I,
top: D,
bottom: H,
closeIcon: B = b,
appContext: X
} = p;
const {
getPrefixCls: G
} = (0, o.globalConfig)(), U = G("notification", g || P), W = `${U}-${j}-${E}`, J = i[W];
if (J) {
Promise.resolve(J).then((re) => {
q(re);
});
return;
}
const Se = (0, n.default)(`${U}-${j}`, {
[`${U}-rtl`]: E === !0
});
d.default.newInstance({
name: "notification",
prefixCls: g || P,
useStyle: f.default,
class: Se,
style: (0, N.getPlacementStyle)(j, D ?? C, H ?? s),
appContext: X,
getContainer: V,
closeIcon: (re) => {
let {
prefixCls: be
} = re;
return (0, e.createVNode)("span", {
class: `${be}-close-x`
}, [(0, a.renderHelper)(B, {}, (0, e.createVNode)(l.default, {
class: `${be}-close-icon`
}, null))]);
},
maxCount: T,
hasTransitionName: !0
}, (re) => {
i[W] = re, q(re);
});
}
const x = {
success: _.default,
info: $.default,
error: v.default,
warning: h.default
};
function m(p) {
const {
icon: q,
type: g,
description: j,
message: V,
btn: D
} = p, H = p.duration === void 0 ? y : p.duration;
R(p, (B) => {
B.notice({
content: (X) => {
let {
prefixCls: G
} = X;
const U = `${G}-notice`;
let W = null;
if (q)
W = () => (0, e.createVNode)("span", {
class: `${U}-icon`
}, [(0, a.renderHelper)(q)]);
else if (g) {
const J = x[g];
W = () => (0, e.createVNode)(J, {
class: `${U}-icon ${U}-icon-${g}`
}, null);
}
return (0, e.createVNode)("div", {
class: W ? `${U}-with-icon` : ""
}, [W && W(), (0, e.createVNode)("div", {
class: `${U}-message`
}, [!j && W ? (0, e.createVNode)("span", {
class: `${U}-message-single-line-auto-margin`
}, null) : null, (0, a.renderHelper)(V)]), (0, e.createVNode)("div", {
class: `${U}-description`
}, [(0, a.renderHelper)(j)]), D ? (0, e.createVNode)("span", {
class: `${U}-btn`
}, [(0, a.renderHelper)(D)]) : null]);
},
duration: H,
closable: !0,
onClose: p.onClose,
onClick: p.onClick,
key: p.key,
style: p.style || {},
class: p.class
});
});
}
const A = {
open: m,
close(p) {
Object.keys(i).forEach((q) => Promise.resolve(i[q]).then((g) => {
g.removeNotice(p);
}));
},
config: S,
destroy() {
Object.keys(i).forEach((p) => {
Promise.resolve(i[p]).then((q) => {
q.destroy();
}), delete i[p];
});
}
};
["success", "info", "warning", "error"].forEach((p) => {
A[p] = (q) => A.open((0, u.default)((0, u.default)({}, q), {
type: p
}));
}), A.warn = A.warning, A.useNotification = c.default;
const L = (p) => M(void 0, void 0, void 0, function* () {
return process.env.NODE_ENV === "test" ? i[p] : null;
});
ie.getInstance = L;
var t = A;
return ie.default = t, ie;
}
var ge = {}, vt;
function gn() {
if (vt)
return ge;
vt = 1;
var r = z;
Object.defineProperty(ge, "__esModule", {
value: !0
}), ge.getStyle = h, ge.registerTheme = l;
var e = Lt, u = Ht, d = Wt(), _ = r(Bt()), $ = r(It());
const v = `-ant-${Date.now()}-${Math.random()}`;
function h(a, o) {
const n = {}, f = (M, i) => {
let y = M.clone();
return y = (i == null ? void 0 : i(y)) || y, y.toRgbString();
}, c = (M, i) => {
const y = new e.TinyColor(M), C = (0, u.generate)(y.toRgbString());
n[`${i}-color`] = f(y), n[`${i}-color-disabled`] = C[1], n[`${i}-color-hover`] = C[4], n[`${i}-color-active`] = C[6], n[`${i}-color-outline`] = y.clone().setAlpha(0.2).toRgbString(), n[`${i}-color-deprecated-bg`] = C[0], n[`${i}-color-deprecated-border`] = C[2];
};
if (o.primaryColor) {
c(o.primaryColor, "primary");
const M = new e.TinyColor(o.primaryColor), i = (0, u.generate)(M.toRgbString());
i.forEach((C, s) => {
n[`primary-${s + 1}`] = C;
}), n["primary-color-deprecated-l-35"] = f(M, (C) => C.lighten(35)), n["primary-color-deprecated-l-20"] = f(M, (C) => C.lighten(20)), n["primary-color-deprecated-t-20"] = f(M, (C) => C.tint(20)), n["primary-color-deprecated-t-50"] = f(M, (C) => C.tint(50)), n["primary-color-deprecated-f-12"] = f(M, (C) => C.setAlpha(C.getAlpha() * 0.12));
const y = new e.TinyColor(i[0]);
n["primary-color-active-deprecated-f-30"] = f(y, (C) => C.setAlpha(C.getAlpha() * 0.3)), n["primary-color-active-deprecated-d-02"] = f(y, (C) => C.darken(2));
}
return o.successColor && c(o.successColor, "success"), o.warningColor && c(o.warningColor, "warning"), o.errorColor && c(o.errorColor, "error"), o.infoColor && c(o.infoColor, "info"), `
:root {
${Object.keys(n).map((M) => `--${a}-${M}: ${n[M]};`).join(`
`)}
}
`.trim();
}
function l(a, o) {
const n = h(a, o);
(0, _.default)() ? (0, d.updateCSS)(n, `${v}-dynamic-theme`) : (0, $.default)(!1, "ConfigProvider", "SSR do not support dynamic theme with css variables.");
}
return ge;
}
var Ce = {}, pt;
function Cn() {
if (pt)
return Ce;
pt = 1;
var r = z;
Object.defineProperty(Ce, "__esModule", {
value: !0
}), Ce.default = void 0;
var e = r(Q()), u = he(), d = je(), _ = Pe(), $ = K, h = (l) => {
const [a, o] = (0, _.useToken)();
return (0, u.useStyleRegister)((0, $.computed)(() => ({
theme: a.value,
token: o.value,
hashId: "",
path: ["ant-design-icons", l.value]
})), () => [{
[`.${l.value}`]: (0, e.default)((0, e.default)({}, (0, d.resetIcon)()), {
[`.${l.value} .${l.value}-icon`]: {
display: "block"
}
})
}]);
};
return Ce.default = h, Ce;
}
var Ne = {}, mt;
function _n() {
if (mt)
return Ne;
mt = 1;
var r = z;
Object.defineProperty(Ne, "__esModule", {
value: !0
}), Ne.default = _;
var e = r(Q()), u = Pe(), d = K;
function _($, v) {
const h = (0, d.computed)(() => ($ == null ? void 0 : $.value) || {}), l = (0, d.computed)(() => h.value.inherit === !1 || !(v != null && v.value) ? u.defaultConfig : v.value);
return (0, d.computed)(() => {
if (!($ != null && $.value))
return v == null ? void 0 : v.value;
const o = (0, e.default)({}, l.value.components);
return Object.keys($.value.components || {}).forEach((n) => {
o[n] = (0, e.default)((0, e.default)({}, o[n]), $.value.components[n]);
}), (0, e.default)((0, e.default)((0, e.default)({}, l.value), h.value), {
token: (0, e.default)((0, e.default)({}, l.value.token), h.value.token),
components: o
});
});
}
return Ne;
}
var gt;
function Mt() {
return gt || (gt = 1, function(r) {
var e = z;
Object.defineProperty(r, "__esModule", {
value: !0
}), r.default = r.configConsumerProps = void 0, Object.defineProperty(r, "defaultIconPrefixCls", {
enumerable: !0,
get: function() {
return N.defaultIconPrefixCls;
}
}), r.globalConfigForApi = r.globalConfig = r.defaultPrefixCls = void 0;
var u = K, d = e(Q()), _ = e(zt()), $ = P(ln()), v = e(Kt()), h = e(Nn()), l = e(mn()), a = gn(), o = e(xt()), n = e(Cn()), f = e(_n()), c = e(Gt()), N = St(), M = Xt(), i = Yt(), y = he(), C = Pe();
function s(t) {
if (typeof WeakMap != "function")
return null;
var p = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap();
return (s = function(g) {
return g ? q : p;
})(t);
}
function P(t, p) {
if (!p && t && t.__esModule)
return t;
if (t === null || typeof t != "object" && typeof t != "function")
return { default: t };
var q = s(p);
if (q && q.has(t))
return q.get(t);
var g = {}, j = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var V in t)
if (V !== "default" && Object.prototype.hasOwnProperty.call(t, V)) {
var D = j ? Object.getOwnPropertyDescriptor(t, V) : null;
D && (D.get || D.set) ? Object.defineProperty(g, V, D) : g[V] = t[V];
}
return g.default = t, q && q.set(t, g), g;
}
var w = function(t, p) {
var q = {};
for (var g in t)
Object.prototype.hasOwnProperty.call(t, g) && p.indexOf(g) < 0 && (q[g] = t[g]);
if (t != null && typeof Object.getOwnPropertySymbols == "function")
for (var j = 0, g = Object.getOwnPropertySymbols(t); j < g.length; j++)
p.indexOf(g[j]) < 0 && Object.prototype.propertyIsEnumerable.call(t, g[j]) && (q[g[j]] = t[g[j]]);
return q;
};
const I = "ant";
r.defaultPrefixCls = I;
function b() {
return S.prefixCls || I;
}
function E() {
return S.iconPrefixCls || N.defaultIconPrefixCls;
}
const T = (0, u.reactive)({}), S = (0, u.reactive)({});
r.globalConfigForApi = S;
const R = ["getTargetContainer", "getPopupContainer", "rootPrefixCls", "getPrefixCls", "renderEmpty", "csp", "autoInsertSpaceInButton", "locale", "pageHeader"];
r.configConsumerProps = R, (0, u.watchEffect)(() => {
(0, d.default)(S, T), S.prefixCls = b(), S.iconPrefixCls = E(), S.getPrefixCls = (t, p) => p || (t ? `${S.prefixCls}-${t}` : S.prefixCls), S.getRootPrefixCls = () => S.prefixCls ? S.prefixCls : b();
});
let x;
const m = (t) => {
x && x(), x = (0, u.watchEffect)(() => {
(0, d.default)(T, (0, u.reactive)(t)), (0, d.default)(S, (0, u.reactive)(t));
}), t.theme && (0, a.registerTheme)(b(), t.theme);
}, A = () => ({
getPrefixCls: (t, p) => p || (t ? `${b()}-${t}` : b()),
getIconPrefixCls: E,
getRootPrefixCls: () => S.prefixCls ? S.prefixCls : b()
});
r.globalConfig = A;
const k = (0, u.defineComponent)({
compatConfig: {
MODE: 3
},
name: "AConfigProvider",
inheritAttrs: !1,
props: (0, N.configProviderProps)(),
setup(t, p) {
let {
slots: q
} = p;
const g = (0, N.useConfigContextInject)(), j = (O, F) => {
const {
prefixCls: Y = "ant"
} = t;
if (F)
return F;
const ae = Y || g.getPrefixCls("");
return O ? `${ae}-${O}` : ae;
}, V = (0, u.computed)(() => t.iconPrefixCls || g.iconPrefixCls.value || N.defaultIconPrefixCls), D = (0, u.computed)(() => V.value !== g.iconPrefixCls.value), H = (0, u.computed)(() => {
var O;
return t.csp || ((O = g.csp) === null || O === void 0 ? void 0 : O.value);
}), B = (0, n.default)(V), X = (0, f.default)((0, u.computed)(() => t.theme), (0, u.computed)(() => {
var O;
return (O = g.theme) === null || O === void 0 ? void 0 : O.value;
})), G = (O) => (t.renderEmpty || q.renderEmpty || g.renderEmpty || _.default)(O), U = (0, u.computed)(() => {
var O, F;
return (O = t.autoInsertSpaceInButton) !== null && O !== void 0 ? O : (F = g.autoInsertSpaceInButton) === null || F === void 0 ? void 0 : F.value;
}), W = (0, u.computed)(() => {
var O;
return t.locale || ((O = g.locale) === null || O === void 0 ? void 0 : O.value);
});
(0, u.watch)(W, () => {
T.locale = W.value;
}, {
immediate: !0
});
const J = (0, u.computed)(() => {
var O;
return t.direction || ((O = g.direction) === null || O === void 0 ? void 0 : O.value);
}), Se = (0, u.computed)(() => {
var O, F;
return (O = t.space) !== null && O !== void 0 ? O : (F = g.space) === null || F === void 0 ? void 0 : F.value;
}), re = (0, u.computed)(() => {
var O, F;
return (O = t.virtual) !== null && O !== void 0 ? O : (F = g.virtual) === null || F === void 0 ? void 0 : F.value;
}), be = (0, u.computed)(() => {
var O, F;
return (O = t.dropdownMatchSelectWidth) !== null && O !== void 0 ? O : (F = g.dropdownMatchSelectWidth) === null || F === void 0 ? void 0 : F.value;
}), Xe = (0, u.computed)(() => {
var O;
return t.getTargetContainer !== void 0 ? t.getTargetContainer : (O = g.getTargetContainer) === null || O === void 0 ? void 0 : O.value;
}), qt = (0, u.computed)(() => {
var O;
return t.getPopupContainer !== void 0 ? t.getPopupContainer : (O = g.getPopupContainer) === null || O === void 0 ? void 0 : O.value;
}), Rt = (0, u.computed)(() => {
var O;
return t.pageHeader !== void 0 ? t.pageHeader : (O = g.pageHeader) === null || O === void 0 ? void 0 : O.value;
}), Tt = (0, u.computed)(() => {
var O;
return t.input !== void 0 ? t.input : (O = g.input) === null || O === void 0 ? void 0 : O.value;
}), Et = (0, u.computed)(() => {
var O;
return t.pagination !== void 0 ? t.pagination : (O = g.pagination) === null || O === void 0 ? void 0 : O.value;
}), Dt = (0, u.computed)(() => {
var O;
return t.form !== void 0 ? t.form : (O = g.form) === null || O === void 0 ? void 0 : O.value;
}), Vt = (0, u.computed)(() => {
var O;
return t.select !== void 0 ? t.select : (O = g.select) === null || O === void 0 ? void 0 : O.value;
}), Ye = (0, u.computed)(() => t.componentSize), Qe = (0, u.computed)(() => t.componentDisabled), At = {
csp: H,
autoInsertSpaceInButton: U,
locale: W,
direction: J,
space: Se,
virtual: re,
dropdownMatchSelectWidth: be,
getPrefixCls: j,
iconPrefixCls: V,
theme: (0, u.computed)(() => {
var O, F;
return (O = X.value) !== null && O !== void 0 ? O : (F = g.theme) === null || F === void 0 ? void 0 : F.value;
}),
renderEmpty: G,
getTargetContainer: Xe,
getPopupContainer: qt,
pageHeader: Rt,
input: Tt,
pagination: Et,
form: Dt,
select: Vt,
componentSize: Ye,
componentDisabled: Qe,
transformCellText: (0, u.computed)(() => t.transformCellText)
}, jt = (0, u.computed)(() => {
const O = X.value || {}, {
algorithm: F,
token: Y
} = O, ae = w(O, ["algorithm", "token"]), we = F && (!Array.isArray(F) || F.length > 0) ? (0, y.createTheme)(F) : void 0;
return (0, d.default)((0, d.default)({}, ae), {
theme: we,
token: (0, d.default)((0, d.default)({}, c.default), Y)
});
}), kt = (0, u.computed)(() => {
var O, F;
let Y = {};
return W.value && (Y = ((O = W.value.Form) === null || O === void 0 ? void 0 : O.defaultValidateMessages) || ((F = o.default.Form) === null || F === void 0 ? void 0 : F.defaultValidateMessages) || {}), t.form && t.form.validateMessages && (Y = (0, d.default)((0, d.default)({}, Y), t.form.validateMessages)), Y;
});
(0, N.useConfigContextProvider)(At), (0, N.useProvideGlobalForm)({
validateMessages: kt
}), (0, M.useProviderSize)(Ye), (0, i.useProviderDisabled)(Qe);
const Ft = (O) => {
var F, Y;
let ae = D.value ? B((F = q.default) === null || F === void 0 ? void 0 : F.call(q)) : (Y = q.default) === null || Y === void 0 ? void 0 : Y.call(q);
if (t.theme) {
const we = function() {
return ae;
}();
ae = (0, u.createVNode)(C.DesignTokenProvider, {
value: jt.value
}, {
default: () => [we]
});
}
return (0, u.createVNode)($.default, {
locale: W.value || O,
ANT_MARK__: $.ANT_MARK
}, {
default: () => [ae]
});
};
return (0, u.watchEffect)(() => {
J.value && (h.default.config({
rtl: J.value === "rtl"
}), l.default.config({
rtl: J.value === "rtl"
}));
}), () => (0, u.createVNode)(v.default, {
children: (O, F, Y) => Ft(Y)
}, null);
}
});
k.config = m, k.install = function(t) {
t.component(k.name, k);
};
var L = k;
r.default = L;
}(qe)), qe;
}
var Ct;
function yn() {
if (Ct)
return ce;
Ct = 1;
var r = z;
Object.defineProperty(ce, "__esModule", {
value: !0
}), ce.default = void 0;
var e = K, u = r(le()), d = r(Q()), _ = $t(), $ = r(xe()), v = a(Mt()), h = r(ne());
function l(i) {
if (typeof WeakMap != "function")
return null;
var y = /* @__PURE__ */ new WeakMap(), C = /* @__PURE__ */ new WeakMap();
return (l = function(s) {
return s ? C : y;
})(i);
}
function a(i, y) {
if (!y && i && i.__esModule)
return i;
if (i === null || typeof i != "object" && typeof i != "function")
return { default: i };
var C = l(y);
if (C && C.has(i))
return C.get(i);
var s = {}, P = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var w in i)
if (w !== "default" && Object.prototype.hasOwnProperty.call(i, w)) {
var I = P ? Object.getOwnPropertyDescriptor(i, w) : null;
I && (I.get || I.set) ? Object.defineProperty(s, w, I) : s[w] = i[w];
}
return s.default = i, C && C.set(i, s), s;
}
var o = function(i, y) {
var C = {};
for (var s in i)
Object.prototype.hasOwnProperty.call(i, s) && y.indexOf(s) < 0 && (C[s] = i[s]);
if (i != null && typeof Object.getOwnPropertySymbols == "function")
for (var P = 0, s = Object.getOwnPropertySymbols(i); P < s.length; P++)
y.indexOf(s[P]) < 0 && Object.prototype.propertyIsEnumerable.call(i, s[P]) && (C[s[P]] = i[s[P]]);
return C;
};
let n = 0;
const f = Date.now();
function c() {
const i = n;
return n += 1, `rcNotification_${f}_${i}`;
}
const N = (0, e.defineComponent)({
name: "Notification",
inheritAttrs: !1,
props: ["prefixCls", "transitionName", "animation", "maxCount", "closeIcon", "hashId"],
setup(i, y) {
let {
attrs: C,
expose: s,
slots: P
} = y;
const w = /* @__PURE__ */ new Map(), I = (0, e.ref)([]), b = (0, e.computed)(() => {
const {
prefixCls: S,
animation: R = "fade"
} = i;
let x = i.transitionName;
return !x && R && (x = `${S}-${R}`), (0, _.getTransitionGroupProps)(x);
}), E = (S, R) => {
const x = S.key || c(), m = (0, d.default)((0, d.default)({}, S), {
key: x
}), {
maxCount: A
} = i, k = I.value.map((t) => t.notice.key).indexOf(x), L = I.value.concat();
k !== -1 ? L.splice(k, 1, {
notice: m,
holderCallback: R
}) : (A && I.value.length >= A && (m.key = L[0].notice.key, m.updateMark = c(), m.userPassKey = x, L.shift()), L.push({
notice: m,
holderCallback: R
})), I.value = L;
}, T = (S) => {
I.value = I.value.filter((R) => {
let {
notice: {
key: x,
userPassKey: m
}
} = R;
return (m || x) !== S;
});
};
return s({
add: E,
remove: T,
notices: I