@das-fed/ui 6.4.0-dev.44 → 6.4.0-dev.45
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/i18n-collection/en.js +6 -6
- package/i18n-collection/zh-CN.js +6 -6
- package/package.json +5 -5
- package/packages/components/menu-aside/index.js +37 -24
- package/packages/components/menu-aside/index.js.gz +0 -0
- package/packages/components/menu-aside/src/style-theme.d.ts +5 -0
- package/packages/components/menu-aside/style.css +1 -1
- package/packages/components/menu-aside/style.css.gz +0 -0
- package/packages/components/menu-aside/theme/base.d.ts +1 -0
package/i18n-collection/en.js
CHANGED
|
@@ -78,15 +78,15 @@ export default {
|
|
|
78
78
|
"das-upload-delete": "test",
|
|
79
79
|
"das-upload-tips": "test",
|
|
80
80
|
设备面板给综合看板: "",
|
|
81
|
-
选择登录企业: "",
|
|
82
|
-
搜索企业名称: "",
|
|
83
|
-
进入: "",
|
|
84
81
|
修改密码: "",
|
|
85
82
|
旧密码: "",
|
|
86
83
|
新密码: "",
|
|
87
84
|
确认新密码: "",
|
|
88
85
|
取消: "",
|
|
89
86
|
确定: "",
|
|
87
|
+
选择登录企业: "",
|
|
88
|
+
搜索企业名称: "",
|
|
89
|
+
进入: "",
|
|
90
90
|
返回主页: "",
|
|
91
91
|
抱歉: "",
|
|
92
92
|
您无权访问此页面: "",
|
|
@@ -434,6 +434,8 @@ export default {
|
|
|
434
434
|
反馈人: "",
|
|
435
435
|
反馈时间: "",
|
|
436
436
|
图片: "",
|
|
437
|
+
选择位置: "",
|
|
438
|
+
请先完善第三方地图相关配置: "",
|
|
437
439
|
启动时间: "",
|
|
438
440
|
应急负责人: "",
|
|
439
441
|
应急成员: "",
|
|
@@ -456,8 +458,6 @@ export default {
|
|
|
456
458
|
支持任意字符: "",
|
|
457
459
|
支持手动录入也支持从地图上选择位置: "",
|
|
458
460
|
发布成功: "",
|
|
459
|
-
选择位置: "",
|
|
460
|
-
请先完善第三方地图相关配置: "",
|
|
461
461
|
添加用户: "",
|
|
462
462
|
检查项内容: "",
|
|
463
463
|
超出正常范围值: "",
|
|
@@ -525,6 +525,7 @@ export default {
|
|
|
525
525
|
关闭右侧页签: "",
|
|
526
526
|
新增同级: "",
|
|
527
527
|
新增子级: "",
|
|
528
|
+
背景图片: "",
|
|
528
529
|
移到顶层: "",
|
|
529
530
|
上移一层: "",
|
|
530
531
|
下移一层: "",
|
|
@@ -532,5 +533,4 @@ export default {
|
|
|
532
533
|
单击画布两点连线: "",
|
|
533
534
|
右键或双击可停止: "",
|
|
534
535
|
请输入文本: "",
|
|
535
|
-
背景图片: "",
|
|
536
536
|
};
|
package/i18n-collection/zh-CN.js
CHANGED
|
@@ -79,15 +79,15 @@ export default {
|
|
|
79
79
|
"das-upload-delete": "删除",
|
|
80
80
|
"das-upload-tips": "提示: ",
|
|
81
81
|
设备面板给综合看板: "",
|
|
82
|
-
选择登录企业: "",
|
|
83
|
-
搜索企业名称: "",
|
|
84
|
-
进入: "",
|
|
85
82
|
修改密码: "",
|
|
86
83
|
旧密码: "",
|
|
87
84
|
新密码: "",
|
|
88
85
|
确认新密码: "",
|
|
89
86
|
取消: "",
|
|
90
87
|
确定: "",
|
|
88
|
+
选择登录企业: "",
|
|
89
|
+
搜索企业名称: "",
|
|
90
|
+
进入: "",
|
|
91
91
|
返回主页: "",
|
|
92
92
|
抱歉: "",
|
|
93
93
|
您无权访问此页面: "",
|
|
@@ -435,6 +435,8 @@ export default {
|
|
|
435
435
|
反馈人: "",
|
|
436
436
|
反馈时间: "",
|
|
437
437
|
图片: "",
|
|
438
|
+
选择位置: "",
|
|
439
|
+
请先完善第三方地图相关配置: "",
|
|
438
440
|
启动时间: "",
|
|
439
441
|
应急负责人: "",
|
|
440
442
|
应急成员: "",
|
|
@@ -457,8 +459,6 @@ export default {
|
|
|
457
459
|
支持任意字符: "",
|
|
458
460
|
支持手动录入也支持从地图上选择位置: "",
|
|
459
461
|
发布成功: "",
|
|
460
|
-
选择位置: "",
|
|
461
|
-
请先完善第三方地图相关配置: "",
|
|
462
462
|
添加用户: "",
|
|
463
463
|
检查项内容: "",
|
|
464
464
|
超出正常范围值: "",
|
|
@@ -526,6 +526,7 @@ export default {
|
|
|
526
526
|
关闭右侧页签: "",
|
|
527
527
|
新增同级: "",
|
|
528
528
|
新增子级: "",
|
|
529
|
+
背景图片: "",
|
|
529
530
|
移到顶层: "",
|
|
530
531
|
上移一层: "",
|
|
531
532
|
下移一层: "",
|
|
@@ -533,5 +534,4 @@ export default {
|
|
|
533
534
|
单击画布两点连线: "",
|
|
534
535
|
右键或双击可停止: "",
|
|
535
536
|
请输入文本: "",
|
|
536
|
-
背景图片: "",
|
|
537
537
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@das-fed/ui",
|
|
3
|
-
"version": "6.4.0-dev.
|
|
3
|
+
"version": "6.4.0-dev.45",
|
|
4
4
|
"description": "",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./index.js",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"@antv/x6-plugin-snapline": "^2.1.7",
|
|
27
27
|
"@antv/x6-plugin-transform": "^2.1.8",
|
|
28
28
|
"@antv/x6-vue-shape": "^2.1.2",
|
|
29
|
-
"@das-fed/cli": "6.4.0-dev.
|
|
29
|
+
"@das-fed/cli": "6.4.0-dev.45",
|
|
30
30
|
"@element-plus/icons-vue": "^2.3.1",
|
|
31
31
|
"@types/lodash": "^4.14.194",
|
|
32
32
|
"@types/lodash-es": "^4.17.9",
|
|
@@ -56,9 +56,9 @@
|
|
|
56
56
|
"vue-tsc": "^2.0.29"
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
|
-
"@das-fed/ui": "6.4.0-dev.
|
|
60
|
-
"@das-fed/utils": "6.4.0-dev.
|
|
61
|
-
"@das-fed/web": "6.4.0-dev.
|
|
59
|
+
"@das-fed/ui": "6.4.0-dev.45",
|
|
60
|
+
"@das-fed/utils": "6.4.0-dev.45",
|
|
61
|
+
"@das-fed/web": "6.4.0-dev.45",
|
|
62
62
|
"@wangeditor/editor": "^5.1.23",
|
|
63
63
|
"@wangeditor/editor-for-vue": "^5.1.12",
|
|
64
64
|
"@wangeditor/plugin-upload-attachment": "^1.1.0",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '@das-fed/ui/packages/components/menu-aside/style.css';
|
|
2
2
|
import { withInstall as Le } from "@das-fed/utils/with-install/index";
|
|
3
|
-
import { h as ve, nextTick as Ve, createVNode as _, defineComponent as fe, computed as
|
|
3
|
+
import { h as ve, nextTick as Ve, createVNode as _, defineComponent as fe, computed as I, openBlock as c, createElementBlock as g, normalizeStyle as Z, ref as Q, createBlock as T, unref as d, mergeProps as le, withCtx as A, createElementVNode as m, renderSlot as D, createCommentVNode as v, createTextVNode as We, toDisplayString as S, Fragment as O, withDirectives as ye, renderList as R, normalizeClass as M, withModifiers as be, watch as me, onMounted as qe, isRef as Ze } from "vue";
|
|
4
4
|
import { t as G } from "@das-fed/web/packages/i18n/index";
|
|
5
5
|
import { DasScrollbar as Ge } from "@das-fed/ui/packages/components/scrollbar/index";
|
|
6
6
|
import { DasTooltip as Je } from "@das-fed/ui/packages/components/tooltip/index";
|
|
@@ -597,10 +597,10 @@ P.inheritAttrs = !1;
|
|
|
597
597
|
P.displayName = "IconBase";
|
|
598
598
|
P.getTwoToneColors = En;
|
|
599
599
|
P.setTwoToneColors = Pn;
|
|
600
|
-
function
|
|
601
|
-
return Bn(e) || Nn(e, r) || Kn(e, r) ||
|
|
600
|
+
function Dn(e, r) {
|
|
601
|
+
return Bn(e) || Nn(e, r) || Kn(e, r) || In();
|
|
602
602
|
}
|
|
603
|
-
function
|
|
603
|
+
function In() {
|
|
604
604
|
throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
605
605
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
|
|
606
606
|
}
|
|
@@ -641,7 +641,7 @@ function Bn(e) {
|
|
|
641
641
|
if (Array.isArray(e)) return e;
|
|
642
642
|
}
|
|
643
643
|
function Re(e) {
|
|
644
|
-
var r = ze(e), n =
|
|
644
|
+
var r = ze(e), n = Dn(r, 2), t = n[0], a = n[1];
|
|
645
645
|
return P.setTwoToneColors({
|
|
646
646
|
primaryColor: t,
|
|
647
647
|
secondaryColor: a
|
|
@@ -784,7 +784,7 @@ var de = function(r, n) {
|
|
|
784
784
|
de.displayName = "MenuFoldOutlined";
|
|
785
785
|
de.inheritAttrs = !1;
|
|
786
786
|
var Yn = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 000-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0014.4 7z" } }] }, name: "menu-unfold", theme: "outlined" };
|
|
787
|
-
function
|
|
787
|
+
function De(e) {
|
|
788
788
|
for (var r = 1; r < arguments.length; r++) {
|
|
789
789
|
var n = arguments[r] != null ? Object(arguments[r]) : {}, t = Object.keys(n);
|
|
790
790
|
typeof Object.getOwnPropertySymbols == "function" && (t = t.concat(Object.getOwnPropertySymbols(n).filter(function(a) {
|
|
@@ -799,8 +799,8 @@ function Qn(e, r, n) {
|
|
|
799
799
|
return r in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
|
|
800
800
|
}
|
|
801
801
|
var pe = function(r, n) {
|
|
802
|
-
var t =
|
|
803
|
-
return _(E,
|
|
802
|
+
var t = De({}, r, n.attrs);
|
|
803
|
+
return _(E, De({}, t, {
|
|
804
804
|
icon: Yn
|
|
805
805
|
}), null);
|
|
806
806
|
};
|
|
@@ -813,10 +813,10 @@ const Xn = ["src"], He = /* @__PURE__ */ fe({
|
|
|
813
813
|
status: { default: "default" }
|
|
814
814
|
},
|
|
815
815
|
setup(e) {
|
|
816
|
-
const r = e, n =
|
|
816
|
+
const r = e, n = I(() => {
|
|
817
817
|
var o, u, l, f;
|
|
818
818
|
return r.status === "default" ? (((o = r.data) == null ? void 0 : o.host) || "") + X(r.data.iconUrl) : (u = r.data) != null && u.hoverIcon ? (((l = r.data) == null ? void 0 : l.host) || "") + X(r.data.hoverIcon) : (((f = r.data) == null ? void 0 : f.host) || "") + X(r.data.iconUrl);
|
|
819
|
-
}), t =
|
|
819
|
+
}), t = I(() => ({
|
|
820
820
|
display: "block",
|
|
821
821
|
"background-color": "currentColor",
|
|
822
822
|
"mask-image": `url(${n.value})`
|
|
@@ -899,7 +899,7 @@ const Xn = ["src"], He = /* @__PURE__ */ fe({
|
|
|
899
899
|
return [
|
|
900
900
|
m("div", rr, [
|
|
901
901
|
l.menuInfo.hideIcon ? v("v-if", !0) : (c(), g("div", tr, [
|
|
902
|
-
|
|
902
|
+
D(l.$slots, "icon", { menuInfo: l.menuInfo }, () => [
|
|
903
903
|
_(He, {
|
|
904
904
|
data: l.menuInfo,
|
|
905
905
|
status: l.parentSelectKeys.includes(l.menuInfo.id) || n.value === l.menuInfo.id ? "hover" : "default"
|
|
@@ -907,7 +907,7 @@ const Xn = ["src"], He = /* @__PURE__ */ fe({
|
|
|
907
907
|
])
|
|
908
908
|
])),
|
|
909
909
|
l.collapse ? v("v-if", !0) : (c(), g("div", ar, [
|
|
910
|
-
|
|
910
|
+
D(l.$slots, ((i = l.menuInfo) == null ? void 0 : i.code) + "-name", {}, () => [
|
|
911
911
|
We(
|
|
912
912
|
S(l.menuInfo.name),
|
|
913
913
|
1
|
|
@@ -1170,10 +1170,17 @@ const Xn = ["src"], He = /* @__PURE__ */ fe({
|
|
|
1170
1170
|
document.documentElement.style.setProperty("--das-menu-submenu-popup-z-index", "2000");
|
|
1171
1171
|
});
|
|
1172
1172
|
const o = (i) => {
|
|
1173
|
-
|
|
1173
|
+
if (e.mode === "inline") {
|
|
1174
|
+
if (!l.value) {
|
|
1175
|
+
const h = t.value.filter((y) => !i.includes(y));
|
|
1176
|
+
t.value = t.value.filter((y) => !h.includes(y));
|
|
1177
|
+
}
|
|
1178
|
+
n.value = [i[i.length - 1]];
|
|
1179
|
+
}
|
|
1180
|
+
e.mode === "vertical" && (n.value = Array.from(new Set(i.concat(t.value))), i && i.length === 1 && document.documentElement.style.setProperty("--das-menu-submenu-popup-z-index", en().nextZIndex() + ""));
|
|
1174
1181
|
}, u = (i) => {
|
|
1175
1182
|
!i || !i.key || r("menuClick", i);
|
|
1176
|
-
}, l =
|
|
1183
|
+
}, l = I({
|
|
1177
1184
|
get: () => !!e.collapse,
|
|
1178
1185
|
set: (i) => {
|
|
1179
1186
|
r("update:collapse", i);
|
|
@@ -1190,7 +1197,7 @@ const Xn = ["src"], He = /* @__PURE__ */ fe({
|
|
|
1190
1197
|
l.value = i, r("toggleCollapse", i);
|
|
1191
1198
|
}
|
|
1192
1199
|
};
|
|
1193
|
-
},
|
|
1200
|
+
}, Ie = {
|
|
1194
1201
|
"--das-ui-layout-aside-background-color": {
|
|
1195
1202
|
kjl: "#FFFFFF",
|
|
1196
1203
|
ssl: "#1B1F40",
|
|
@@ -1251,6 +1258,11 @@ const Xn = ["src"], He = /* @__PURE__ */ fe({
|
|
|
1251
1258
|
ssl: "#000000",
|
|
1252
1259
|
cjb: "#F2F6FF"
|
|
1253
1260
|
},
|
|
1261
|
+
"--das-ui-layout-aside-submenu-title-border-color": {
|
|
1262
|
+
kjl: "#D9D9D9",
|
|
1263
|
+
ssl: "#D9D9D9",
|
|
1264
|
+
cjb: "#D9D9D9"
|
|
1265
|
+
},
|
|
1254
1266
|
"--das-ui-layout-aside-collapse-icon-bg-color": {
|
|
1255
1267
|
kjl: "#666666",
|
|
1256
1268
|
ssl: "#D6D7DA",
|
|
@@ -1295,18 +1307,18 @@ const Xn = ["src"], He = /* @__PURE__ */ fe({
|
|
|
1295
1307
|
},
|
|
1296
1308
|
emits: ["update:collapse", "update:currentOpenKeys", "menuClick", "toggleCollapse"],
|
|
1297
1309
|
setup(e, { emit: r }) {
|
|
1298
|
-
const n = Q(""), t = e, a = r, o = "das-aside-menu-submenu", u =
|
|
1310
|
+
const n = Q(""), t = e, a = r, o = "das-aside-menu-submenu", u = I(() => {
|
|
1299
1311
|
var b;
|
|
1300
1312
|
let p = o;
|
|
1301
1313
|
return (b = t == null ? void 0 : t.subMenuAttrs) != null && b.popupClassName && (p = `${p} ${t.subMenuAttrs.popupClassName}`), {
|
|
1302
1314
|
popupClassName: p
|
|
1303
1315
|
};
|
|
1304
|
-
}), l =
|
|
1316
|
+
}), l = I(() => {
|
|
1305
1317
|
const p = {}, b = document.getElementById(o);
|
|
1306
1318
|
if (t.globalTheme === "default")
|
|
1307
1319
|
return b && b.remove(), p;
|
|
1308
|
-
Object.keys(
|
|
1309
|
-
p[x] =
|
|
1320
|
+
Object.keys(Ie).forEach((x) => {
|
|
1321
|
+
p[x] = Ie[x][t.globalTheme];
|
|
1310
1322
|
});
|
|
1311
1323
|
const s = [
|
|
1312
1324
|
{
|
|
@@ -1315,7 +1327,7 @@ const Xn = ["src"], He = /* @__PURE__ */ fe({
|
|
|
1315
1327
|
}
|
|
1316
1328
|
];
|
|
1317
1329
|
return b ? nn(o, s) : rn(o, s), p;
|
|
1318
|
-
}), f =
|
|
1330
|
+
}), f = I(() => {
|
|
1319
1331
|
const p = t.menus || [], b = JSON.parse(JSON.stringify(p));
|
|
1320
1332
|
return !b || !b.length ? [] : Ue(b);
|
|
1321
1333
|
}), { isCollapse: i, openKeys: h, affixKeys: y, toggleAffix: w, openChange: K, menuClick: U, toggleCollapse: N } = Or(
|
|
@@ -1413,8 +1425,8 @@ const Xn = ["src"], He = /* @__PURE__ */ fe({
|
|
|
1413
1425
|
v(" 第一种icon插槽 "),
|
|
1414
1426
|
p.$slots[`${s == null ? void 0 : s.code}-leftIcon`] ? (c(), g("div", jr, [
|
|
1415
1427
|
v(" 第二种icon插槽 "),
|
|
1416
|
-
|
|
1417
|
-
])) :
|
|
1428
|
+
D(p.$slots, `${s == null ? void 0 : s.code}-leftIcon`)
|
|
1429
|
+
])) : D(p.$slots, "icon", {
|
|
1418
1430
|
key: 0,
|
|
1419
1431
|
menuInfo: s
|
|
1420
1432
|
}, () => [
|
|
@@ -1449,7 +1461,7 @@ const Xn = ["src"], He = /* @__PURE__ */ fe({
|
|
|
1449
1461
|
v(" 箭头 "),
|
|
1450
1462
|
s != null && s.disable && ((ge = s == null ? void 0 : s.originalChildren) != null && ge.length) ? (c(), g("i", Tr)) : v("v-if", !0),
|
|
1451
1463
|
v("@slots 右侧icon "),
|
|
1452
|
-
|
|
1464
|
+
D(p.$slots, (s == null ? void 0 : s.code) + "-rightIcon")
|
|
1453
1465
|
])
|
|
1454
1466
|
],
|
|
1455
1467
|
2
|
|
@@ -1477,7 +1489,7 @@ const Xn = ["src"], He = /* @__PURE__ */ fe({
|
|
|
1477
1489
|
}, 16, ["class", "mode", "openKeys", "selectedKeys", "inline-collapsed", "onOpenChange", "onClick"])) : v("v-if", !0),
|
|
1478
1490
|
v(" 底部插槽 "),
|
|
1479
1491
|
m("div", Mr, [
|
|
1480
|
-
|
|
1492
|
+
D(p.$slots, "bottom")
|
|
1481
1493
|
])
|
|
1482
1494
|
]),
|
|
1483
1495
|
_: 3
|
|
@@ -1540,6 +1552,7 @@ const Xn = ["src"], He = /* @__PURE__ */ fe({
|
|
|
1540
1552
|
"--das-ui-layout-aside-submenu-item-hover-color": "rgba(255,255,255,0.9)",
|
|
1541
1553
|
"--das-ui-layout-aside-submenu-item-hover-background-color": "rgba(0,0,0,0.4)",
|
|
1542
1554
|
"--das-ui-layout-aside-submenu-item-active-background-color": "rgba(0,0,0,0.4)",
|
|
1555
|
+
"--das-ui-layout-aside-submenu-title-border-color": "rgba(255, 255, 255, 0.3)",
|
|
1543
1556
|
"--das-ui-layout-aside-collapse-icon-bg-color": "rgba(255,255,255,0.65)",
|
|
1544
1557
|
"--das-ui-layout-aside-collapse-icon-hover-bg-color": "#5582F3",
|
|
1545
1558
|
"--das-ui-layout-aside-divise-border-color": "rgba(255, 255, 255, 0.3)",
|
|
Binary file
|
|
@@ -59,6 +59,11 @@ declare const _default: {
|
|
|
59
59
|
ssl: string;
|
|
60
60
|
cjb: string;
|
|
61
61
|
};
|
|
62
|
+
'--das-ui-layout-aside-submenu-title-border-color': {
|
|
63
|
+
kjl: string;
|
|
64
|
+
ssl: string;
|
|
65
|
+
cjb: string;
|
|
66
|
+
};
|
|
62
67
|
'--das-ui-layout-aside-collapse-icon-bg-color': {
|
|
63
68
|
kjl: string;
|
|
64
69
|
ssl: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ant-menu.ant-menu-dark .ant-menu-sub,.ant-menu-item-selected{background-color:var(--das-ui-layout-aside-submenu-background-color)!important}.ant-menu-vertical .ant-menu-submenu-title{margin:0!important}.ant-menu-submenu>.ant-menu{border-radius:0!important}.das-ui-sub-menu.ant-menu-submenu-vertical.is-active .ant-menu-submenu-title{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-item{margin:0!important;padding:0!important}.ant-menu-submenu-title{padding:0!important}.ant-menu-vertical>.ant-menu-item,.ant-menu-inline>.ant-menu-item{height:auto!important}.ant-menu-submenu-popup{z-index:var(--das-menu-submenu-popup-z-index)!important}.ant-menu-submenu-popup .submenu-container{display:flex;flex-direction:column;box-sizing:border-box}.ant-menu-submenu-popup .submenu-container.is-collapse{width:156px}.ant-menu-submenu-popup .submenu-container .title-bar{display:flex;align-items:center;justify-content:space-between;margin:0 24px;padding:12px 0;height:50px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.3)}.ant-menu-submenu-popup .submenu-container .title-bar.is-collapse{margin:0 12px 0 20px}.ant-menu-submenu-popup .submenu-container .title-bar .title-left{display:flex;align-items:center}.ant-menu-submenu-popup .submenu-container .title-bar .title-left .title{font-size:12px;color:var(--das-ui-layout-aside--item-color);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ant-menu-submenu-popup .submenu-container .title-bar .title-right{display:flex;align-items:center;color:var(--das-ui-layout-aside-submenu-item-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right.affix{color:var(--das-ui-layout-aside-submenu-item-affix-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right .das-icon{transform:translateY(-1px)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right .icon-title{font-size:12px;padding-left:5px}.ant-menu-submenu-popup .submenu-container .item-container{position:relative;font-size:12px;box-sizing:border-box;max-height:356px;min-height:60px;color:var(--das-ui-layout-aside-submenu-item-color);padding:15px 30px 15px 18px}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row{display:flex;align-items:center}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item{width:126px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;margin-right:7px;margin-left:7px;padding:0 8px}@media (min-width: 1100px){.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item{width:168px}}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:first-child{margin-left:0}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:last-child{margin-right:0}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container{max-height:620px;box-sizing:border-box;padding:8px 0}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item{font-size:12px;color:var(--das-ui-layout-aside-submenu-item-color);padding:0 12px 0 20px;height:50px;line-height:50px;display:flex;align-items:center;justify-content:space-between}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.ant-menu-inline .ant-menu-title-content{width:100%}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline{height:var(--das-ui-layout-aside-menu-item-height);padding:0 46px 0 51px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline.is-expired{padding:0 16px 0 51px}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline .name{font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1;min-width:0}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.das-ui-layout-aside{display:flex;flex-direction:column;width:var(--das-ui-layout-aside-menu-width);height:100%}.das-ui-layout-aside.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-layout-aside .ant-menu-vertical{background-color:var(--das-ui-layout-aside-submenu-vertical-background-color)}.das-ui-layout-aside .ant-menu-vertical .ant-menu-submenu-arrow:before{height:1.3px;width:7px;transform:rotate(45deg) translateY(-3.5px);background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-layout-aside .ant-menu-vertical .ant-menu-submenu-arrow:after{height:1.3px;width:7px;transform:rotate(-45deg) translateY(3.5px);background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-arrow:before{height:1.3px;width:7px;background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-arrow:after{height:1.3px;width:7px;background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:before{transform:rotate(45deg) translate(3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:after{transform:rotate(-45deg) translate(-3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-layout-aside .das-ui-aside-menu{display:flex;flex-direction:column;flex:1;min-height:0;width:var(--das-ui-layout-aside-menu-width);background-color:var(--das-ui-layout-aside-background-color)}.das-ui-layout-aside .das-ui-aside-menu.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-layout-aside .das-ui-aside-menu.is-collapse .ant-menu-submenu-arrow{display:none}.das-ui-layout-aside .das-ui-aside-menu .ant-menu.ant-menu-dark{width:var(--das-ui-layout-aside-menu-width);color:var(--das-ui-layout-aside--item-color);background-color:var(--das-ui-layout-aside-background-color);transition:none}.das-ui-layout-aside .das-ui-aside-menu .ant-menu.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon{color:var(--das-ui-layout-aside--item-active-color)}.das-ui-layout-aside .das-ui-aside-menu .ant-menu.ant-menu-dark.ant-menu.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-layout-aside .das-ui-aside-menu .ant-menu.ant-menu-dark.ant-menu-vertical .ant-menu-submenu-open .aside-menu-title{color:var(--das-ui-layout-aside-item-hover-color);background-color:var(--das-ui-layout-aside-item-hover-background-color)}.das-ui-layout-aside .das-ui-aside-menu .das-aside-menu-bottom-container{margin-top:auto}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item{color:var(--das-ui-layout-aside--item-color);margin:0!important;display:flex;flex-direction:column;justify-content:center;transition:none!important}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item.ant-menu-item-selected{background-color:transparent!important}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item .aside-menu-title.is-active{color:var(--das-ui-layout-aside--item-active-color)!important;background-color:var(--das-ui-layout-aside--item-active-background-color)!important}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item:focus-visible{box-shadow:none!important}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow{opacity:.6;transition:all .3s}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow:after,.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow:before{background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-submenu-title{color:var(--das-ui-layout-aside--item-color);height:var(--das-ui-layout-aside-menu-item-height)!important;line-height:var(--das-ui-layout-aside-menu-item-height)!important;margin:0!important}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-submenu-title .menu-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:30px;font-size:12px;flex:1;min-width:0}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title{width:100%;padding-left:15px;padding-right:4px;box-sizing:border-box;display:flex!important;align-items:center;height:var(--das-ui-layout-aside-menu-item-height)}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title.is-expired{padding-right:18px}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .icon-box{flex-shrink:0;padding-right:15px}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .icon-box i,.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .icon-box img{width:20px;height:20px}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .menu-item-content{display:flex;justify-content:space-between;align-items:center;flex:1;min-width:0;height:100%}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .menu-item-content .menu-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;flex:1;min-width:0}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .menu-item-content .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item:hover{color:var(--das-ui-layout-aside-collapse-icon-bg-color)!important}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title:hover{color:var(--das-ui-layout-aside-item-hover-color)}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-vertical .aside-menu-title:hover{background-color:var(--das-ui-layout-aside-item-hover-background-color)}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-inline .aside-menu-title:not(.has-children):hover{background-color:var(--das-ui-layout-aside-item-hover-background-color)}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-submenu-title{padding-left:15px}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-submenu-title .ant-menu-item-icon{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item.divise-menu-item{border-bottom:1px solid var(--das-ui-layout-aside-divise-border-color)}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item.divise-menu-item .aside-menu-title{height:59px;line-height:59px}.das-ui-layout-aside .icon-container{width:var(--das-ui-layout-aside-menu-width);display:flex;flex-direction:column;justify-content:center;height:50px;border-top:1px solid rgba(255,255,255,.3);background-color:var(--das-ui-layout-aside-background-color);transition:none}.das-ui-layout-aside .icon-container.is-collapse{align-items:center;width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-layout-aside .icon-container .collapse-icon{cursor:pointer;color:var(--das-ui-layout-aside-collapse-icon-bg-color);font-size:20px}.das-ui-layout-aside .icon-container .collapse-icon:hover{color:var(--das-ui-layout-aside-collapse-icon-hover-bg-color)}.das-ui-layout-aside.theme-kjl .ant-menu-submenu.is-active,.das-ui-layout-aside.theme-kjl .aside-menu-title.is-active,.das-ui-layout-aside.theme-kjl .sub-menu-item_inline.is-active,.das-ui-layout-aside.theme-cjb .ant-menu-submenu.is-active,.das-ui-layout-aside.theme-cjb .aside-menu-title.is-active,.das-ui-layout-aside.theme-cjb .sub-menu-item_inline.is-active{border-left:2px solid var(--das-ui-layout-aside--item-active-color)}
|
|
1
|
+
.ant-menu.ant-menu-dark .ant-menu-sub,.ant-menu-item-selected{background-color:var(--das-ui-layout-aside-submenu-background-color)!important}.ant-menu-vertical .ant-menu-submenu-title{margin:0!important}.ant-menu-submenu>.ant-menu{border-radius:0!important}.das-ui-sub-menu.ant-menu-submenu-vertical.is-active .ant-menu-submenu-title{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-item{margin:0!important;padding:0!important}.ant-menu-submenu-title{padding:0!important}.ant-menu-vertical>.ant-menu-item,.ant-menu-inline>.ant-menu-item{height:auto!important}.ant-menu-submenu-popup{z-index:var(--das-menu-submenu-popup-z-index)!important}.ant-menu-submenu-popup .submenu-container{display:flex;flex-direction:column;box-sizing:border-box}.ant-menu-submenu-popup .submenu-container.is-collapse{width:156px}.ant-menu-submenu-popup .submenu-container .title-bar{display:flex;align-items:center;justify-content:space-between;margin:0 24px;padding:12px 0;height:50px;box-sizing:border-box;border-bottom:1px solid var(--das-ui-layout-aside-submenu-title-border-color)}.ant-menu-submenu-popup .submenu-container .title-bar.is-collapse{margin:0 12px 0 20px}.ant-menu-submenu-popup .submenu-container .title-bar .title-left{display:flex;align-items:center}.ant-menu-submenu-popup .submenu-container .title-bar .title-left .title{font-size:12px;color:var(--das-ui-layout-aside--item-color);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ant-menu-submenu-popup .submenu-container .title-bar .title-right{display:flex;align-items:center;color:var(--das-ui-layout-aside-submenu-item-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right.affix{color:var(--das-ui-layout-aside-submenu-item-affix-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right .das-icon{transform:translateY(-1px)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right .icon-title{font-size:12px;padding-left:5px}.ant-menu-submenu-popup .submenu-container .item-container{position:relative;font-size:12px;box-sizing:border-box;max-height:356px;min-height:60px;color:var(--das-ui-layout-aside-submenu-item-color);padding:15px 30px 15px 18px}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row{display:flex;align-items:center}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item{width:126px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;margin-right:7px;margin-left:7px;padding:0 8px}@media (min-width: 1100px){.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item{width:168px}}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:first-child{margin-left:0}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:last-child{margin-right:0}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container{max-height:620px;box-sizing:border-box;padding:8px 0}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item{font-size:12px;color:var(--das-ui-layout-aside-submenu-item-color);padding:0 12px 0 20px;height:50px;line-height:50px;display:flex;align-items:center;justify-content:space-between}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.ant-menu-inline .ant-menu-title-content{width:100%}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline{height:var(--das-ui-layout-aside-menu-item-height);padding:0 46px 0 51px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline.is-expired{padding:0 16px 0 51px}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline .name{font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1;min-width:0}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.das-ui-layout-aside{display:flex;flex-direction:column;width:var(--das-ui-layout-aside-menu-width);height:100%}.das-ui-layout-aside.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-layout-aside .ant-menu-vertical{background-color:var(--das-ui-layout-aside-submenu-vertical-background-color)}.das-ui-layout-aside .ant-menu-vertical .ant-menu-submenu-arrow:before{height:1.3px;width:7px;transform:rotate(45deg) translateY(-3.5px);background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-layout-aside .ant-menu-vertical .ant-menu-submenu-arrow:after{height:1.3px;width:7px;transform:rotate(-45deg) translateY(3.5px);background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-arrow:before{height:1.3px;width:7px;background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-arrow:after{height:1.3px;width:7px;background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:before{transform:rotate(45deg) translate(3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:after{transform:rotate(-45deg) translate(-3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-layout-aside .das-ui-aside-menu{display:flex;flex-direction:column;flex:1;min-height:0;width:var(--das-ui-layout-aside-menu-width);background-color:var(--das-ui-layout-aside-background-color)}.das-ui-layout-aside .das-ui-aside-menu.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-layout-aside .das-ui-aside-menu.is-collapse .ant-menu-submenu-arrow{display:none}.das-ui-layout-aside .das-ui-aside-menu .ant-menu.ant-menu-dark{width:var(--das-ui-layout-aside-menu-width);color:var(--das-ui-layout-aside--item-color);background-color:var(--das-ui-layout-aside-background-color);transition:none}.das-ui-layout-aside .das-ui-aside-menu .ant-menu.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon{color:var(--das-ui-layout-aside--item-active-color)}.das-ui-layout-aside .das-ui-aside-menu .ant-menu.ant-menu-dark.ant-menu.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-layout-aside .das-ui-aside-menu .ant-menu.ant-menu-dark.ant-menu-vertical .ant-menu-submenu-open .aside-menu-title{color:var(--das-ui-layout-aside-item-hover-color);background-color:var(--das-ui-layout-aside-item-hover-background-color)}.das-ui-layout-aside .das-ui-aside-menu .das-aside-menu-bottom-container{margin-top:auto}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item{color:var(--das-ui-layout-aside--item-color);margin:0!important;display:flex;flex-direction:column;justify-content:center;transition:none!important}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item.ant-menu-item-selected{background-color:transparent!important}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item .aside-menu-title.is-active{color:var(--das-ui-layout-aside--item-active-color)!important;background-color:var(--das-ui-layout-aside--item-active-background-color)!important}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item:focus-visible{box-shadow:none!important}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow{opacity:.6;transition:all .3s}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow:after,.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow:before{background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-submenu-title{color:var(--das-ui-layout-aside--item-color);height:var(--das-ui-layout-aside-menu-item-height)!important;line-height:var(--das-ui-layout-aside-menu-item-height)!important;margin:0!important}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-submenu-title .menu-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:30px;font-size:12px;flex:1;min-width:0}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title{width:100%;padding-left:15px;padding-right:4px;box-sizing:border-box;display:flex!important;align-items:center;height:var(--das-ui-layout-aside-menu-item-height)}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title.is-expired{padding-right:18px}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .icon-box{flex-shrink:0;padding-right:15px}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .icon-box i,.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .icon-box img{width:20px;height:20px}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .menu-item-content{display:flex;justify-content:space-between;align-items:center;flex:1;min-width:0;height:100%}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .menu-item-content .menu-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;flex:1;min-width:0}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .menu-item-content .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item:hover{color:var(--das-ui-layout-aside-collapse-icon-bg-color)!important}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title:hover{color:var(--das-ui-layout-aside-item-hover-color)}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-vertical .aside-menu-title:hover{background-color:var(--das-ui-layout-aside-item-hover-background-color)}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-inline .aside-menu-title:not(.has-children):hover{background-color:var(--das-ui-layout-aside-item-hover-background-color)}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-submenu-title{padding-left:15px}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-submenu-title .ant-menu-item-icon{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item.divise-menu-item{border-bottom:1px solid var(--das-ui-layout-aside-divise-border-color)}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item.divise-menu-item .aside-menu-title{height:59px;line-height:59px}.das-ui-layout-aside .icon-container{width:var(--das-ui-layout-aside-menu-width);display:flex;flex-direction:column;justify-content:center;height:50px;border-top:1px solid rgba(255,255,255,.3);background-color:var(--das-ui-layout-aside-background-color);transition:none}.das-ui-layout-aside .icon-container.is-collapse{align-items:center;width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-layout-aside .icon-container .collapse-icon{cursor:pointer;color:var(--das-ui-layout-aside-collapse-icon-bg-color);font-size:20px}.das-ui-layout-aside .icon-container .collapse-icon:hover{color:var(--das-ui-layout-aside-collapse-icon-hover-bg-color)}.das-ui-layout-aside.theme-kjl .ant-menu-submenu.is-active,.das-ui-layout-aside.theme-kjl .aside-menu-title.is-active,.das-ui-layout-aside.theme-kjl .sub-menu-item_inline.is-active,.das-ui-layout-aside.theme-cjb .ant-menu-submenu.is-active,.das-ui-layout-aside.theme-cjb .aside-menu-title.is-active,.das-ui-layout-aside.theme-cjb .sub-menu-item_inline.is-active{border-left:2px solid var(--das-ui-layout-aside--item-active-color)}
|
|
Binary file
|
|
@@ -16,6 +16,7 @@ declare const _default: {
|
|
|
16
16
|
'--das-ui-layout-aside-submenu-item-hover-color': string;
|
|
17
17
|
'--das-ui-layout-aside-submenu-item-hover-background-color': string;
|
|
18
18
|
'--das-ui-layout-aside-submenu-item-active-background-color': string;
|
|
19
|
+
'--das-ui-layout-aside-submenu-title-border-color': string;
|
|
19
20
|
'--das-ui-layout-aside-collapse-icon-bg-color': string;
|
|
20
21
|
'--das-ui-layout-aside-collapse-icon-hover-bg-color': string;
|
|
21
22
|
'--das-ui-layout-aside-divise-border-color': string;
|