@das-fed/ui 7.0.5-beta.2 → 7.0.5-beta.4

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.
Files changed (8) hide show
  1. package/package.json +5 -5
  2. package/packages/components/menu-aside/index.d.ts +3 -3
  3. package/packages/components/menu-aside/index.js +55 -55
  4. package/packages/components/menu-aside/index.js.gz +0 -0
  5. package/packages/components/menu-aside/src/Index.vue.d.ts +1 -1
  6. package/packages/components/menu-aside/src/type.d.ts +1 -1
  7. package/packages/components/menu-aside/style.css +1 -1
  8. package/packages/components/menu-aside/style.css.gz +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@das-fed/ui",
3
- "version": "7.0.5-beta.2",
3
+ "version": "7.0.5-beta.4",
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": "7.0.5-beta.2",
29
+ "@das-fed/cli": "7.0.5-beta.4",
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": "7.0.5-beta.2",
60
- "@das-fed/utils": "7.0.5-beta.2",
61
- "@das-fed/web": "7.0.5-beta.2",
59
+ "@das-fed/ui": "7.0.5-beta.4",
60
+ "@das-fed/utils": "7.0.5-beta.4",
61
+ "@das-fed/web": "7.0.5-beta.4",
62
62
  "@types/markdown-it": "^14.1.2",
63
63
  "@wangeditor-next/editor": "5.6.31",
64
64
  "@wangeditor-next/editor-for-vue": "5.1.14",
package/packages/components/menu-aside/index.d.ts CHANGED
@@ -12,7 +12,7 @@ declare const DasMenuAside: import("@das-fed/utils").SFCWithInstall<{
12
12
  }, import("vue").PublicProps, {
13
13
  mode: "vertical" | "inline";
14
14
  subMenuAttrs: any;
15
- globalTheme: "default" | "kjl" | "cjb" | "ssl";
15
+ globalTheme: "default" | "kjl" | "cjb" | "ssl" | "dkh";
16
16
  currentOpenKeys: any[];
17
17
  currentSelectKeys: any[];
18
18
  parentSelectKeys: any[];
@@ -31,7 +31,7 @@ declare const DasMenuAside: import("@das-fed/utils").SFCWithInstall<{
31
31
  }>, {}, {}, {}, {}, {
32
32
  mode: "vertical" | "inline";
33
33
  subMenuAttrs: any;
34
- globalTheme: "default" | "kjl" | "cjb" | "ssl";
34
+ globalTheme: "default" | "kjl" | "cjb" | "ssl" | "dkh";
35
35
  currentOpenKeys: any[];
36
36
  currentSelectKeys: any[];
37
37
  parentSelectKeys: any[];
@@ -52,7 +52,7 @@ declare const DasMenuAside: import("@das-fed/utils").SFCWithInstall<{
52
52
  }, string, {
53
53
  mode: "vertical" | "inline";
54
54
  subMenuAttrs: any;
55
- globalTheme: "default" | "kjl" | "cjb" | "ssl";
55
+ globalTheme: "default" | "kjl" | "cjb" | "ssl" | "dkh";
56
56
  currentOpenKeys: any[];
57
57
  currentSelectKeys: any[];
58
58
  parentSelectKeys: any[];
package/packages/components/menu-aside/index.js CHANGED
@@ -54,7 +54,7 @@ function dn(e, r, n) {
54
54
  }
55
55
  function fn(e, r, n) {
56
56
  e = j(e, 255), r = j(r, 255), n = j(n, 255);
57
- var t = Math.max(e, r, n), a = Math.min(e, r, n), i = 0, f = t, d = t - a, g = t === 0 ? 0 : d / t;
57
+ var t = Math.max(e, r, n), a = Math.min(e, r, n), i = 0, f = t, d = t - a, v = t === 0 ? 0 : d / t;
58
58
  if (t === a)
59
59
  i = 0;
60
60
  else {
@@ -71,11 +71,11 @@ function fn(e, r, n) {
71
71
  }
72
72
  i /= 6;
73
73
  }
74
- return { h: i, s: g, v: f };
74
+ return { h: i, s: v, v: f };
75
75
  }
76
76
  function pn(e, r, n) {
77
77
  e = j(e, 360) * 6, r = j(r, 100), n = j(n, 100);
78
- var t = Math.floor(e), a = e - t, i = n * (1 - r), f = n * (1 - a * r), d = n * (1 - (1 - a) * r), g = t % 6, o = [n, f, i, i, d, n][g], y = [d, n, n, f, i, i][g], u = [i, i, d, n, n, f][g];
78
+ var t = Math.floor(e), a = e - t, i = n * (1 - r), f = n * (1 - a * r), d = n * (1 - (1 - a) * r), v = t % 6, o = [n, f, i, i, d, n][v], y = [d, n, n, f, i, i][v], u = [i, i, d, n, n, f][v];
79
79
  return { r: o * 255, g: y * 255, b: u * 255 };
80
80
  }
81
81
  function gn(e, r, n, t) {
@@ -378,10 +378,10 @@ function pe(e) {
378
378
  }
379
379
  n.push(ee(t));
380
380
  for (var d = 1; d <= Re; d += 1) {
381
- var g = je(t), o = ee(W({
382
- h: Ae(g, d),
383
- s: Te(g, d),
384
- v: xe(g, d)
381
+ var v = je(t), o = ee(W({
382
+ h: Ae(v, d),
383
+ s: Te(v, d),
384
+ v: xe(v, d)
385
385
  }));
386
386
  n.push(o);
387
387
  }
@@ -570,15 +570,15 @@ function In() {
570
570
  return te({}, J);
571
571
  }
572
572
  var P = function(r, n) {
573
- var t = te({}, r, n.attrs), a = t.icon, i = t.primaryColor, f = t.secondaryColor, d = En(t, Mn), g = J;
574
- if (i && (g = {
573
+ var t = te({}, r, n.attrs), a = t.icon, i = t.primaryColor, f = t.secondaryColor, d = En(t, Mn), v = J;
574
+ if (i && (v = {
575
575
  primaryColor: i,
576
576
  secondaryColor: f || He(i)
577
577
  }), $n(), Tn(Ee(a), "icon should be icon definiton, but got ".concat(a)), !Ee(a))
578
578
  return null;
579
579
  var o = a;
580
580
  return o && typeof o.icon == "function" && (o = te({}, o, {
581
- icon: o.icon(g.primaryColor, g.secondaryColor)
581
+ icon: o.icon(v.primaryColor, v.secondaryColor)
582
582
  })), ge(o.icon, "svg-".concat(o.name), te({}, d, {
583
583
  "data-icon": o.name,
584
584
  width: "1em",
@@ -625,8 +625,8 @@ function zn(e, r) {
625
625
  try {
626
626
  for (n = n.call(e); !(a = (f = n.next()).done) && (t.push(f.value), !(r && t.length === r)); a = !0)
627
627
  ;
628
- } catch (g) {
629
- i = !0, d = g;
628
+ } catch (v) {
629
+ i = !0, d = v;
630
630
  } finally {
631
631
  try {
632
632
  !a && n.return != null && n.return();
@@ -680,8 +680,8 @@ function qn(e, r) {
680
680
  try {
681
681
  for (n = n.call(e); !(a = (f = n.next()).done) && (t.push(f.value), !(r && t.length === r)); a = !0)
682
682
  ;
683
- } catch (g) {
684
- i = !0, d = g;
683
+ } catch (v) {
684
+ i = !0, d = v;
685
685
  } finally {
686
686
  try {
687
687
  !a && n.return != null && n.return();
@@ -728,13 +728,13 @@ function Yn(e, r) {
728
728
  }
729
729
  Le("#1890ff");
730
730
  var N = function(r, n) {
731
- var t, a = Ie({}, r, n.attrs), i = a.class, f = a.icon, d = a.spin, g = a.rotate, o = a.tabindex, y = a.twoToneColor, u = a.onClick, w = Jn(a, Un), k = (t = {
731
+ var t, a = Ie({}, r, n.attrs), i = a.class, f = a.icon, d = a.spin, v = a.rotate, o = a.tabindex, y = a.twoToneColor, u = a.onClick, w = Jn(a, Un), k = (t = {
732
732
  anticon: !0
733
733
  }, ve(t, "anticon-".concat(f.name), !!f.name), ve(t, i, i), t), z = d === "" || d || f.name === "loading" ? "anticon-spin" : "", V = o;
734
734
  V === void 0 && u && (V = -1, w.tabindex = V);
735
- var v = g ? {
736
- msTransform: "rotate(".concat(g, "deg)"),
737
- transform: "rotate(".concat(g, "deg)")
735
+ var g = v ? {
736
+ msTransform: "rotate(".concat(v, "deg)"),
737
+ transform: "rotate(".concat(v, "deg)")
738
738
  } : void 0, m = Ue(y), l = Ln(m, 2), T = l[0], I = l[1];
739
739
  return S("span", Ie({
740
740
  role: "img",
@@ -747,7 +747,7 @@ var N = function(r, n) {
747
747
  icon: f,
748
748
  primaryColor: T,
749
749
  secondaryColor: I,
750
- style: v
750
+ style: g
751
751
  }, null)]);
752
752
  };
753
753
  N.props = {
@@ -814,8 +814,8 @@ const nr = ["src"], Ve = /* @__PURE__ */ ye({
814
814
  },
815
815
  setup(e) {
816
816
  const r = e, n = L(() => {
817
- var i, f, d, g;
818
- return r.status === "default" ? (((i = r.data) == null ? void 0 : i.host) || "") + ae(r.data.iconUrl) : (f = r.data) != null && f.hoverIcon ? (((d = r.data) == null ? void 0 : d.host) || "") + ae(r.data.hoverIcon) : (((g = r.data) == null ? void 0 : g.host) || "") + ae(r.data.iconUrl);
817
+ var i, f, d, v;
818
+ return r.status === "default" ? (((i = r.data) == null ? void 0 : i.host) || "") + ae(r.data.iconUrl) : (f = r.data) != null && f.hoverIcon ? (((d = r.data) == null ? void 0 : d.host) || "") + ae(r.data.hoverIcon) : (((v = r.data) == null ? void 0 : v.host) || "") + ae(r.data.iconUrl);
819
819
  }), t = L(() => ({
820
820
  display: "block",
821
821
  "background-color": "currentColor",
@@ -885,7 +885,7 @@ const nr = ["src"], Ve = /* @__PURE__ */ ye({
885
885
  unlock: import("@das-fed/ui/packages/icons/unlock"),
886
886
  lock: import("@das-fed/ui/packages/icons/lock")
887
887
  });
888
- const { toggleAffix: d, menuClick: g } = rr(i, f);
888
+ const { toggleAffix: d, menuClick: v } = rr(i, f);
889
889
  return (o, y) => (c(), E(s(en), fe({
890
890
  class: ["das-ui-sub-menu", o.parentSelectKeys.includes(o.menuInfo.id) ? "is-active" : ""],
891
891
  key: o.menuInfo.id,
@@ -1002,7 +1002,7 @@ const nr = ["src"], Ve = /* @__PURE__ */ ye({
1002
1002
  o.selectedKeys.includes(u.id) ? "is-active" : "",
1003
1003
  u != null && u.disable ? "is-disable" : ""
1004
1004
  ]),
1005
- onClick: R((w) => s(g)(w, u), ["stop"])
1005
+ onClick: R((w) => s(v)(w, u), ["stop"])
1006
1006
  }, [
1007
1007
  $((c(), p("div", Or, [
1008
1008
  B(
@@ -1115,7 +1115,7 @@ const nr = ["src"], Ve = /* @__PURE__ */ ye({
1115
1115
  o.selectedKeys.includes(k.id) ? "is-active" : "",
1116
1116
  k != null && k.disable ? "is-disable" : ""
1117
1117
  ]),
1118
- onClick: R((z) => s(g)(z, k), ["stop"])
1118
+ onClick: R((z) => s(v)(z, k), ["stop"])
1119
1119
  }, [
1120
1120
  $((c(), p("div", pr, [
1121
1121
  B(
@@ -1415,58 +1415,58 @@ const nr = ["src"], Ve = /* @__PURE__ */ ye({
1415
1415
  setup(e, { emit: r }) {
1416
1416
  const n = Y(""), t = e, a = r, i = "das-aside-menu-submenu", f = L(() => {
1417
1417
  var m;
1418
- let v = i;
1419
- return (m = t == null ? void 0 : t.subMenuAttrs) != null && m.popupClassName && (v = `${v} ${t.subMenuAttrs.popupClassName}`), {
1420
- popupClassName: v
1418
+ let g = i;
1419
+ return (m = t == null ? void 0 : t.subMenuAttrs) != null && m.popupClassName && (g = `${g} ${t.subMenuAttrs.popupClassName}`), {
1420
+ popupClassName: g
1421
1421
  };
1422
1422
  }), d = L(() => {
1423
- const v = {}, m = document.getElementById(i);
1423
+ const g = {}, m = document.getElementById(i);
1424
1424
  if (t.globalTheme === "default")
1425
- return m && m.remove(), v;
1425
+ return m && m.remove(), g;
1426
1426
  Object.keys(Ne).forEach((T) => {
1427
1427
  var I;
1428
- v[T] = ((I = Ne[T]) == null ? void 0 : I[t.globalTheme]) ?? void 0;
1428
+ g[T] = ((I = Ne[T]) == null ? void 0 : I[t.globalTheme]) ?? void 0;
1429
1429
  });
1430
1430
  const l = [
1431
1431
  {
1432
1432
  className: `.${i}`,
1433
- style: v
1433
+ style: g
1434
1434
  }
1435
1435
  ];
1436
- return m ? tn(i, l) : an(i, l), v;
1437
- }), g = L(() => {
1438
- const v = t.menus || [], m = JSON.parse(JSON.stringify(v));
1436
+ return m ? tn(i, l) : an(i, l), g;
1437
+ }), v = L(() => {
1438
+ const g = t.menus || [], m = JSON.parse(JSON.stringify(g));
1439
1439
  return !m || !m.length ? [] : We(m);
1440
1440
  }), { isCollapse: o, openKeys: y, affixKeys: u, toggleAffix: w, openChange: k, menuClick: z, toggleCollapse: V } = xr(
1441
1441
  t,
1442
1442
  a
1443
1443
  );
1444
- return (v, m) => (c(), p(
1444
+ return (g, m) => (c(), p(
1445
1445
  "div",
1446
1446
  {
1447
- class: _(["das-ui-menu-aside", v.collapse ? "is-collapse" : "", `theme-${v.globalTheme}`]),
1447
+ class: _(["das-ui-menu-aside", g.collapse ? "is-collapse" : "", `theme-${g.globalTheme}`, g.globalTheme === "dkh" ? "das-ui-menu-aside-dkh" : ""]),
1448
1448
  style: ne(d.value)
1449
1449
  },
1450
1450
  [
1451
1451
  (c(), p(
1452
1452
  "div",
1453
1453
  {
1454
- key: v.collapse + "",
1455
- class: _(["das-ui-aside-menu", v.collapse ? "is-collapse" : ""])
1454
+ key: g.collapse + "",
1455
+ class: _(["das-ui-aside-menu", g.collapse ? "is-collapse" : ""])
1456
1456
  },
1457
1457
  [
1458
1458
  S(s(Qe), { style: { height: "100%" } }, {
1459
1459
  default: M(() => [
1460
- g.value && g.value.length ? (c(), E(s(nn), fe({
1460
+ v.value && v.value.length ? (c(), E(s(nn), fe({
1461
1461
  key: 0,
1462
- class: ["das-menu", v.collapse ? "is-collapse" : ""],
1463
- mode: v.mode,
1462
+ class: ["das-menu", g.collapse ? "is-collapse" : ""],
1463
+ mode: g.mode,
1464
1464
  openKeys: s(y),
1465
1465
  "onUpdate:openKeys": m[1] || (m[1] = (l) => Ye(y) ? y.value = l : null),
1466
- selectedKeys: v.currentSelectKeys,
1466
+ selectedKeys: g.currentSelectKeys,
1467
1467
  theme: "dark",
1468
1468
  "inline-collapsed": s(o)
1469
- }, v.$attrs, {
1469
+ }, g.$attrs, {
1470
1470
  onOpenChange: s(k),
1471
1471
  onClick: s(z)
1472
1472
  }), {
@@ -1474,7 +1474,7 @@ const nr = ["src"], Ve = /* @__PURE__ */ ye({
1474
1474
  (c(!0), p(
1475
1475
  O,
1476
1476
  null,
1477
- G(g.value, (l) => (c(), p(
1477
+ G(v.value, (l) => (c(), p(
1478
1478
  O,
1479
1479
  null,
1480
1480
  [
@@ -1486,12 +1486,12 @@ const nr = ["src"], Ve = /* @__PURE__ */ ye({
1486
1486
  b(" 有二级菜单 "),
1487
1487
  (c(), E(Tr, fe({
1488
1488
  key: l.id,
1489
- mode: v.mode,
1489
+ mode: g.mode,
1490
1490
  menuInfo: l,
1491
1491
  collapse: s(o),
1492
1492
  affixKeys: s(u),
1493
- parentSelectKeys: v.parentSelectKeys,
1494
- selectedKeys: v.currentSelectKeys
1493
+ parentSelectKeys: g.parentSelectKeys,
1494
+ selectedKeys: g.currentSelectKeys
1495
1495
  }, { ref_for: !0 }, f.value, {
1496
1496
  onMenuClick: s(z),
1497
1497
  onToggleAffix: s(w)
@@ -1522,23 +1522,23 @@ const nr = ["src"], Ve = /* @__PURE__ */ ye({
1522
1522
  (T = l == null ? void 0 : l.originalChildren) != null && T.length ? "has-children" : "",
1523
1523
  l != null && l.expired ? "is-expired" : "",
1524
1524
  l != null && l.disable ? "is-disable" : "",
1525
- v.currentSelectKeys.includes(l.id) ? "is-active" : ""
1525
+ g.currentSelectKeys.includes(l.id) ? "is-active" : ""
1526
1526
  ])
1527
1527
  },
1528
1528
  [
1529
1529
  b(" 自定义leftIcon "),
1530
1530
  l.hideIcon ? b("v-if", !0) : (c(), p("div", $r, [
1531
1531
  b(" 第一种icon插槽 "),
1532
- v.$slots[`${l == null ? void 0 : l.code}-leftIcon`] ? (c(), p("div", Mr, [
1532
+ g.$slots[`${l == null ? void 0 : l.code}-leftIcon`] ? (c(), p("div", Mr, [
1533
1533
  b(" 第二种icon插槽 "),
1534
- U(v.$slots, `${l == null ? void 0 : l.code}-leftIcon`)
1535
- ])) : U(v.$slots, "icon", {
1534
+ U(g.$slots, `${l == null ? void 0 : l.code}-leftIcon`)
1535
+ ])) : U(g.$slots, "icon", {
1536
1536
  key: 0,
1537
1537
  menuInfo: l
1538
1538
  }, () => [
1539
1539
  S(Ve, {
1540
1540
  data: l,
1541
- status: v.currentSelectKeys.includes(l.id) || n.value === l.id ? "hover" : "default"
1541
+ status: g.currentSelectKeys.includes(l.id) || n.value === l.id ? "hover" : "default"
1542
1542
  }, null, 8, ["data", "status"])
1543
1543
  ])
1544
1544
  ])),
@@ -1549,7 +1549,7 @@ const nr = ["src"], Ve = /* @__PURE__ */ ye({
1549
1549
  key: 0,
1550
1550
  class: "menu-title",
1551
1551
  style: ne({
1552
- "padding-right": v.$slots[(l == null ? void 0 : l.code) + "-rightIcon"] || l != null && l.expired ? "0" : l != null && l.disable && ((I = l == null ? void 0 : l.originalChildren) != null && I.length) ? "30px" : "15px"
1552
+ "padding-right": g.$slots[(l == null ? void 0 : l.code) + "-rightIcon"] || l != null && l.expired ? "0" : l != null && l.disable && ((I = l == null ? void 0 : l.originalChildren) != null && I.length) ? "30px" : "15px"
1553
1553
  })
1554
1554
  },
1555
1555
  [
@@ -1575,7 +1575,7 @@ const nr = ["src"], Ve = /* @__PURE__ */ ye({
1575
1575
  b(" 箭头 "),
1576
1576
  l != null && l.disable && ((he = l == null ? void 0 : l.originalChildren) != null && he.length) ? (c(), p("i", Dr)) : b("v-if", !0),
1577
1577
  b("@slots 右侧icon "),
1578
- U(v.$slots, (l == null ? void 0 : l.code) + "-rightIcon")
1578
+ U(g.$slots, (l == null ? void 0 : l.code) + "-rightIcon")
1579
1579
  ])
1580
1580
  ],
1581
1581
  2
@@ -1603,7 +1603,7 @@ const nr = ["src"], Ve = /* @__PURE__ */ ye({
1603
1603
  }, 16, ["class", "mode", "openKeys", "selectedKeys", "inline-collapsed", "onOpenChange", "onClick"])) : b("v-if", !0),
1604
1604
  b(" 底部插槽 "),
1605
1605
  h("div", Pr, [
1606
- U(v.$slots, "bottom")
1606
+ U(g.$slots, "bottom")
1607
1607
  ])
1608
1608
  ]),
1609
1609
  _: 3
package/packages/components/menu-aside/src/Index.vue.d.ts CHANGED
@@ -13,7 +13,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {},
13
13
  }>, {
14
14
  mode: "vertical" | "inline";
15
15
  subMenuAttrs: any;
16
- globalTheme: "default" | "kjl" | "cjb" | "ssl";
16
+ globalTheme: "default" | "kjl" | "cjb" | "ssl" | "dkh";
17
17
  currentOpenKeys: any[];
18
18
  currentSelectKeys: any[];
19
19
  parentSelectKeys: any[];
package/packages/components/menu-aside/src/type.d.ts CHANGED
@@ -11,7 +11,7 @@ export type MenuInfo = {
11
11
  }
12
12
 
13
13
  export interface Props {
14
- globalTheme?: 'default' | 'kjl' | 'cjb' | 'ssl'
14
+ globalTheme?: 'default' | 'kjl' | 'cjb' | 'ssl' | 'dkh'
15
15
 
16
16
 
17
17
  mode: 'vertical' | 'inline'
package/packages/components/menu-aside/style.css CHANGED
@@ -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.ant-menu-dark .ant-menu-sub.ant-menu-vertical{background-color:var(--das-ui-layout-aside-submenu-vertical-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.is-active .ant-menu-submenu-title{color:var(--das-ui-layout-aside--item-active-color)!important}.das-ui-sub-menu.is-active.ant-menu-submenu-vertical .ant-menu-submenu-title{background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)!important}.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;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:not(.is-collapse){margin:0 22px}.ant-menu-submenu-popup .submenu-container .title-bar.is-collapse{padding:0 12px 0 16px}.ant-menu-submenu-popup .submenu-container .title-bar .title-left{display:flex;align-items:center;overflow:hidden}.ant-menu-submenu-popup .submenu-container .title-bar .title-left .title{font-size:12px;color:var(--das-ui-layout-aside--item-color)}.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 28px 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:168px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;margin:0 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-vertical-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-vertical-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-vertical-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-vertical-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-active-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-menu-aside{display:flex;flex-direction:column;width:var(--das-ui-layout-aside-menu-width);height:100%;border-right:1px solid var(--das-ui-layout-aside-border-color)}.das-ui-menu-aside.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .ant-menu-vertical{background-color:var(--das-ui-layout-aside-submenu-vertical-background-color)}.das-ui-menu-aside .ant-menu-vertical .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-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-menu-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-menu-aside .ant-menu-inline .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-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-menu-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-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:before{transform:rotate(45deg) translate(3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:after{transform:rotate(-45deg) translate(-3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-menu-aside .das-ui-aside-menu{display:flex;flex-direction:column;flex:1;min-height:0;width:var(--das-ui-layout-aside-menu-width);background:var(--das-ui-layout-aside-background-color)}.das-ui-menu-aside .das-ui-aside-menu.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .das-ui-aside-menu.is-collapse .ant-menu-submenu-arrow{display:none}.das-ui-menu-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:transparent;transition:none}.das-ui-menu-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-menu-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-menu-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-menu-aside .das-ui-aside-menu .das-aside-menu-bottom-container{margin-top:auto}.das-ui-menu-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-menu-aside .das-ui-aside-menu .ant-menu-item.ant-menu-item-selected{background-color:transparent!important}.das-ui-menu-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-menu-aside .das-ui-aside-menu .ant-menu-item:focus-visible{box-shadow:none!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow{opacity:.8!important;transition:all .3s}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow:after,.das-ui-menu-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-menu-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-menu-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-menu-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-menu-aside .das-ui-aside-menu .aside-menu-title.is-expired{padding-right:18px}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .icon-box{flex-shrink:0;padding-right:15px}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .icon-box i,.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .icon-box img{width:20px;height:20px}.das-ui-menu-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-menu-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-menu-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-menu-aside .das-ui-aside-menu .aside-menu-title:hover{color:var(--das-ui-layout-aside-item-hover-color)}.das-ui-menu-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-menu-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-menu-aside .das-ui-aside-menu .ant-menu-submenu-title{padding-left:15px}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title .ant-menu-item-icon{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.das-ui-menu-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-menu-aside .das-ui-aside-menu .ant-menu-item.divise-menu-item .aside-menu-title{height:59px;line-height:59px}.das-ui-menu-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:var(--das-ui-layout-aside-icon-container-background-color);transition:none}.das-ui-menu-aside .icon-container.is-collapse{align-items:center;width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .icon-container .collapse-icon{cursor:pointer;color:var(--das-ui-layout-aside-collapse-icon-bg-color);font-size:20px}.das-ui-menu-aside .icon-container .collapse-icon:hover{color:var(--das-ui-layout-aside-collapse-icon-hover-bg-color)}.das-ui-menu-aside.theme-cjb .aside-menu-title.is-active:before,.das-ui-menu-aside.theme-cjb .sub-menu-item_inline.is-active:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background-color: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.ant-menu-dark .ant-menu-sub.ant-menu-vertical{background-color:var(--das-ui-layout-aside-submenu-vertical-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.is-active .ant-menu-submenu-title{color:var(--das-ui-layout-aside--item-active-color)!important}.das-ui-sub-menu.is-active.ant-menu-submenu-vertical .ant-menu-submenu-title{background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)!important}.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;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:not(.is-collapse){margin:0 22px}.ant-menu-submenu-popup .submenu-container .title-bar.is-collapse{padding:0 12px 0 16px}.ant-menu-submenu-popup .submenu-container .title-bar .title-left{display:flex;align-items:center;overflow:hidden}.ant-menu-submenu-popup .submenu-container .title-bar .title-left .title{font-size:12px;color:var(--das-ui-layout-aside--item-color)}.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 28px 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:168px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;margin:0 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-vertical-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-vertical-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-vertical-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-vertical-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-active-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-menu-aside{display:flex;flex-direction:column;width:var(--das-ui-layout-aside-menu-width);height:100%;border-right:1px solid var(--das-ui-layout-aside-border-color)}.das-ui-menu-aside.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside.das-ui-menu-aside-dkh .das-ui-aside-menu{background:var(--das-ui-layout-aside-background-color)}.das-ui-menu-aside.das-ui-menu-aside-dkh .ant-menu.ant-menu-dark{background-color:transparent!important}.das-ui-menu-aside.das-ui-menu-aside-dkh .icon-container{background:var(--das-ui-layout-aside-icon-container-background-color)!important}.das-ui-menu-aside .ant-menu-vertical{background-color:var(--das-ui-layout-aside-submenu-vertical-background-color)}.das-ui-menu-aside .ant-menu-vertical .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-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-menu-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-menu-aside .ant-menu-inline .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-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-menu-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-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:before{transform:rotate(45deg) translate(3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:after{transform:rotate(-45deg) translate(-3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-menu-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-menu-aside .das-ui-aside-menu.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .das-ui-aside-menu.is-collapse .ant-menu-submenu-arrow{display:none}.das-ui-menu-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-menu-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-menu-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-menu-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-menu-aside .das-ui-aside-menu .das-aside-menu-bottom-container{margin-top:auto}.das-ui-menu-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-menu-aside .das-ui-aside-menu .ant-menu-item.ant-menu-item-selected{background-color:transparent!important}.das-ui-menu-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-menu-aside .das-ui-aside-menu .ant-menu-item:focus-visible{box-shadow:none!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow{opacity:.8!important;transition:all .3s}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow:after,.das-ui-menu-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-menu-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-menu-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-menu-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-menu-aside .das-ui-aside-menu .aside-menu-title.is-expired{padding-right:18px}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .icon-box{flex-shrink:0;padding-right:15px}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .icon-box i,.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .icon-box img{width:20px;height:20px}.das-ui-menu-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-menu-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-menu-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-menu-aside .das-ui-aside-menu .aside-menu-title:hover{color:var(--das-ui-layout-aside-item-hover-color)}.das-ui-menu-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-menu-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-menu-aside .das-ui-aside-menu .ant-menu-submenu-title{padding-left:15px}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title .ant-menu-item-icon{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.das-ui-menu-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-menu-aside .das-ui-aside-menu .ant-menu-item.divise-menu-item .aside-menu-title{height:59px;line-height:59px}.das-ui-menu-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-menu-aside .icon-container.is-collapse{align-items:center;width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .icon-container .collapse-icon{cursor:pointer;color:var(--das-ui-layout-aside-collapse-icon-bg-color);font-size:20px}.das-ui-menu-aside .icon-container .collapse-icon:hover{color:var(--das-ui-layout-aside-collapse-icon-hover-bg-color)}.das-ui-menu-aside.theme-cjb .aside-menu-title.is-active:before,.das-ui-menu-aside.theme-cjb .sub-menu-item_inline.is-active:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background-color:var(--das-ui-layout-aside--item-active-color)}