china-mobile-international-custom-components 0.1.22 → 0.1.23

package/es/chunks/layout.mwJCmdfw.js

@@ -0,0 +1,648 @@
+import { createElementBlock as m, openBlock as a, createBlock as b, createCommentVNode as x, createElementVNode as s, unref as u, normalizeStyle as A, toDisplayString as g, withCtx as v, resolveDynamicComponent as O, ref as E, watch as R, nextTick as D, createVNode as h, normalizeClass as $, withModifiers as P, Fragment as k, renderList as U, Transition as B, withDirectives as K, vShow as _ } from "vue";
+import { ElIcon as N, ElAutoResizer as G, ElTreeV2 as W } from "element-plus";
+import { Logo as H, LOGO_CONFIG as V } from "../Logo.mjs";
+import { _ as I } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { IconRenderer as Y, iconLibraryMap as q } from "color-star-custom-components";
+import { IconYou as J } from "color-message-aibox-vue";
+import '../assets/layout2.css';const Q = { class: "nav-title overflow-hidden" }, X = /* @__PURE__ */ Object.assign({
+  name: "NavTitle"
+}, {
+  __name: "NavTitle",
+  props: {
+    // 标题文本
+    title: {
+      type: String,
+      default: ""
+    },
+    // Logo 图标组件
+    logo: {
+      type: [Object, String],
+      default: null
+    },
+    // Logo 尺寸
+    logoSize: {
+      type: Number,
+      default: 30
+    },
+    // 标题样式
+    titleStyle: {
+      type: Object,
+      default: () => ({ fontSize: "16px" })
+    },
+    // 是否显示折叠按钮
+    showToggle: {
+      type: Boolean,
+      default: !0
+    },
+    // 折叠按钮图标
+    toggleIcon: {
+      type: [Object, String],
+      default: null
+    }
+  },
+  emits: ["toggle"],
+  setup(e, { emit: n }) {
+    const t = n, o = () => {
+      t("toggle");
+    };
+    return (l, y) => (a(), m("div", Q, [
+      e.logo ? (a(), b(u(H), {
+        key: 0,
+        shape: u(V).circle,
+        "background-color": "#eaf0fe"
+      }, null, 8, ["shape"])) : x("", !0),
+      s("span", {
+        class: "weight-500 text-1f2329 title-text",
+        style: A(e.titleStyle)
+      }, g(e.title), 5),
+      e.showToggle ? (a(), b(u(N), {
+        key: 1,
+        size: 20,
+        class: "collapse-unfold-icon",
+        onClick: o
+      }, {
+        default: v(() => [
+          (a(), b(O(e.toggleIcon)))
+        ]),
+        _: 1
+      })) : x("", !0)
+    ]));
+  }
+}), Z = /* @__PURE__ */ I(X, [["__scopeId", "data-v-018f7423"]]), M = {
+  DIR: "DIR",
+  // 目录
+  MENU: "MENU",
+  // 菜单
+  BUTTON: "BUTTON"
+  // 按钮
+}, ee = /* @__PURE__ */ new Map([
+  ["active", "#3271FE"],
+  ["parent_active", "#3271FE"],
+  ["normal", "#1F2329"]
+]), te = (e, n) => !Array.isArray(e) || !n ? !1 : e.some((t) => t.path === n ? !0 : t.children?.length > 0 ? te(t.children, n) : !1), ne = (e, n = 1) => e.filter((o) => [M.DIR, M.MENU].includes(o.type)).map((o) => ({
+  ...o,
+  id: o.bnid,
+  name: o.name,
+  path: o?.path || "",
+  children: o.children?.length > 0 ? ne(o.children || [], n + 1) : [],
+  level: n
+})), oe = (e, n) => e?.children?.length ? e.children.some(
+  (t) => t?.path === n || t.children?.length && oe(t, n)
+) : !1, L = (e, n) => e?.children?.length ? e.children.some(
+  (t) => t?.id === n || t.children?.length && L(t, n)
+) : !1, le = (e, n) => {
+  const t = e?.id === n, o = L(e, n);
+  let l = "normal";
+  return t ? l = "active" : o && (l = "parent_active"), ee.get(l);
+}, De = (e, n) => e.includes(n) ? e : [...e, n], $e = (e, n) => e.filter((t) => t !== n), ie = (e, n, t = []) => e.some((o) => {
+  if (o?.path === n)
+    return !0;
+  if (o.children?.length > 0) {
+    t.push(o.id);
+    const l = ie(o.children, n, t);
+    return l || t.pop(), l;
+  }
+  return !1;
+}), z = (e, n, t = []) => e.some((o) => {
+  if (o?.id === n)
+    return !0;
+  if (o.children?.length > 0) {
+    t.push(o.id);
+    const l = z(o.children, n, t);
+    return l || t.pop(), l;
+  }
+  return !1;
+}), Pe = (e, n) => {
+  const t = [];
+  return z(e, n, t), t;
+}, re = (e, n) => {
+  if (!Array.isArray(e) || !n) return null;
+  for (const t of e) {
+    if (t.path === n)
+      return t;
+    if (t.children?.length > 0) {
+      const o = re(t.children, n);
+      if (o) return o;
+    }
+  }
+  return null;
+}, ae = (e) => Array.isArray(e) ? e.map((n) => {
+  const t = { ...n };
+  return t.children && Array.isArray(t.children) && t.children.length > 0 ? t.children = ae(t.children) : t.isLeaf = !0, t;
+}) : [], se = (e) => {
+  if (!Array.isArray(e) || e.length === 0) return null;
+  for (const n of e) {
+    if (n.isLeaf && n.path)
+      return n;
+    if (n.children?.length > 0) {
+      const t = se(n.children);
+      if (t) return t;
+    }
+  }
+  return null;
+}, Ue = ["/404", "/login", "/unauthorized"], w = {
+  label: "name",
+  children: "children",
+  isLeaf: "isLeaf"
+}, T = {
+  PARENT: "parent",
+  LEAF: "leaf"
+}, Be = {
+  LOADING: "loading",
+  LOADED: "loaded",
+  ERROR: "error"
+}, ce = { class: "node-label" }, ue = ["onClick"], de = /* @__PURE__ */ Object.assign({
+  name: "MenuList"
+}, {
+  __name: "MenuList",
+  props: {
+    // 菜单数据（已处理好的树形结构）
+    menuData: {
+      type: Array,
+      default: () => []
+    },
+    // 当前选中的菜单ID
+    currentMenuId: {
+      type: String,
+      default: null
+    },
+    // 展开的节点ID数组
+    expandedKeys: {
+      type: Array,
+      default: () => []
+    },
+    // 树形组件配置
+    treeProps: {
+      type: Object,
+      default: () => w
+    },
+    // 菜单项高度
+    itemHeight: {
+      type: Number,
+      default: 36
+    },
+    // 缩进距离
+    indent: {
+      type: Number,
+      default: 24
+    },
+    // 图标大小
+    iconSize: {
+      type: Number,
+      default: 16
+    },
+    // 展开图标组件
+    expandedIcon: {
+      type: [Object, String],
+      default: null
+    },
+    // 收起图标组件
+    collapsedIcon: {
+      type: [Object, String],
+      default: null
+    }
+    // 图标渲染器组件（可选）
+    // iconRenderer: {
+    //   type: [Object, String],
+    //   default: null,
+    // },
+    // // 图标库配置
+    // iconLibrary: {
+    //   type: [String, Object],
+    //   default: null,
+    // },
+  },
+  emits: ["node-click", "node-expand", "node-collapse"],
+  setup(e, { emit: n }) {
+    const t = e, o = n, l = E(null), y = (r) => r?.icon && r.level === 1 || !r.isLeaf, d = (r) => le(r, t.currentMenuId), f = (r) => {
+      const S = r.isLeaf ? T.LEAF : T.PARENT;
+      o("node-click", r, S);
+    }, i = (r) => {
+      o("node-expand", r.id, r);
+    }, c = (r) => {
+      o("node-collapse", r.id, r);
+    }, j = (r) => {
+      if (!l.value) return;
+      t.expandedKeys.includes(r.data.id) ? l.value.collapseNode(r) : l.value.expandNode(r);
+    };
+    return R(
+      () => t.expandedKeys,
+      (r) => {
+        D(() => {
+          l.value && l.value.setExpandedKeys([...r]);
+        });
+      },
+      { deep: !0 }
+    ), (r, S) => (a(), b(u(G), { class: "flex-1 overflow-hidden" }, {
+      default: v(({ height: F }) => [
+        h(u(W), {
+          ref_key: "treeRef",
+          ref: l,
+          "node-key": "id",
+          data: e.menuData,
+          props: e.treeProps,
+          height: F,
+          "current-node-key": e.currentMenuId,
+          "highlight-current": !0,
+          "expanded-keys": e.expandedKeys,
+          "show-checkbox": !1,
+          "item-size": e.itemHeight + 8,
+          "expand-on-click-node": !1,
+          indent: e.indent,
+          onNodeClick: f,
+          onNodeExpand: i,
+          onNodeCollapse: c,
+          class: "custom-tree"
+        }, {
+          default: v(({ node: C, data: p }) => [
+            s("div", {
+              class: $(["tree-node-content-custom", {
+                "has-children": !p.isLeaf,
+                "is-current": p.id === e.currentMenuId && p.isLeaf,
+                "is-parent-active": u(L)(p, e.currentMenuId) && !p.isLeaf
+              }])
+            }, [
+              y(p) ? (a(), b(u(N), {
+                key: 0,
+                size: e.iconSize,
+                class: "node-icon",
+                color: d(p)
+              }, {
+                default: v(() => [
+                  h(u(Y), {
+                    "icon-name": p?.icon,
+                    "icon-library": u(q).aibox
+                  }, null, 8, ["icon-name", "icon-library"])
+                ]),
+                _: 2
+              }, 1032, ["size", "color"])) : x("", !0),
+              s("span", ce, g(C.label), 1),
+              p.isLeaf ? x("", !0) : (a(), m("div", {
+                key: 1,
+                class: "expand-arrow",
+                onClick: P((Me) => j(C), ["stop"])
+              }, [
+                h(u(N), {
+                  size: e.iconSize,
+                  color: d(p)
+                }, {
+                  default: v(() => [
+                    (a(), b(O(
+                      e.expandedKeys.includes(p.id) ? e.expandedIcon : e.collapsedIcon
+                    )))
+                  ]),
+                  _: 2
+                }, 1032, ["size", "color"])
+              ], 8, ue))
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["data", "props", "height", "current-node-key", "expanded-keys", "item-size", "indent"])
+      ]),
+      _: 1
+    }));
+  }
+}), fe = /* @__PURE__ */ I(de, [["__scopeId", "data-v-96f902de"]]), pe = { class: "user-popup-content" }, ye = { class: "user_info_wrap_data" }, he = { class: "user-avatar" }, me = { class: "avatar-text" }, ge = { class: "user-details" }, ve = { class: "user-name" }, be = { class: "user-email" }, xe = ["onClick"], Ne = /* @__PURE__ */ Object.assign({
+  name: "UserPopup"
+}, {
+  __name: "UserPopup",
+  props: {
+    // 操作列表配置
+    actions: {
+      type: Array,
+      default: () => [],
+      validator: (e) => e.every(
+        (n) => n.key && (n.icon || n.iconName)
+      )
+    },
+    // 用户信息
+    userInfo: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["action-click"],
+  setup(e, { emit: n }) {
+    const t = n, o = (l) => {
+      t("action-click", l.key, l);
+    };
+    return (l, y) => (a(), m("div", pe, [
+      s("div", ye, [
+        s("div", he, [
+          s("span", me, g(e.userInfo?.name?.charAt(0)?.toUpperCase() || ""), 1)
+        ]),
+        s("div", ge, [
+          s("div", ve, g(e.userInfo?.name || ""), 1),
+          s("div", be, g(e.userInfo?.bnid || ""), 1)
+        ])
+      ]),
+      (a(!0), m(k, null, U(e.actions, (d, f) => (a(), m(k, { key: f }, [
+        d.hidden ? x("", !0) : (a(), m("div", {
+          key: 0,
+          class: "list__item",
+          onClick: (i) => o(d)
+        }, [
+          h(u(N), {
+            class: "list__item-icon",
+            size: d.iconSize || 20,
+            color: "#262626"
+          }, {
+            default: v(() => [
+              (a(), b(O(d.icon)))
+            ]),
+            _: 2
+          }, 1032, ["size"]),
+          s("span", null, g(d.label), 1)
+        ], 8, xe))
+      ], 64))), 128))
+    ]));
+  }
+}), Ie = /* @__PURE__ */ I(Ne, [["__scopeId", "data-v-9ec38608"]]), ke = { class: "navbar-box__footer__left" }, Se = { class: "name-first" }, Ae = { class: "name-text" }, Ee = /* @__PURE__ */ Object.assign({
+  name: "NavFooter"
+}, {
+  __name: "NavFooter",
+  props: {
+    // 用户信息
+    userInfo: {
+      type: Object,
+      default: null,
+      validator: (e) => e ? e.name !== void 0 : !0
+    },
+    // 用户操作列表
+    actions: {
+      type: Array,
+      default: () => []
+    },
+    // 弹窗显示延迟（毫秒）
+    popupDelay: {
+      type: Number,
+      default: 200
+    },
+    // 弹窗左侧位置（像素）
+    popupLeft: {
+      type: Number,
+      default: 240
+    },
+    navFooterWidth: {
+      type: Number,
+      default: 240
+    }
+  },
+  emits: ["action-click"],
+  setup(e, { emit: n }) {
+    const t = n, o = E(null), l = E(!1), y = (f) => {
+      f && f && (l.value = f, clearTimeout(o.value));
+    }, d = (f, i) => {
+      l.value = !1, t("action-click", f, i);
+    };
+    return (f, i) => (a(), m(k, null, [
+      e.userInfo ? (a(), m("div", {
+        key: 0,
+        class: "navbar-box__footer",
+        style: A({ width: e.navFooterWidth + "px" }),
+        onMouseenter: i[0] || (i[0] = (c) => y(!0)),
+        onMouseleave: i[1] || (i[1] = (c) => y(!1))
+      }, [
+        s("div", ke, [
+          s("div", Se, g(e.userInfo?.name?.charAt(0)?.toUpperCase() || ""), 1),
+          s("div", null, [
+            s("div", Ae, g(e.userInfo?.name), 1)
+          ])
+        ]),
+        h(u(N), {
+          size: 12,
+          class: "navbar-box__footer__right",
+          color: "#1F2329"
+        }, {
+          default: v(() => [
+            h(u(J))
+          ]),
+          _: 1
+        })
+      ], 36)) : x("", !0),
+      h(B, { name: "fade" }, {
+        default: v(() => [
+          K(s("div", {
+            class: "footer-popup content-bg",
+            style: A({ left: e.popupLeft + "px" }),
+            onMouseenter: i[2] || (i[2] = (c) => y(!0)),
+            onMouseleave: i[3] || (i[3] = (c) => y(!1))
+          }, [
+            h(Ie, {
+              actions: e.actions,
+              onActionClick: d,
+              userInfo: e.userInfo
+            }, null, 8, ["actions", "userInfo"])
+          ], 36), [
+            [_, l.value]
+          ])
+        ]),
+        _: 1
+      })
+    ], 64));
+  }
+}), Oe = /* @__PURE__ */ I(Ee, [["__scopeId", "data-v-4e8e4de1"]]), Le = { class: "sidebar pd-l-12 pd-r-12 flex flex-col overflow-hidden" }, Ce = /* @__PURE__ */ Object.assign({
+  name: "CustomSidebar"
+}, {
+  __name: "layout",
+  props: {
+    // ========== 菜单数据 ==========
+    // 菜单树数据（已处理好的树形结构）
+    menuData: {
+      type: Array,
+      default: () => []
+    },
+    // 当前选中的菜单ID
+    currentMenuId: {
+      type: String,
+      default: null
+    },
+    // 展开的节点ID数组
+    expandedKeys: {
+      type: Array,
+      default: () => []
+    },
+    // ========== 头部配置 ==========
+    // 标题文本
+    title: {
+      type: String,
+      default: ""
+    },
+    // Logo 图标组件
+    logo: {
+      type: [Object, String],
+      default: null
+    },
+    // Logo 尺寸
+    logoSize: {
+      type: Number,
+      default: 30
+    },
+    // 是否显示折叠按钮
+    showToggle: {
+      type: Boolean,
+      default: !0
+    },
+    // 折叠按钮图标
+    toggleIcon: {
+      type: [Object, String],
+      default: null
+    },
+    // ========== 菜单配置 ==========
+    // 树形组件配置
+    treeProps: {
+      type: Object,
+      default: () => w
+    },
+    // 菜单项高度
+    itemHeight: {
+      type: Number,
+      default: 36
+    },
+    // 缩进距离
+    indent: {
+      type: Number,
+      default: 24
+    },
+    // 图标大小
+    iconSize: {
+      type: Number,
+      default: 16
+    },
+    // 标题样式
+    titleStyle: {
+      type: Object,
+      default: () => ({ fontSize: "16px" })
+    },
+    // 展开图标组件
+    expandedIcon: {
+      type: [Object, String],
+      default: null
+    },
+    // 收起图标组件
+    collapsedIcon: {
+      type: [Object, String],
+      default: null
+    },
+    // 图标渲染器组件
+    iconRenderer: {
+      type: [Object, String],
+      default: null
+    },
+    // 图标库配置
+    iconLibrary: {
+      type: [String, Object],
+      default: null
+    },
+    // ========== 底部配置 ==========
+    // 是否显示底部
+    showFooter: {
+      type: Boolean,
+      default: !0
+    },
+    // 用户信息
+    userInfo: {
+      type: Object,
+      default: null
+    },
+    // 用户操作列表
+    userActions: {
+      type: Array,
+      default: () => []
+    },
+    // 弹窗显示延迟
+    popupDelay: {
+      type: Number,
+      default: 200
+    },
+    // 弹窗左侧位置（像素）
+    popupLeft: {
+      type: Number,
+      default: 240
+    },
+    navFooterWidth: {
+      type: Number,
+      default: 240
+    }
+  },
+  emits: [
+    "toggle",
+    "node-click",
+    "node-expand",
+    "node-collapse",
+    "user-action-click"
+  ],
+  setup(e, { emit: n }) {
+    const t = n, o = () => {
+      t("toggle");
+    }, l = (i, c) => {
+      t("node-click", i, c);
+    }, y = (i, c) => {
+      t("node-expand", i, c);
+    }, d = (i, c) => {
+      t("node-collapse", i, c);
+    }, f = (i, c) => {
+      t("user-action-click", i, c);
+    };
+    return (i, c) => (a(), m(k, null, [
+      s("div", Le, [
+        h(Z, {
+          "title-style": e.titleStyle,
+          title: e.title,
+          logo: e.logo,
+          "logo-size": e.logoSize,
+          "show-toggle": e.showToggle,
+          "toggle-icon": e.toggleIcon,
+          onToggle: o
+        }, null, 8, ["title-style", "title", "logo", "logo-size", "show-toggle", "toggle-icon"]),
+        h(fe, {
+          "menu-data": e.menuData,
+          "current-menu-id": e.currentMenuId,
+          "expanded-keys": e.expandedKeys,
+          "tree-props": e.treeProps,
+          "item-height": e.itemHeight,
+          indent: e.indent,
+          "icon-size": e.iconSize,
+          "expanded-icon": e.expandedIcon,
+          "collapsed-icon": e.collapsedIcon,
+          "icon-renderer": e.iconRenderer,
+          "icon-library": e.iconLibrary,
+          onNodeClick: l,
+          onNodeExpand: y,
+          onNodeCollapse: d
+        }, null, 8, ["menu-data", "current-menu-id", "expanded-keys", "tree-props", "item-height", "indent", "icon-size", "expanded-icon", "collapsed-icon", "icon-renderer", "icon-library"])
+      ]),
+      e.showFooter ? (a(), b(Oe, {
+        key: 0,
+        "popup-left": e.popupLeft,
+        "user-info": e.userInfo,
+        actions: e.userActions,
+        "popup-delay": e.popupDelay,
+        "nav-footer-width": e.navFooterWidth,
+        onActionClick: f
+      }, null, 8, ["popup-left", "user-info", "actions", "popup-delay", "nav-footer-width"])) : x("", !0)
+    ], 64));
+  }
+}), Ke = /* @__PURE__ */ I(Ce, [["__scopeId", "data-v-0350c21a"]]);
+export {
+  M,
+  T as N,
+  Ue as S,
+  w as T,
+  ee as a,
+  oe as b,
+  L as c,
+  $e as d,
+  De as e,
+  ie as f,
+  le as g,
+  z as h,
+  te as i,
+  Pe as j,
+  re as k,
+  Ke as l,
+  se as m,
+  Be as n,
+  ae as p,
+  ne as t
+};

package/es/index.mjs

@@ -1,7 +1,7 @@
 import { CustomToggle as t } from "./CustomToggle.mjs";
 import { CustomTitle as r } from "./CustomTitle.mjs";
 import { PageContainer as i } from "./PageContainer.mjs";
-import { l as n, a as m, n as l, M as p, N as T, S as f, T as S, d as g, e as u, f as E, h as c, k as d, m as A, g as P, j as _, c as C, b as I, i as L, p as N, t as M } from "./chunks/layout.4cXSFqV7.js";
+import { l as n, a as m, n as l, M as p, N as T, S as f, T as S, d as g, e as u, f as E, h as c, k as d, m as A, g as P, j as _, c as C, b as I, i as L, p as N, t as M } from "./chunks/layout.BGxsktpj.js";
 import { AvailableRangeSetting as O } from "./AvailableRangeSetting.mjs";
 import { A as F, T as h } from "./chunks/index.C3QfeHLU.js";
 import { ApplicationTypeTag as y, useApplicationTypeTag as D } from "./ApplicationTypeTag.mjs";

package/lib/CustomSidebar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunks/layout.ByVWo0V4.js");exports.CustomSidebar=e.layout;exports.MENU_COLOR_STRATEGY=e.MENU_COLOR_STRATEGY;exports.MENU_LOADING_STATES=e.MENU_LOADING_STATES;exports.MENU_TYPE=e.MENU_TYPE;exports.NODE_CLICK_TYPES=e.NODE_CLICK_TYPES;exports.SPECIAL_ROUTES=e.SPECIAL_ROUTES;exports.TREE_PROPS=e.TREE_PROPS;exports.collapseNodeKeys=e.collapseNodeKeys;exports.expandNodeKeys=e.expandNodeKeys;exports.findExpandPath=e.findExpandPath;exports.findExpandPathById=e.findExpandPathById;exports.findMenuByPath=e.findMenuByPath;exports.getFirstLeafMenu=e.getFirstLeafMenu;exports.getMenuIconColorById=e.getMenuIconColorById;exports.getParentNodeIdsById=e.getParentNodeIdsById;exports.isParentMenuActive=e.isParentMenuActive;exports.isParentRouteActive=e.isParentRouteActive;exports.isPathInMenu=e.isPathInMenu;exports.processMenuTreeWithLeaf=e.processMenuTreeWithLeaf;exports.transformMenuData=e.transformMenuData;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunks/layout.BPaMqsSV.js");exports.CustomSidebar=e.layout;exports.MENU_COLOR_STRATEGY=e.MENU_COLOR_STRATEGY;exports.MENU_LOADING_STATES=e.MENU_LOADING_STATES;exports.MENU_TYPE=e.MENU_TYPE;exports.NODE_CLICK_TYPES=e.NODE_CLICK_TYPES;exports.SPECIAL_ROUTES=e.SPECIAL_ROUTES;exports.TREE_PROPS=e.TREE_PROPS;exports.collapseNodeKeys=e.collapseNodeKeys;exports.expandNodeKeys=e.expandNodeKeys;exports.findExpandPath=e.findExpandPath;exports.findExpandPathById=e.findExpandPathById;exports.findMenuByPath=e.findMenuByPath;exports.getFirstLeafMenu=e.getFirstLeafMenu;exports.getMenuIconColorById=e.getMenuIconColorById;exports.getParentNodeIdsById=e.getParentNodeIdsById;exports.isParentMenuActive=e.isParentMenuActive;exports.isParentRouteActive=e.isParentRouteActive;exports.isPathInMenu=e.isPathInMenu;exports.processMenuTreeWithLeaf=e.processMenuTreeWithLeaf;exports.transformMenuData=e.transformMenuData;

package/lib/assets/layout2.css

@@ -1 +1 @@
-.nav-title[data-v-e91227d1]{height:72px;padding-left:2px;display:flex;align-items:center;justify-content:space-between}.nav-title .title-text[data-v-e91227d1]{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nav-title .collapse-unfold-icon[data-v-e91227d1]{cursor:pointer;flex-shrink:0;transition:transform .2s ease;display:flex;justify-content:center}.nav-title .collapse-unfold-icon[data-v-e91227d1]:hover{transform:scale(1.1)}.custom-tree[data-v-96f902de]{background-color:transparent}.custom-tree[data-v-96f902de] .el-tree-node__expand-icon{display:none}.custom-tree[data-v-96f902de] .el-tree-node__content{height:var(--item-height, 36px)!important;min-height:calc(var(--item-height, 36px) - 8px)!important;box-sizing:border-box}.custom-tree[data-v-96f902de] .el-tree-node.is-current .el-tree-node__content{background:#eaf0fe;border-radius:6px}.custom-tree .tree-node-content-custom[data-v-96f902de]{display:flex;align-items:center;transition:all .3s ease;border-radius:6px;font-weight:400;font-size:14px;color:#1f2329;width:100%;height:calc(var(--item-height, 36px) - 8px)!important;min-height:calc(var(--item-height, 36px) - 8px)!important;padding:8px 12px;box-sizing:border-box;cursor:pointer}.custom-tree .tree-node-content-custom.is-current[data-v-96f902de]{color:#3271fe}.custom-tree .tree-node-content-custom.is-parent-active[data-v-96f902de]{color:#3271fe;border-radius:6px;background:transparent}.custom-tree .tree-node-content-custom .expand-arrow[data-v-96f902de]{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease;flex-shrink:0}.custom-tree .tree-node-content-custom .node-icon[data-v-96f902de]{width:24px;justify-content:flex-start;flex-shrink:0}.custom-tree .tree-node-content-custom .node-label[data-v-96f902de]{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-popup-content[data-v-9ec38608]{padding:8px}.user-popup-content .user_info_wrap_data[data-v-9ec38608]{display:flex;align-items:center;padding:8px 3px 12px;margin-bottom:12px;border-radius:8px;border-bottom:1px solid #EFF2F5}.user-popup-content .user_info_wrap_data .user-avatar[data-v-9ec38608]{width:32px;height:32px;border-radius:50%;background:#3965ff;display:flex;align-items:center;justify-content:center;margin-right:3px;flex-shrink:0}.user-popup-content .user_info_wrap_data .user-avatar .avatar-text[data-v-9ec38608]{font-weight:700;font-size:18px;color:#fff;display:flex;justify-content:center;align-items:center}.user-popup-content .user_info_wrap_data .user-details[data-v-9ec38608]{flex:1;overflow:hidden}.user-popup-content .user_info_wrap_data .user-details .user-name[data-v-9ec38608]{line-height:20px;font-weight:400;font-size:14px;color:#1f2329;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-popup-content .user_info_wrap_data .user-details .user-email[data-v-9ec38608]{line-height:20px;font-weight:400;font-size:12px;color:#8f959e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-popup-content .list__item[data-v-9ec38608]{cursor:pointer;display:flex;align-items:center;gap:6px;padding:0 12px;border-radius:8px;font-weight:400;font-size:14px;color:#1f2329;height:48px;transition:background-color .2s ease}.user-popup-content .list__item[data-v-9ec38608]:hover{background:#f0f0f0}.user-popup-content .list__item-icon[data-v-9ec38608]{text-align:center;display:flex;align-items:center}.navbar-box__footer[data-v-2056263d]{height:52px;width:100%;cursor:pointer;position:relative;bottom:0;padding:10px 8px;display:flex;align-items:center;justify-content:space-between;background:#e6e8ea;box-shadow:0 6px 40px 16px #00000005,0 4px 28px #00000005,0 3px 16px -8px #0000000a;border-radius:0;border:1px solid #dee0e3}.navbar-box__footer__left[data-v-2056263d]{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.navbar-box__footer__left>div[data-v-2056263d]:last-child{flex:1;min-width:0}.navbar-box__footer__left .name-first[data-v-2056263d]{display:flex;justify-content:center;align-items:center;width:22px;height:22px;background:#3965ff;border-radius:50%;color:#fff;text-align:center;font-weight:700;font-size:12px;flex-shrink:0}.navbar-box__footer__left .name-text[data-v-2056263d]{font-weight:400;font-size:12px;color:#1f2329;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.navbar-box__footer__left .user-id[data-v-2056263d]{font-size:12px;color:#a8abb2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-box__footer__right[data-v-2056263d]{width:16px}.footer-popup[data-v-2056263d]{position:fixed;bottom:0;z-index:2001;width:300px}.footer-popup .footer-popup__content[data-v-2056263d]{width:100%;height:100%}.content-bg[data-v-2056263d]{background:#fff;box-shadow:0 9px 28px 8px #0000000d,0 6px 16px #00000014,0 3px 6px -4px #0000001f;border-radius:4px;border:1px solid rgba(255,255,255,.8)}.fade-enter-from[data-v-2056263d],.fade-leave-to[data-v-2056263d]{opacity:0}.fade-enter-active[data-v-2056263d],.fade-leave-active[data-v-2056263d]{transition:opacity .3s ease}.fade-enter-to[data-v-2056263d],.fade-leave-from[data-v-2056263d]{opacity:1}.sidebar[data-v-0350c21a]{width:240px;transition:width .3s ease;position:relative;height:calc(100% - 52px)}.sidebar[data-v-0350c21a] .el-tree{--el-tree-node-hover-bg-color: transparent !important}
+.nav-title[data-v-018f7423]{height:72px;padding-left:2px;display:flex;align-items:center;justify-content:space-between}.nav-title .title-text[data-v-018f7423]{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nav-title .collapse-unfold-icon[data-v-018f7423]{cursor:pointer;flex-shrink:0;transition:transform .2s ease;display:flex;justify-content:center}.nav-title .collapse-unfold-icon[data-v-018f7423]:hover{transform:scale(1.1)}.custom-tree[data-v-96f902de]{background-color:transparent}.custom-tree[data-v-96f902de] .el-tree-node__expand-icon{display:none}.custom-tree[data-v-96f902de] .el-tree-node__content{height:var(--item-height, 36px)!important;min-height:calc(var(--item-height, 36px) - 8px)!important;box-sizing:border-box}.custom-tree[data-v-96f902de] .el-tree-node.is-current .el-tree-node__content{background:#eaf0fe;border-radius:6px}.custom-tree .tree-node-content-custom[data-v-96f902de]{display:flex;align-items:center;transition:all .3s ease;border-radius:6px;font-weight:400;font-size:14px;color:#1f2329;width:100%;height:calc(var(--item-height, 36px) - 8px)!important;min-height:calc(var(--item-height, 36px) - 8px)!important;padding:8px 12px;box-sizing:border-box;cursor:pointer}.custom-tree .tree-node-content-custom.is-current[data-v-96f902de]{color:#3271fe}.custom-tree .tree-node-content-custom.is-parent-active[data-v-96f902de]{color:#3271fe;border-radius:6px;background:transparent}.custom-tree .tree-node-content-custom .expand-arrow[data-v-96f902de]{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease;flex-shrink:0}.custom-tree .tree-node-content-custom .node-icon[data-v-96f902de]{width:24px;justify-content:flex-start;flex-shrink:0}.custom-tree .tree-node-content-custom .node-label[data-v-96f902de]{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-popup-content[data-v-369cef7b]{padding:8px}.user-popup-content .user_info_wrap_data[data-v-369cef7b]{display:flex;align-items:center;padding:8px 3px 12px;margin-bottom:12px;border-radius:8px;border-bottom:1px solid #eff2f5}.user-popup-content .user_info_wrap_data .user-avatar[data-v-369cef7b]{width:32px;height:32px;border-radius:50%;background:#3965ff;display:flex;align-items:center;justify-content:center;margin-right:3px;flex-shrink:0}.user-popup-content .user_info_wrap_data .user-avatar .avatar-text[data-v-369cef7b]{font-weight:700;font-size:18px;color:#fff;display:flex;justify-content:center;align-items:center}.user-popup-content .user_info_wrap_data .user-details[data-v-369cef7b]{flex:1;overflow:hidden}.user-popup-content .user_info_wrap_data .user-details .user-name[data-v-369cef7b]{line-height:20px;font-weight:400;font-size:14px;color:#1f2329;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-popup-content .user_info_wrap_data .user-details .user-email[data-v-369cef7b]{line-height:20px;font-weight:400;font-size:12px;color:#8f959e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-popup-content .list__item[data-v-369cef7b]{cursor:pointer;display:flex;align-items:center;gap:6px;padding:0 12px;border-radius:8px;font-weight:400;font-size:14px;color:#1f2329;height:48px;transition:background-color .2s ease}.user-popup-content .list__item[data-v-369cef7b]:hover{background:#f0f0f0}.user-popup-content .list__item-icon[data-v-369cef7b]{text-align:center;display:flex;align-items:center}.navbar-box__footer[data-v-a7108193]{height:52px;width:100%;cursor:pointer;position:relative;bottom:0;padding:10px 8px;display:flex;align-items:center;justify-content:space-between;background:#e6e8ea;box-shadow:0 6px 40px 16px #00000005,0 4px 28px #00000005,0 3px 16px -8px #0000000a;border-radius:0;border:1px solid #dee0e3}.navbar-box__footer__left[data-v-a7108193]{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.navbar-box__footer__left>div[data-v-a7108193]:last-child{flex:1;min-width:0}.navbar-box__footer__left .name-first[data-v-a7108193]{display:flex;justify-content:center;align-items:center;width:22px;height:22px;background:#3965ff;border-radius:50%;color:#fff;text-align:center;font-weight:700;font-size:12px;flex-shrink:0}.navbar-box__footer__left .name-text[data-v-a7108193]{font-weight:400;font-size:12px;color:#1f2329;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.navbar-box__footer__left .user-id[data-v-a7108193]{font-size:12px;color:#a8abb2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-box__footer__right[data-v-a7108193]{width:16px}.footer-popup[data-v-a7108193]{position:fixed;bottom:0;z-index:2001;width:300px}.footer-popup .footer-popup__content[data-v-a7108193]{width:100%;height:100%}.content-bg[data-v-a7108193]{background:#fff;box-shadow:0 9px 28px 8px #0000000d,0 6px 16px #00000014,0 3px 6px -4px #0000001f;border-radius:4px;border:1px solid rgba(255,255,255,.8)}.fade-enter-from[data-v-a7108193],.fade-leave-to[data-v-a7108193]{opacity:0}.fade-enter-active[data-v-a7108193],.fade-leave-active[data-v-a7108193]{transition:opacity .3s ease}.fade-enter-to[data-v-a7108193],.fade-leave-from[data-v-a7108193]{opacity:1}.sidebar[data-v-0350c21a]{width:240px;transition:width .3s ease;position:relative;height:calc(100% - 52px)}.sidebar[data-v-0350c21a] .el-tree{--el-tree-node-hover-bg-color: transparent !important}