@coderlt/form-designer
Version:
基于vue3的设计器,可视化开发页面表单
1,667 lines • 148 kB
JavaScript
import { g as na } from "./_commonjsHelpers-c5d32002.js";
import { i as Z } from "./interopRequireDefault-40f894e3.js";
import { r as X } from "./_vue_commonjs-external-eb7fec7f.js";
import { r as Oe, a as Le, c as aa } from "./public_api-1267ff2a.js";
import { r as Wt } from "./raf-dd6c1047.js";
import { r as Ht } from "./KeyCode-5c436a1d.js";
import { d as Ue, b as it, f as ut, k as ra, a as Bt, r as jn, e as Vn, c as oa, j as la } from "./useConfigInject-d85d8c62.js";
import { r as ia } from "./shallowequal-df3ee619.js";
import { r as Xe, a as Kt } from "./index-f96a976e.js";
import { r as ua, a as da, b as kn, c as sa } from "./PlusOutlined-4fbca845.js";
import { r as zt } from "./index-9c0620ba.js";
import { r as Mt } from "./vnode-45aa23d5.js";
import { r as ca } from "./index-0e1c5170.js";
import { r as Ln } from "./index-74b3b9ac.js";
import { r as Wn } from "./transition-d16825f8.js";
import { r as Hn } from "./AntdIcon-b29a156c.js";
import { r as fa } from "./collapseMotion-cf2619c2.js";
import { r as zn } from "./index-977e4f68.js";
import "vue";
import { r as qt } from "./useState-f730f903.js";
import { r as va } from "./index-bdab2b06.js";
import { r as pa } from "./useRefs-8fb1d76b.js";
import { r as ma } from "./isMobile-e33eaeb7.js";
import { r as ba } from "./useMergedState-8adea16c.js";
import { r as ga } from "./CloseOutlined-ca523fbb.js";
import { r as ha } from "./omit-84b99e2b.js";
function ya(a, e) {
for (var u = 0; u < e.length; u++) {
const o = e[u];
if (typeof o != "string" && !Array.isArray(o)) {
for (const b in o)
if (b !== "default" && !(b in a)) {
const s = Object.getOwnPropertyDescriptor(o, b);
s && Object.defineProperty(a, b, s.get ? s : {
enumerable: !0,
get: () => o[b]
});
}
}
}
return Object.freeze(Object.defineProperty(a, Symbol.toStringTag, { value: "Module" }));
}
var Ft = {}, Fn = {}, Ye = {}, Ze = {}, st = {}, Jt;
function $a() {
if (Jt)
return st;
Jt = 1;
var a = Z;
Object.defineProperty(st, "__esModule", {
value: !0
}), st.default = o, st.useRafState = b;
var e = X, u = a(Wt());
function o(s) {
const f = (0, e.shallowRef)(), i = (0, e.shallowRef)(!1);
function l() {
for (var m = arguments.length, v = new Array(m), d = 0; d < m; d++)
v[d] = arguments[d];
i.value || (u.default.cancel(f.value), f.value = (0, u.default)(() => {
s(...v);
}));
}
return (0, e.onBeforeUnmount)(() => {
i.value = !0, u.default.cancel(f.value);
}), l;
}
function b(s) {
const f = (0, e.shallowRef)([]), i = (0, e.shallowRef)(typeof s == "function" ? s() : s), l = o(() => {
let v = i.value;
f.value.forEach((d) => {
v = d(v);
}), f.value = [], i.value = v;
});
function m(v) {
f.value.push(v), l();
}
return [i, m];
}
return st;
}
var ct = {}, Qt;
function _a() {
if (Qt)
return ct;
Qt = 1;
var a = Z;
Object.defineProperty(ct, "__esModule", {
value: !0
}), ct.default = void 0;
var e = X, u = a(Ht()), o = a(Ue()), b = (0, e.defineComponent)({
compatConfig: {
MODE: 3
},
name: "TabNode",
props: {
id: {
type: String
},
prefixCls: {
type: String
},
tab: {
type: Object
},
active: {
type: Boolean
},
closable: {
type: Boolean
},
editable: {
type: Object
},
onClick: {
type: Function
},
onResize: {
type: Function
},
renderWrapper: {
type: Function
},
removeAriaLabel: {
type: String
},
// onRemove: { type: Function as PropType<() => void> },
onFocus: {
type: Function
}
},
emits: ["click", "resize", "remove", "focus"],
setup(s, f) {
let {
expose: i,
attrs: l
} = f;
const m = (0, e.ref)();
function v(n) {
var t;
!((t = s.tab) === null || t === void 0) && t.disabled || s.onClick(n);
}
i({
domRef: m
});
function d(n) {
var t;
n.preventDefault(), n.stopPropagation(), s.editable.onEdit("remove", {
key: (t = s.tab) === null || t === void 0 ? void 0 : t.key,
event: n
});
}
const $ = (0, e.computed)(() => {
var n;
return s.editable && s.closable !== !1 && !(!((n = s.tab) === null || n === void 0) && n.disabled);
});
return () => {
var n;
const {
prefixCls: t,
id: p,
active: r,
tab: {
key: y,
tab: h,
disabled: C,
closeIcon: O
},
renderWrapper: T,
removeAriaLabel: E,
editable: R,
onFocus: _
} = s, D = `${t}-tab`, c = (0, e.createVNode)("div", {
key: y,
ref: m,
class: (0, o.default)(D, {
[`${D}-with-remove`]: $.value,
[`${D}-active`]: r,
[`${D}-disabled`]: C
}),
style: l.style,
onClick: v
}, [(0, e.createVNode)("div", {
role: "tab",
"aria-selected": r,
id: p && `${p}-tab-${y}`,
class: `${D}-btn`,
"aria-controls": p && `${p}-panel-${y}`,
"aria-disabled": C,
tabindex: C ? null : 0,
onClick: (N) => {
N.stopPropagation(), v(N);
},
onKeydown: (N) => {
[u.default.SPACE, u.default.ENTER].includes(N.which) && (N.preventDefault(), v(N));
},
onFocus: _
}, [typeof h == "function" ? h() : h]), $.value && (0, e.createVNode)("button", {
type: "button",
"aria-label": E || "remove",
tabindex: 0,
class: `${D}-remove`,
onClick: (N) => {
N.stopPropagation(), d(N);
}
}, [(O == null ? void 0 : O()) || ((n = R.removeIcon) === null || n === void 0 ? void 0 : n.call(R)) || "×"])]);
return T ? T(c) : c;
};
}
});
return ct.default = b, ct;
}
var Tt = {}, en;
function Ca() {
if (en)
return Tt;
en = 1;
var a = Z;
Object.defineProperty(Tt, "__esModule", {
value: !0
}), Tt.default = b;
var e = a(Oe()), u = X;
const o = {
width: 0,
height: 0,
left: 0,
top: 0
};
function b(s, f) {
const i = (0, u.ref)(/* @__PURE__ */ new Map());
return (0, u.watchEffect)(() => {
var l, m;
const v = /* @__PURE__ */ new Map(), d = s.value, $ = f.value.get((l = d[0]) === null || l === void 0 ? void 0 : l.key) || o, n = $.left + $.width;
for (let t = 0; t < d.length; t += 1) {
const {
key: p
} = d[t];
let r = f.value.get(p);
r || (r = f.value.get((m = d[t - 1]) === null || m === void 0 ? void 0 : m.key) || o);
const y = v.get(p) || (0, e.default)({}, r);
y.right = n - y.left - y.width, v.set(p, y);
}
i.value = new Map(v);
}), i;
}
return Tt;
}
var Je = {}, Vt = {}, Qe = {}, ae = {}, tn;
function We() {
if (tn)
return ae;
tn = 1;
var a = Z;
Object.defineProperty(ae, "__esModule", {
value: !0
}), ae.useProvideMenu = ae.useProvideForceRender = ae.useProvideFirstLevel = ae.useInjectMenu = ae.useInjectForceRender = ae.useInjectFirstLevel = ae.default = ae.MenuFirstLevelContextKey = ae.MenuContextProvider = ae.MenuContextKey = void 0;
var e = a(Oe()), u = X;
const o = Symbol("menuContextKey");
ae.MenuContextKey = o;
const b = (t) => {
(0, u.provide)(o, t);
};
ae.useProvideMenu = b;
const s = () => (0, u.inject)(o);
ae.useInjectMenu = s;
const f = Symbol("ForceRenderKey"), i = (t) => {
(0, u.provide)(f, t);
};
ae.useProvideForceRender = i;
const l = () => (0, u.inject)(f, !1);
ae.useInjectForceRender = l;
const m = Symbol("menuFirstLevelContextKey");
ae.MenuFirstLevelContextKey = m;
const v = (t) => {
(0, u.provide)(m, t);
};
ae.useProvideFirstLevel = v;
const d = () => (0, u.inject)(m, !0);
ae.useInjectFirstLevel = d;
const $ = (0, u.defineComponent)({
compatConfig: {
MODE: 3
},
name: "MenuContextProvider",
inheritAttrs: !1,
props: {
mode: {
type: String,
default: void 0
},
overflowDisabled: {
type: Boolean,
default: void 0
}
},
setup(t, p) {
let {
slots: r
} = p;
const y = s(), h = (0, e.default)({}, y);
return t.mode !== void 0 && (h.mode = (0, u.toRef)(t, "mode")), t.overflowDisabled !== void 0 && (h.overflowDisabled = (0, u.toRef)(t, "overflowDisabled")), b(h), () => {
var C;
return (C = r.default) === null || C === void 0 ? void 0 : C.call(r);
};
}
});
ae.MenuContextProvider = $;
var n = b;
return ae.default = n, ae;
}
var et = {}, nn;
function xa() {
if (nn)
return et;
nn = 1, Object.defineProperty(et, "__esModule", {
value: !0
}), et.SiderHookProviderKey = et.SiderCollapsedKey = void 0;
const a = Symbol("siderCollapsed");
et.SiderCollapsedKey = a;
const e = Symbol("siderHookProvider");
return et.SiderHookProviderKey = e, et;
}
var tt = {}, $e = {}, an;
function At() {
if (an)
return $e;
an = 1, Object.defineProperty($e, "__esModule", {
value: !0
}), $e.useProvideKeyPath = $e.useMeasure = $e.useInjectKeyPath = $e.default = $e.PathContext = $e.OVERFLOW_KEY = $e.KeyPathContext = void 0;
var a = X;
const e = "$$__vc-menu-more__key";
$e.OVERFLOW_KEY = e;
const u = Symbol("KeyPathContext");
$e.KeyPathContext = u;
const o = () => (0, a.inject)(u, {
parentEventKeys: (0, a.computed)(() => []),
parentKeys: (0, a.computed)(() => []),
parentInfo: {}
});
$e.useInjectKeyPath = o;
const b = (m, v, d) => {
const {
parentEventKeys: $,
parentKeys: n
} = o(), t = (0, a.computed)(() => [...$.value, m]), p = (0, a.computed)(() => [...n.value, v]);
return (0, a.provide)(u, {
parentEventKeys: t,
parentKeys: p,
parentInfo: d
}), p;
};
$e.useProvideKeyPath = b;
const s = Symbol("measure"), f = (0, a.defineComponent)({
compatConfig: {
MODE: 3
},
setup(m, v) {
let {
slots: d
} = v;
return (0, a.provide)(s, !0), () => {
var $;
return ($ = d.default) === null || $ === void 0 ? void 0 : $.call(d);
};
}
});
$e.PathContext = f;
const i = () => (0, a.inject)(s, !1);
$e.useMeasure = i;
var l = b;
return $e.default = l, $e;
}
var Rt = {}, rn;
function Gn() {
if (rn)
return Rt;
rn = 1, Object.defineProperty(Rt, "__esModule", {
value: !0
}), Rt.default = u;
var a = X, e = We();
function u(o) {
const {
mode: b,
rtl: s,
inlineIndent: f
} = (0, e.useInjectMenu)();
return (0, a.computed)(() => b.value !== "inline" ? null : s.value ? {
paddingRight: `${o.value * f.value}px`
} : {
paddingLeft: `${o.value * f.value}px`
});
}
return Rt;
}
var on;
function Gt() {
if (on)
return tt;
on = 1;
var a = Z;
Object.defineProperty(tt, "__esModule", {
value: !0
}), tt.menuItemProps = tt.default = void 0;
var e = X, u = a(Le()), o = a(Oe()), b = it(), s = a(Xe()), f = At(), i = We(), l = Mt(), m = a(ca()), v = a(Ht()), d = a(Gn()), $ = a(zt()), n = a(Kt()), t = ut();
let p = 0;
const r = () => ({
id: String,
role: String,
disabled: Boolean,
danger: Boolean,
title: {
type: [String, Boolean],
default: void 0
},
icon: s.default.any,
onMouseenter: Function,
onMouseleave: Function,
onClick: Function,
onKeydown: Function,
onFocus: Function,
// Internal user prop
originItemValue: (0, t.objectType)()
});
tt.menuItemProps = r;
var y = (0, e.defineComponent)({
compatConfig: {
MODE: 3
},
name: "AMenuItem",
inheritAttrs: !1,
props: r(),
slots: Object,
setup(h, C) {
let {
slots: O,
emit: T,
attrs: E
} = C;
const R = (0, e.getCurrentInstance)(), _ = (0, f.useMeasure)(), D = typeof R.vnode.key == "symbol" ? String(R.vnode.key) : R.vnode.key;
(0, n.default)(typeof R.vnode.key != "symbol", "MenuItem", `MenuItem \`:key="${String(D)}"\` not support Symbol type`);
const c = `menu_item_${++p}_$$_${D}`, {
parentEventKeys: N,
parentKeys: P
} = (0, f.useInjectKeyPath)(), {
prefixCls: g,
activeKeys: x,
disabled: K,
changeActiveKeys: S,
rtl: w,
inlineCollapsed: B,
siderCollapsed: U,
onItemClick: z,
selectedKeys: V,
registerMenuInfo: J,
unRegisterMenuInfo: ee
} = (0, i.useInjectMenu)(), xe = (0, i.useInjectFirstLevel)(), F = (0, e.shallowRef)(!1), oe = (0, e.computed)(() => [...P.value, D]);
J(c, {
eventKey: c,
key: D,
parentEventKeys: N,
parentKeys: P,
isLeaf: !0
}), (0, e.onBeforeUnmount)(() => {
ee(c);
}), (0, e.watch)(x, () => {
F.value = !!x.value.find((q) => q === D);
}, {
immediate: !0
});
const re = (0, e.computed)(() => K.value || h.disabled), H = (0, e.computed)(() => V.value.includes(D)), Re = (0, e.computed)(() => {
const q = `${g.value}-item`;
return {
[`${q}`]: !0,
[`${q}-danger`]: h.danger,
[`${q}-active`]: F.value,
[`${q}-selected`]: H.value,
[`${q}-disabled`]: re.value
};
}), j = (q) => ({
key: D,
eventKey: c,
keyPath: oe.value,
eventKeyPath: [...N.value, c],
domEvent: q,
item: (0, o.default)((0, o.default)({}, h), E)
}), ve = (q) => {
if (re.value)
return;
const Q = j(q);
T("click", q), z(Q);
}, k = (q) => {
re.value || (S(oe.value), T("mouseenter", q));
}, te = (q) => {
re.value || (S([]), T("mouseleave", q));
}, ce = (q) => {
if (T("keydown", q), q.which === v.default.ENTER) {
const Q = j(q);
T("click", q), z(Q);
}
}, ne = (q) => {
S(oe.value), T("focus", q);
}, Me = (q, Q) => {
const fe = (0, e.createVNode)("span", {
class: `${g.value}-title-content`
}, [Q]);
return (!q || (0, b.isValidElement)(Q) && Q.type === "span") && Q && B.value && xe && typeof Q == "string" ? (0, e.createVNode)("div", {
class: `${g.value}-inline-collapsed-noicon`
}, [Q.charAt(0)]) : fe;
}, De = (0, d.default)((0, e.computed)(() => oe.value.length));
return () => {
var q, Q, fe, ie, Se;
if (_)
return null;
const Pe = (q = h.title) !== null && q !== void 0 ? q : (Q = O.title) === null || Q === void 0 ? void 0 : Q.call(O), me = (0, b.flattenChildren)((fe = O.default) === null || fe === void 0 ? void 0 : fe.call(O)), be = me.length;
let ue = Pe;
typeof Pe > "u" ? ue = xe && be ? me : "" : Pe === !1 && (ue = "");
const we = {
title: ue
};
!U.value && !B.value && (we.title = null, we.open = !1);
const Ne = {};
h.role === "option" && (Ne["aria-selected"] = H.value);
const _e = (ie = h.icon) !== null && ie !== void 0 ? ie : (Se = O.icon) === null || Se === void 0 ? void 0 : Se.call(O, h);
return (0, e.createVNode)(m.default, (0, u.default)((0, u.default)({}, we), {}, {
placement: w.value ? "left" : "right",
overlayClassName: `${g.value}-inline-collapsed-tooltip`
}), {
default: () => [(0, e.createVNode)($.default.Item, (0, u.default)((0, u.default)((0, u.default)({
component: "li"
}, E), {}, {
id: h.id,
style: (0, o.default)((0, o.default)({}, E.style || {}), De.value),
class: [Re.value, {
[`${E.class}`]: !!E.class,
[`${g.value}-item-only-child`]: (_e ? be + 1 : be) === 1
}],
role: h.role || "menuitem",
tabindex: h.disabled ? null : -1,
"data-menu-id": D,
"aria-disabled": h.disabled
}, Ne), {}, {
onMouseenter: k,
onMouseleave: te,
onClick: ve,
onKeydown: ce,
onFocus: ne,
title: typeof Pe == "string" ? Pe : void 0
}), {
default: () => [(0, l.cloneElement)(typeof _e == "function" ? _e(h.originItemValue) : _e, {
class: `${g.value}-item-icon`
}, !1), Me(_e, me)]
})]
});
};
}
});
return tt.default = y, tt;
}
var nt = {}, ft = {}, je = {}, ln;
function Sa() {
if (ln)
return je;
ln = 1, Object.defineProperty(je, "__esModule", {
value: !0
}), je.placementsRtl = je.placements = je.default = void 0;
const a = {
adjustX: 1,
adjustY: 1
}, e = {
topLeft: {
points: ["bl", "tl"],
overflow: a,
offset: [0, -7]
},
bottomLeft: {
points: ["tl", "bl"],
overflow: a,
offset: [0, 7]
},
leftTop: {
points: ["tr", "tl"],
overflow: a,
offset: [-4, 0]
},
rightTop: {
points: ["tl", "tr"],
overflow: a,
offset: [4, 0]
}
};
je.placements = e;
const u = {
topLeft: {
points: ["bl", "tl"],
overflow: a,
offset: [0, -7]
},
bottomLeft: {
points: ["tl", "bl"],
overflow: a,
offset: [0, 7]
},
rightTop: {
points: ["tr", "tl"],
overflow: a,
offset: [-4, 0]
},
leftTop: {
points: ["tl", "tr"],
overflow: a,
offset: [4, 0]
}
};
je.placementsRtl = u;
var o = e;
return je.default = o, je;
}
var un;
function Pa() {
if (un)
return ft;
un = 1;
var a = Z;
Object.defineProperty(ft, "__esModule", {
value: !0
}), ft.default = void 0;
var e = X, u = a(Oe()), o = a(Ln()), b = We(), s = Sa(), f = a(Wt()), i = a(Ue()), l = Wn();
const m = {
horizontal: "bottomLeft",
vertical: "rightTop",
"vertical-left": "rightTop",
"vertical-right": "leftTop"
};
var v = (0, e.defineComponent)({
compatConfig: {
MODE: 3
},
name: "PopupTrigger",
inheritAttrs: !1,
props: {
prefixCls: String,
mode: String,
visible: Boolean,
// popup: React.ReactNode;
popupClassName: String,
popupOffset: Array,
disabled: Boolean,
onVisibleChange: Function
},
slots: Object,
emits: ["visibleChange"],
setup(d, $) {
let {
slots: n,
emit: t
} = $;
const p = (0, e.shallowRef)(!1), {
getPopupContainer: r,
rtl: y,
subMenuOpenDelay: h,
subMenuCloseDelay: C,
builtinPlacements: O,
triggerSubMenuAction: T,
forceSubMenuRender: E,
motion: R,
defaultMotions: _,
rootClassName: D
} = (0, b.useInjectMenu)(), c = (0, b.useInjectForceRender)(), N = (0, e.computed)(() => y.value ? (0, u.default)((0, u.default)({}, s.placementsRtl), O.value) : (0, u.default)((0, u.default)({}, s.placements), O.value)), P = (0, e.computed)(() => m[d.mode]), g = (0, e.shallowRef)();
(0, e.watch)(() => d.visible, (S) => {
f.default.cancel(g.value), g.value = (0, f.default)(() => {
p.value = S;
});
}, {
immediate: !0
}), (0, e.onBeforeUnmount)(() => {
f.default.cancel(g.value);
});
const x = (S) => {
t("visibleChange", S);
}, K = (0, e.computed)(() => {
var S, w;
const B = R.value || ((S = _.value) === null || S === void 0 ? void 0 : S[d.mode]) || ((w = _.value) === null || w === void 0 ? void 0 : w.other), U = typeof B == "function" ? B() : B;
return U ? (0, l.getTransitionProps)(U.name, {
css: !0
}) : void 0;
});
return () => {
const {
prefixCls: S,
popupClassName: w,
mode: B,
popupOffset: U,
disabled: z
} = d;
return (0, e.createVNode)(o.default, {
prefixCls: S,
popupClassName: (0, i.default)(`${S}-popup`, {
[`${S}-rtl`]: y.value
}, w, D.value),
stretch: B === "horizontal" ? "minWidth" : null,
getPopupContainer: r.value,
builtinPlacements: N.value,
popupPlacement: P.value,
popupVisible: p.value,
popupAlign: U && {
offset: U
},
action: z ? [] : [T.value],
mouseEnterDelay: h.value,
mouseLeaveDelay: C.value,
onPopupVisibleChange: x,
forceRender: c || E.value,
popupAnimation: K.value
}, {
popup: n.popup,
default: n.default
});
};
}
});
return ft.default = v, ft;
}
var vt = {}, dn;
function Un() {
if (dn)
return vt;
dn = 1;
var a = Z;
Object.defineProperty(vt, "__esModule", {
value: !0
}), vt.default = void 0;
var e = X, u = a(Le()), o = a(Ue()), b = We();
const s = (i, l) => {
let {
slots: m,
attrs: v
} = l;
var d;
const {
prefixCls: $,
mode: n
} = (0, b.useInjectMenu)();
return (0, e.createVNode)("ul", (0, u.default)((0, u.default)({}, v), {}, {
class: (0, o.default)($.value, `${$.value}-sub`, `${$.value}-${n.value === "inline" ? "inline" : "vertical"}`),
"data-menu-list": !0
}), [(d = m.default) === null || d === void 0 ? void 0 : d.call(m)]);
};
s.displayName = "SubMenuList";
var f = s;
return vt.default = f, vt;
}
var pt = {}, sn;
function wa() {
if (sn)
return pt;
sn = 1;
var a = Z;
Object.defineProperty(pt, "__esModule", {
value: !0
}), pt.default = void 0;
var e = X, u = a(Oe()), o = a(Wn()), b = We(), s = a(Un()), f = (0, e.defineComponent)({
compatConfig: {
MODE: 3
},
name: "InlineSubMenuList",
inheritAttrs: !1,
props: {
id: String,
open: Boolean,
keyPath: Array
},
setup(i, l) {
let {
slots: m
} = l;
const v = (0, e.computed)(() => "inline"), {
motion: d,
mode: $,
defaultMotions: n
} = (0, b.useInjectMenu)(), t = (0, e.computed)(() => $.value === v.value), p = (0, e.ref)(!t.value), r = (0, e.computed)(() => t.value ? i.open : !1);
(0, e.watch)($, () => {
t.value && (p.value = !1);
}, {
flush: "post"
});
const y = (0, e.computed)(() => {
var h, C;
const O = d.value || ((h = n.value) === null || h === void 0 ? void 0 : h[v.value]) || ((C = n.value) === null || C === void 0 ? void 0 : C.other), T = typeof O == "function" ? O() : O;
return (0, u.default)((0, u.default)({}, T), {
appear: i.keyPath.length <= 1
});
});
return () => {
var h;
return p.value ? null : (0, e.createVNode)(b.MenuContextProvider, {
mode: v.value
}, {
default: () => [(0, e.createVNode)(o.default, y.value, {
default: () => [(0, e.withDirectives)((0, e.createVNode)(s.default, {
id: i.id
}, {
default: () => [(h = m.default) === null || h === void 0 ? void 0 : h.call(m)]
}), [[e.vShow, r.value]])]
})]
});
};
}
});
return pt.default = f, pt;
}
var cn;
function Ut() {
if (cn)
return nt;
cn = 1;
var a = Z;
Object.defineProperty(nt, "__esModule", {
value: !0
}), nt.subMenuProps = nt.default = void 0;
var e = X, u = a(Le()), o = a(Oe()), b = a(Xe()), s = C(At()), f = We(), i = it(), l = a(Ue()), m = a(Gn()), v = a(Pa()), d = a(Un()), $ = a(wa()), n = Mt(), t = a(zt()), p = a(Kt()), r = a(ra()), y = ut();
function h(R) {
if (typeof WeakMap != "function")
return null;
var _ = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap();
return (h = function(c) {
return c ? D : _;
})(R);
}
function C(R, _) {
if (!_ && R && R.__esModule)
return R;
if (R === null || typeof R != "object" && typeof R != "function")
return { default: R };
var D = h(_);
if (D && D.has(R))
return D.get(R);
var c = {}, N = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var P in R)
if (P !== "default" && Object.prototype.hasOwnProperty.call(R, P)) {
var g = N ? Object.getOwnPropertyDescriptor(R, P) : null;
g && (g.get || g.set) ? Object.defineProperty(c, P, g) : c[P] = R[P];
}
return c.default = R, D && D.set(R, c), c;
}
let O = 0;
const T = () => ({
icon: b.default.any,
title: b.default.any,
disabled: Boolean,
level: Number,
popupClassName: String,
popupOffset: Array,
internalPopupClose: Boolean,
eventKey: String,
expandIcon: Function,
theme: String,
onMouseenter: Function,
onMouseleave: Function,
onTitleClick: Function,
// Internal user prop
originItemValue: (0, y.objectType)()
});
nt.subMenuProps = T;
var E = (0, e.defineComponent)({
compatConfig: {
MODE: 3
},
name: "ASubMenu",
inheritAttrs: !1,
props: T(),
slots: Object,
setup(R, _) {
let {
slots: D,
attrs: c,
emit: N
} = _;
var P, g;
(0, f.useProvideFirstLevel)(!1);
const x = (0, s.useMeasure)(), K = (0, e.getCurrentInstance)(), S = typeof K.vnode.key == "symbol" ? String(K.vnode.key) : K.vnode.key;
(0, p.default)(typeof K.vnode.key != "symbol", "SubMenu", `SubMenu \`:key="${String(S)}"\` not support Symbol type`);
const w = (0, r.default)(S) ? S : `sub_menu_${++O}_$$_not_set_key`, B = (P = R.eventKey) !== null && P !== void 0 ? P : (0, r.default)(S) ? `sub_menu_${++O}_$$_${S}` : w, {
parentEventKeys: U,
parentInfo: z,
parentKeys: V
} = (0, s.useInjectKeyPath)(), J = (0, e.computed)(() => [...V.value, w]), ee = (0, e.shallowRef)([]), xe = {
eventKey: B,
key: w,
parentEventKeys: U,
childrenEventKeys: ee,
parentKeys: V
};
(g = z.childrenEventKeys) === null || g === void 0 || g.value.push(B), (0, e.onBeforeUnmount)(() => {
var M;
z.childrenEventKeys && (z.childrenEventKeys.value = (M = z.childrenEventKeys) === null || M === void 0 ? void 0 : M.value.filter((A) => A != B));
}), (0, s.default)(B, w, xe);
const {
prefixCls: F,
activeKeys: oe,
disabled: le,
changeActiveKeys: re,
mode: H,
inlineCollapsed: Re,
openKeys: j,
overflowDisabled: ve,
onOpenChange: k,
registerMenuInfo: te,
unRegisterMenuInfo: ce,
selectedSubMenuKeys: ne,
expandIcon: Me,
theme: De
} = (0, f.useInjectMenu)(), q = S != null, Q = !x && ((0, f.useInjectForceRender)() || !q);
(0, f.useProvideForceRender)(Q), (x && q || !x && !q || Q) && (te(B, xe), (0, e.onBeforeUnmount)(() => {
ce(B);
}));
const fe = (0, e.computed)(() => `${F.value}-submenu`), ie = (0, e.computed)(() => le.value || R.disabled), Se = (0, e.shallowRef)(), Pe = (0, e.shallowRef)(), me = (0, e.computed)(() => j.value.includes(w)), be = (0, e.computed)(() => !ve.value && me.value), ue = (0, e.computed)(() => ne.value.includes(w)), we = (0, e.shallowRef)(!1);
(0, e.watch)(oe, () => {
we.value = !!oe.value.find((M) => M === w);
}, {
immediate: !0
});
const Ne = (M) => {
ie.value || (N("titleClick", M, w), H.value === "inline" && k(w, !me.value));
}, _e = (M) => {
ie.value || (re(J.value), N("mouseenter", M));
}, qe = (M) => {
ie.value || (re([]), N("mouseleave", M));
}, I = (0, m.default)((0, e.computed)(() => J.value.length)), L = (M) => {
H.value !== "inline" && k(w, M);
}, Y = () => {
re(J.value);
}, se = B && `${B}-popup`, ge = (0, e.computed)(() => (0, l.default)(F.value, `${F.value}-${R.theme || De.value}`, R.popupClassName)), de = (M, A) => {
if (!A)
return Re.value && !V.value.length && M && typeof M == "string" ? (0, e.createVNode)("div", {
class: `${F.value}-inline-collapsed-noicon`
}, [M.charAt(0)]) : (0, e.createVNode)("span", {
class: `${F.value}-title-content`
}, [M]);
const G = (0, i.isValidElement)(M) && M.type === "span";
return (0, e.createVNode)(e.Fragment, null, [(0, n.cloneElement)(typeof A == "function" ? A(R.originItemValue) : A, {
class: `${F.value}-item-icon`
}, !1), G ? M : (0, e.createVNode)("span", {
class: `${F.value}-title-content`
}, [M])]);
}, he = (0, e.computed)(() => H.value !== "inline" && J.value.length > 1 ? "vertical" : H.value), Ee = (0, e.computed)(() => H.value === "horizontal" ? "vertical" : H.value), He = (0, e.computed)(() => he.value === "horizontal" ? "vertical" : he.value), W = () => {
var M, A;
const G = fe.value, pe = (M = R.icon) !== null && M !== void 0 ? M : (A = D.icon) === null || A === void 0 ? void 0 : A.call(D, R), ye = R.expandIcon || D.expandIcon || Me.value, Be = de((0, i.getPropsSlot)(D, R, "title"), pe);
return (0, e.createVNode)("div", {
style: I.value,
class: `${G}-title`,
tabindex: ie.value ? null : -1,
ref: Se,
title: typeof Be == "string" ? Be : null,
"data-menu-id": w,
"aria-expanded": be.value,
"aria-haspopup": !0,
"aria-controls": se,
"aria-disabled": ie.value,
onClick: Ne,
onFocus: Y
}, [Be, H.value !== "horizontal" && ye ? ye((0, o.default)((0, o.default)({}, R), {
isOpen: be.value
})) : (0, e.createVNode)("i", {
class: `${G}-arrow`
}, null)]);
};
return () => {
var M;
if (x)
return q ? (M = D.default) === null || M === void 0 ? void 0 : M.call(D) : null;
const A = fe.value;
let G = () => null;
if (!ve.value && H.value !== "inline") {
const pe = H.value === "horizontal" ? [0, 8] : [10, 0];
G = () => (0, e.createVNode)(v.default, {
mode: he.value,
prefixCls: A,
visible: !R.internalPopupClose && be.value,
popupClassName: ge.value,
popupOffset: R.popupOffset || pe,
disabled: ie.value,
onVisibleChange: L
}, {
default: () => [W()],
popup: () => (0, e.createVNode)(f.MenuContextProvider, {
mode: He.value
}, {
default: () => [(0, e.createVNode)(d.default, {
id: se,
ref: Pe
}, {
default: D.default
})]
})
});
} else
G = () => (0, e.createVNode)(v.default, null, {
default: W
});
return (0, e.createVNode)(f.MenuContextProvider, {
mode: Ee.value
}, {
default: () => [(0, e.createVNode)(t.default.Item, (0, u.default)((0, u.default)({
component: "li"
}, c), {}, {
role: "none",
class: (0, l.default)(A, `${A}-${H.value}`, c.class, {
[`${A}-open`]: be.value,
[`${A}-active`]: we.value,
[`${A}-selected`]: ue.value,
[`${A}-disabled`]: ie.value
}),
onMouseenter: _e,
onMouseleave: qe,
"data-submenu-id": w
}), {
default: () => (0, e.createVNode)(e.Fragment, null, [G(), !ve.value && (0, e.createVNode)($.default, {
id: se,
open: be.value,
keyPath: J.value
}, {
default: D.default
})])
})]
});
};
}
});
return nt.default = E, nt;
}
var kt = {}, fn;
function Xn() {
return fn || (fn = 1, function(a) {
Object.defineProperty(a, "__esModule", {
value: !0
}), a.default = void 0;
var e = X, u = b(ua()), o = b(Hn());
function b(m) {
return m && m.__esModule ? m : { default: m };
}
function s(m) {
for (var v = 1; v < arguments.length; v++) {
var d = arguments[v] != null ? Object(arguments[v]) : {}, $ = Object.keys(d);
typeof Object.getOwnPropertySymbols == "function" && ($ = $.concat(Object.getOwnPropertySymbols(d).filter(function(n) {
return Object.getOwnPropertyDescriptor(d, n).enumerable;
}))), $.forEach(function(n) {
f(m, n, d[n]);
});
}
return m;
}
function f(m, v, d) {
return v in m ? Object.defineProperty(m, v, { value: d, enumerable: !0, configurable: !0, writable: !0 }) : m[v] = d, m;
}
var i = function(v, d) {
var $ = s({}, v, d.attrs);
return (0, e.createVNode)(o.default, s({}, $, {
icon: u.default
}), null);
};
i.displayName = "EllipsisOutlined", i.inheritAttrs = !1;
var l = i;
a.default = l;
}(kt)), kt;
}
var Dt = {}, at = {}, vn;
function Yn() {
if (vn)
return at;
vn = 1;
var a = Z;
Object.defineProperty(at, "__esModule", {
value: !0
}), at.menuItemGroupProps = at.default = void 0;
var e = X, u = a(Le()), o = it(), b = a(Xe()), s = We(), f = At(), i = ut();
const l = () => ({
title: b.default.any,
// Internal user prop
originItemValue: (0, i.objectType)()
});
at.menuItemGroupProps = l;
var m = (0, e.defineComponent)({
compatConfig: {
MODE: 3
},
name: "AMenuItemGroup",
inheritAttrs: !1,
props: l(),
slots: Object,
setup(v, d) {
let {
slots: $,
attrs: n
} = d;
const {
prefixCls: t
} = (0, s.useInjectMenu)(), p = (0, e.computed)(() => `${t.value}-item-group`), r = (0, f.useMeasure)();
return () => {
var y, h;
return r ? (y = $.default) === null || y === void 0 ? void 0 : y.call($) : (0, e.createVNode)("li", (0, u.default)((0, u.default)({}, n), {}, {
onClick: (C) => C.stopPropagation(),
class: p.value
}), [(0, e.createVNode)("div", {
title: typeof v.title == "string" ? v.title : void 0,
class: `${p.value}-title`
}, [(0, o.getPropsSlot)($, v, "title")]), (0, e.createVNode)("ul", {
class: `${p.value}-list`
}, [(h = $.default) === null || h === void 0 ? void 0 : h.call($)])]);
};
}
});
return at.default = m, at;
}
var rt = {}, pn;
function Zn() {
if (pn)
return rt;
pn = 1, Object.defineProperty(rt, "__esModule", {
value: !0
}), rt.menuDividerProps = rt.default = void 0;
var a = X, e = We();
const u = () => ({
prefixCls: String,
dashed: Boolean
});
rt.menuDividerProps = u;
var o = (0, a.defineComponent)({
compatConfig: {
MODE: 3
},
name: "AMenuDivider",
props: u(),
setup(b) {
const {
prefixCls: s
} = (0, e.useInjectMenu)(), f = (0, a.computed)(() => ({
[`${s.value}-item-divider`]: !0,
[`${s.value}-item-divider-dashed`]: !!b.dashed
}));
return () => (0, a.createVNode)("li", {
class: f.value
}, null);
}
});
return rt.default = o, rt;
}
var mn;
function Ia() {
if (mn)
return Dt;
mn = 1;
var a = Z;
Object.defineProperty(Dt, "__esModule", {
value: !0
}), Dt.default = m;
var e = X, u = a(Le()), o = a(Ut()), b = a(Yn()), s = a(Zn()), f = a(Gt()), i = function(v, d) {
var $ = {};
for (var n in v)
Object.prototype.hasOwnProperty.call(v, n) && d.indexOf(n) < 0 && ($[n] = v[n]);
if (v != null && typeof Object.getOwnPropertySymbols == "function")
for (var t = 0, n = Object.getOwnPropertySymbols(v); t < n.length; t++)
d.indexOf(n[t]) < 0 && Object.prototype.propertyIsEnumerable.call(v, n[t]) && ($[n[t]] = v[n[t]]);
return $;
};
function l(v, d, $) {
return (v || []).map((n, t) => {
if (n && typeof n == "object") {
const p = n, {
label: r,
children: y,
key: h,
type: C
} = p, O = i(p, ["label", "children", "key", "type"]), T = h ?? `tmp-${t}`, E = $ ? $.parentKeys.slice() : [], R = [], _ = {
eventKey: T,
key: T,
parentEventKeys: (0, e.ref)(E),
parentKeys: (0, e.ref)(E),
childrenEventKeys: (0, e.ref)(R),
isLeaf: !1
};
if (y || C === "group") {
if (C === "group") {
const c = l(y, d, $);
return (0, e.createVNode)(b.default, (0, u.default)((0, u.default)({
key: T
}, O), {}, {
title: r,
originItemValue: n
}), {
default: () => [c]
});
}
d.set(T, _), $ && $.childrenEventKeys.push(T);
const D = l(y, d, {
childrenEventKeys: R,
parentKeys: [].concat(E, T)
});
return (0, e.createVNode)(o.default, (0, u.default)((0, u.default)({
key: T
}, O), {}, {
title: r,
originItemValue: n
}), {
default: () => [D]
});
}
return C === "divider" ? (0, e.createVNode)(s.default, (0, u.default)({
key: T
}, O), null) : (_.isLeaf = !0, d.set(T, _), (0, e.createVNode)(f.default, (0, u.default)((0, u.default)({
key: T
}, O), {}, {
originItemValue: n
}), {
default: () => [r]
}));
}
return null;
}).filter((n) => n);
}
function m(v) {
const d = (0, e.shallowRef)([]), $ = (0, e.shallowRef)(!1), n = (0, e.shallowRef)(/* @__PURE__ */ new Map());
return (0, e.watch)(() => v.items, () => {
const t = /* @__PURE__ */ new Map();
$.value = !1, v.items ? ($.value = !0, d.value = l(v.items, t)) : d.value = void 0, n.value = t;
}, {
immediate: !0,
deep: !0
}), {
itemsNodes: d,
store: n,
hasItmes: $
};
}
return Dt;
}
var mt = {}, bt = {}, bn;
function Ma() {
if (bn)
return bt;
bn = 1, Object.defineProperty(bt, "__esModule", {
value: !0
}), bt.default = void 0;
var e = (u) => {
const {
componentCls: o,
motionDurationSlow: b,
menuHorizontalHeight: s,
colorSplit: f,
lineWidth: i,
lineType: l,
menuItemPaddingInline: m
} = u;
return {
[`${o}-horizontal`]: {
lineHeight: `${s}px`,
border: 0,
borderBottom: `${i}px ${l} ${f}`,
boxShadow: "none",
"&::after": {
display: "block",
clear: "both",
height: 0,
content: '"\\20"'
},
// ======================= Item =======================
[`${o}-item, ${o}-submenu`]: {
position: "relative",
display: "inline-block",
verticalAlign: "bottom",
paddingInline: m
},
[`> ${o}-item:hover,
> ${o}-item-active,
> ${o}-submenu ${o}-submenu-title:hover`]: {
backgroundColor: "transparent"
},
[`${o}-item, ${o}-submenu-title`]: {
transition: [`border-color ${b}`, `background ${b}`].join(",")
},
// ===================== Sub Menu =====================
[`${o}-submenu-arrow`]: {
display: "none"
}
}
};
};
return bt.default = e, bt;
}
var gt = {}, gn;
function Oa() {
if (gn)
return gt;
gn = 1, Object.defineProperty(gt, "__esModule", {
value: !0
}), gt.default = void 0;
var e = (u) => {
let {
componentCls: o,
menuArrowOffset: b
} = u;
return {
[`${o}-rtl`]: {
direction: "rtl"
},
[`${o}-submenu-rtl`]: {
transformOrigin: "100% 0"
},
// Vertical Arrow
[`${o}-rtl${o}-vertical,
${o}-submenu-rtl ${o}-vertical`]: {
[`${o}-submenu-arrow`]: {
"&::before": {
transform: `rotate(-45deg) translateY(-${b})`
},
"&::after": {
transform: `rotate(45deg) translateY(${b})`
}
}
}
};
};
return gt.default = e, gt;
}
var ht = {}, hn;
function Ta() {
if (hn)
return ht;
hn = 1;
var a = Z;
Object.defineProperty(ht, "__esModule", {
value: !0
}), ht.default = void 0;
var e = a(Oe()), u = Bt();
const o = (f) => (0, e.default)({}, (0, u.genFocusOutline)(f));
var s = (f, i) => {
const {
componentCls: l,
colorItemText: m,
colorItemTextSelected: v,
colorGroupTitle: d,
colorItemBg: $,
colorSubItemBg: n,
colorItemBgSelected: t,
colorActiveBarHeight: p,
colorActiveBarWidth: r,
colorActiveBarBorderSize: y,
motionDurationSlow: h,
motionEaseInOut: C,
motionEaseOut: O,
menuItemPaddingInline: T,
motionDurationMid: E,
colorItemTextHover: R,
lineType: _,
colorSplit: D,
// Disabled
colorItemTextDisabled: c,
// Danger
colorDangerItemText: N,
colorDangerItemTextHover: P,
colorDangerItemTextSelected: g,
colorDangerItemBgActive: x,
colorDangerItemBgSelected: K,
colorItemBgHover: S,
menuSubMenuBg: w,
// Horizontal
colorItemTextSelectedHorizontal: B,
colorItemBgSelectedHorizontal: U
} = f;
return {
[`${l}-${i}`]: {
color: m,
background: $,
[`&${l}-root:focus-visible`]: (0, e.default)({}, o(f)),
// ======================== Item ========================
[`${l}-item-group-title`]: {
color: d
},
[`${l}-submenu-selected`]: {
[`> ${l}-submenu-title`]: {
color: v
}
},
// Disabled
[`${l}-item-disabled, ${l}-submenu-disabled`]: {
color: `${c} !important`
},
// Hover
[`${l}-item:hover, ${l}-submenu-title:hover`]: {
[`&:not(${l}-item-selected):not(${l}-submenu-selected)`]: {
color: R
}
},
[`&:not(${l}-horizontal)`]: {
[`${l}-item:not(${l}-item-selected)`]: {
"&:hover": {
backgroundColor: S
},
"&:active": {
backgroundColor: t
}
},
[`${l}-submenu-title`]: {
"&:hover": {
backgroundColor: S
},
"&:active": {
backgroundColor: t
}
}
},
// Danger - only Item has
[`${l}-item-danger`]: {
color: N,
[`&${l}-item:hover`]: {
[`&:not(${l}-item-selected):not(${l}-submenu-selected)`]: {
color: P
}
},
[`&${l}-item:active`]: {
background: x
}
},
[`${l}-item a`]: {
"&, &:hover": {
color: "inherit"
}
},
[`${l}-item-selected`]: {
color: v,
// Danger
[`&${l}-item-danger`]: {
color: g
},
"a, a:hover": {
color: "inherit"
}
},
[`& ${l}-item-selected`]: {
backgroundColor: t,
// Danger
[`&${l}-item-danger`]: {
backgroundColor: K
}
},
[`${l}-item, ${l}-submenu-title`]: {
[`&:not(${l}-item-disabled):focus-visible`]: (0, e.default)({}, o(f))
},
[`&${l}-submenu > ${l}`]: {
backgroundColor: w
},
[`&${l}-popup > ${l}`]: {
backgroundColor: $
},
// ====================== Horizontal ======================
[`&${l}-horizontal`]: (0, e.default)((0, e.default)({}, i === "dark" ? {
borderBottom: 0
} : {}), {
[`> ${l}-item, > ${l}-submenu`]: {
top: y,
marginTop: -y,
marginBottom: 0,
borderRadius: 0,
"&::after": {
position: "absolute",
insetInline: T,
bottom: 0,
borderBottom: `${p}px solid transparent`,
transition: `border-color ${h} ${C}`,
content: '""'
},
"&:hover, &-active, &-open": {
"&::after": {
borderBottomWidth: p,
borderBottomColor: B
}
},
"&-selected": {
color: B,
backgroundColor: U,
"&::after": {
borderBottomWidth: p,
borderBottomColor: B
}
}
}
}),
// ================== Inline & Vertical ===================
//
[`&${l}-root`]: {
[`&${l}-inline, &${l}-vertical`]: {
borderInlineEnd: `${y}px ${_} ${D}`
}
},
// ======================== Inline ========================
[`&${l}-inline`]: {
// Sub
[`${l}-sub${l}-inline`]: {
background: n
},
// Item
[`${l}-item, ${l}-submenu-title`]: y && r ? {
width: `calc(100% + ${y}px)`
} : {},
[`${l}-item`]: {
position: "relative",
"&::after": {
position: "absolute",
insetBlock: 0,
insetInlineEnd: 0,
borderInlineEnd: `${r}px solid ${v}`,
transform: "scaleY(0.0001)",
opacity: 0,
transition: [`transform ${E} ${O}`, `opacity ${E} ${O}`].join(","),
content: '""'
},
// Danger
[`&${l}-item-danger`]: {
"&::after": {
borderInlineEndColor: g
}
}
},
[`${l}-selected, ${l}-item-selected`]: {
"&::after": {
transform: "scaleY(1)",
opacity: 1,
transition: [`transform ${E} ${C}`, `opacity ${E} ${C}`].join(",")
}
}
}
}
};
};
return ht.default = s, ht;
}
var yt = {}, yn;
function Ra() {
if (yn)
return yt;
yn = 1;
var a = Z;
Object.defineProperty(yt, "__esModule", {
value: !0
}), yt.default = void 0;
var e = a(Oe()), u = Bt();
const o = (f) => {
const {
componentCls: i,
menuItemHeight: l,
itemMarginInline: m,
padding: v,
menuArrowSize: d,
marginXS: $,
marginXXS: n
} = f, t = v + d + $;
return {
[`${i}-item`]: {
position: "relative"
},
[`${i}-item, ${i}-submenu-title`]: {
height: l,
lineHeight: `${l}px`,
paddingInline: v,
overflow: "hidden",
textOverflow: "ellipsis",
marginInline: m,
marginBlock: n,
width: `calc(100% - ${m * 2}px)`
},
// disable margin collapsed
[`${i}-submenu`]: {
paddingBottom: 0.02
},
[`> ${i}-item,
> ${i}-submenu > ${i}-submenu-title`]: {
height: l,
lineHeight: `${l}px`
},
[`${i}-item-group-list ${i}-submenu-title,
${i}-submenu-title`]: {
paddingInlineEnd: t
}
};
};
var s = (f) => {
const {
componentCls: i,
iconCls: l,
menuItemHeight: m,
colorTextLightSolid: v,
dropdownWidth: d,
controlHeightLG: $,
motionDurationMid: n,
motionEaseOut: t,
paddingXL: p,
fontSizeSM: r,
fontSizeLG: y,
motionDurationSlow: h,
paddingXS: C,
boxShadowSecondary: O
} = f, T = {
height: m,
lineHeight: `${m}px`,
listStylePosition: "inside",
listStyleType: "disc"
};
return [
{
[i]: {
"&-inline, &-vertical": (0, e.default)({
[`&${i}-root`]: {
boxShadow: "none"
}
}, o(f))
},
[`${i}-submenu-popup`]: {
[`${i}-vertical`]: (0, e.default)((0, e.default)({}, o(f)), {
boxShadow: O
})
}
},
// Vertical only
{
[`${i}-submenu-popup ${i}-vertical${i}-sub`]: {
minWidth: d,
maxHeight: `calc(100vh - ${$ * 2.5}px)`,
padding: "0",
overflow: "hidden",
borderInlineEnd: 0,
// https://github.com/ant-design/ant-design/issues/22244
// https://github.com/ant-design/ant-design/issues/26812
"&:not([class*='-active'])": {
overflowX: "hidden",
overflowY: "auto"
}
}
},
// Inline Only
{
[`${i}-inline`]: {
width: "100%",
// Motion enhance for first level
[`&${i}-root`]: {
[`${i}-item, ${i}-submenu-title`]: {
display: "flex",
alignItems: "center",
transition: [`border-color ${h}`, `background ${h}`, `padding ${n} ${t}`].join(","),
[`> ${i}-title-content`]: {
flex: "auto",
minWidth: 0,
overflow: "hidden",
textOverflow: "ellipsis"
},
"> *": {
flex: "none"
}
}
},
// >>>>> Sub
[`${i}-sub${i}-inline`]: {
padding: 0,
border: 0,
borderRadius: 0,
boxShadow: "none",
[`& > ${i}-submenu > ${i}-submenu-title`]: T,
[`& ${i}-item-group-title`]: {
paddingInlineStart: p
}
}