china-mobile-international-custom-components 0.0.28 → 0.0.30

package/es/chunks/layout.ClkgLsEw.js

@@ -1,640 +0,0 @@
-import { createElementBlock as m, openBlock as a, createCommentVNode as x, createElementVNode as p, createBlock as b, createVNode as y, unref as d, withCtx as v, resolveDynamicComponent as S, normalizeStyle as L, toDisplayString as N, ref as O, watch as D, nextTick as F, normalizeClass as $, withModifiers as P, Fragment as A, renderList as U, Transition as B, withDirectives as K, vShow as W } from "vue";
-import { ElIcon as k, ElAutoResizer as H, ElTreeV2 as V } from "element-plus";
-import { _ as I } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { IconRenderer as Y, iconLibraryMap as G } from "color-star-custom-components";
-import { IconYou as q } from "color-message-aibox-vue";
-import '../assets/layout2.css';const J = { class: "nav-title overflow-hidden" }, Q = {
-  key: 0,
-  class: "title-logo"
-}, 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, h) => (a(), m("div", J, [
-      e.logo ? (a(), m("div", Q, [
-        y(d(k), { size: e.logoSize }, {
-          default: v(() => [
-            (a(), b(S(e.logo)))
-          ]),
-          _: 1
-        }, 8, ["size"])
-      ])) : x("", !0),
-      p("span", {
-        class: "weight-500 text-1f2329 title-text",
-        style: L(e.titleStyle)
-      }, N(e.title), 5),
-      e.showToggle ? (a(), b(d(k), {
-        key: 1,
-        size: 20,
-        class: "collapse-unfold-icon",
-        onClick: o
-      }, {
-        default: v(() => [
-          (a(), b(S(e.toggleIcon)))
-        ]),
-        _: 1
-      })) : x("", !0)
-    ]));
-  }
-}), Z = /* @__PURE__ */ I(X, [["__scopeId", "data-v-56e35473"]]), M = {
-  DIR: "DIR",
-  // 目录
-  MENU: "MENU",
-  // 菜单
-  BUTTON: "BUTTON"
-  // 按钮
-}, _ = /* @__PURE__ */ new Map([
-  ["active", "#3271FE"],
-  ["parent_active", "#3271FE"],
-  ["normal", "#666666"]
-]), ee = (e, n) => !Array.isArray(e) || !n ? !1 : e.some((t) => t.path === n ? !0 : t.children?.length > 0 ? ee(t.children, n) : !1), te = (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 ? te(o.children || [], n + 1) : [],
-  level: n
-})), ne = (e, n) => e?.children?.length ? e.children.some(
-  (t) => t?.path === n || t.children?.length && ne(t, n)
-) : !1, z = (e, n) => e?.children?.length ? e.children.some(
-  (t) => t?.id === n || t.children?.length && z(t, n)
-) : !1, oe = (e, n) => {
-  const t = e?.id === n, o = z(e, n);
-  let l = "normal";
-  return t ? l = "active" : o && (l = "parent_active"), _.get(l);
-}, Te = (e, n) => e.includes(n) ? e : [...e, n], Me = (e, n) => e.filter((t) => t !== n), le = (e, n, t = []) => e.some((o) => {
-  if (o?.path === n)
-    return !0;
-  if (o.children?.length > 0) {
-    t.push(o.id);
-    const l = le(o.children, n, t);
-    return l || t.pop(), l;
-  }
-  return !1;
-}), w = (e, n, t = []) => e.some((o) => {
-  if (o?.id === n)
-    return !0;
-  if (o.children?.length > 0) {
-    t.push(o.id);
-    const l = w(o.children, n, t);
-    return l || t.pop(), l;
-  }
-  return !1;
-}), Ce = (e, n) => {
-  const t = [];
-  return w(e, n, t), t;
-}, ie = (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 = ie(t.children, n);
-      if (o) return o;
-    }
-  }
-  return null;
-}, re = (e) => Array.isArray(e) ? e.map((n) => {
-  const t = { ...n };
-  return t.children && Array.isArray(t.children) && t.children.length > 0 ? t.children = re(t.children) : t.isLeaf = !0, t;
-}) : [], ae = (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 = ae(n.children);
-      if (t) return t;
-    }
-  }
-  return null;
-}, we = ["/404", "/login", "/unauthorized"], j = {
-  label: "name",
-  children: "children",
-  isLeaf: "isLeaf"
-}, C = {
-  PARENT: "parent",
-  LEAF: "leaf"
-}, je = {
-  LOADING: "loading",
-  LOADED: "loaded",
-  ERROR: "error"
-}, ce = { class: "node-label" }, se = ["onClick"], ue = /* @__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: () => j
-    },
-    // 菜单项高度
-    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 = O(null), h = (i) => i?.icon && i.level === 1 || !i.isLeaf, s = (i) => oe(i, t.currentMenuId), g = (i) => {
-      const E = i.isLeaf ? C.LEAF : C.PARENT;
-      o("node-click", i, E);
-    }, c = (i) => {
-      o("node-expand", i.id, i);
-    }, r = (i) => {
-      o("node-collapse", i.id, i);
-    }, u = (i) => {
-      if (!l.value) return;
-      t.expandedKeys.includes(i.data.id) ? l.value.collapseNode(i) : l.value.expandNode(i);
-    };
-    return D(
-      () => t.expandedKeys,
-      (i) => {
-        F(() => {
-          l.value && l.value.setExpandedKeys([...i]);
-        });
-      },
-      { deep: !0 }
-    ), (i, E) => (a(), b(d(H), { class: "flex-1 overflow-hidden" }, {
-      default: v(({ height: R }) => [
-        y(d(V), {
-          ref_key: "treeRef",
-          ref: l,
-          "node-key": "id",
-          data: e.menuData,
-          props: e.treeProps,
-          height: R,
-          "current-node-key": e.currentMenuId,
-          "highlight-current": !0,
-          "expanded-keys": e.expandedKeys,
-          "show-checkbox": !1,
-          "item-size": e.itemHeight,
-          "expand-on-click-node": !1,
-          indent: e.indent,
-          onNodeClick: g,
-          onNodeExpand: c,
-          onNodeCollapse: r,
-          class: "custom-tree"
-        }, {
-          default: v(({ node: T, data: f }) => [
-            p("div", {
-              class: $(["tree-node-content-custom", {
-                "has-children": !f.isLeaf,
-                "is-current": f.id === e.currentMenuId && f.isLeaf,
-                "is-parent-active": d(z)(f, e.currentMenuId) && !f.isLeaf
-              }])
-            }, [
-              h(f) ? (a(), b(d(k), {
-                key: 0,
-                size: e.iconSize,
-                class: "node-icon",
-                color: s(f)
-              }, {
-                default: v(() => [
-                  y(d(Y), {
-                    "icon-name": f?.icon,
-                    "icon-library": d(G).aibox
-                  }, null, 8, ["icon-name", "icon-library"])
-                ]),
-                _: 2
-              }, 1032, ["size", "color"])) : x("", !0),
-              p("span", ce, N(T.label), 1),
-              f.isLeaf ? x("", !0) : (a(), m("div", {
-                key: 1,
-                class: "expand-arrow",
-                onClick: P((Se) => u(T), ["stop"])
-              }, [
-                y(d(k), {
-                  size: e.iconSize,
-                  color: s(f)
-                }, {
-                  default: v(() => [
-                    (a(), b(S(
-                      e.expandedKeys.includes(f.id) ? e.expandedIcon : e.collapsedIcon
-                    )))
-                  ]),
-                  _: 2
-                }, 1032, ["size", "color"])
-              ], 8, se))
-            ], 2)
-          ]),
-          _: 1
-        }, 8, ["data", "props", "height", "current-node-key", "expanded-keys", "item-size", "indent"])
-      ]),
-      _: 1
-    }));
-  }
-}), de = /* @__PURE__ */ I(ue, [["__scopeId", "data-v-0a105c70"]]), fe = { class: "user-popup-content" }, pe = ["onClick"], ye = /* @__PURE__ */ Object.assign({
-  name: "UserPopup"
-}, {
-  __name: "UserPopup",
-  props: {
-    // 操作列表配置
-    actions: {
-      type: Array,
-      default: () => [],
-      validator: (e) => e.every(
-        (n) => n.key && (n.icon || n.iconName)
-      )
-    }
-  },
-  emits: ["action-click"],
-  setup(e, { emit: n }) {
-    const t = n, o = (l) => {
-      t("action-click", l.key, l);
-    };
-    return (l, h) => (a(), m("div", fe, [
-      (a(!0), m(A, null, U(e.actions, (s, g) => (a(), m(A, { key: g }, [
-        s.hidden ? x("", !0) : (a(), m("div", {
-          key: 0,
-          class: "list__item",
-          onClick: (c) => o(s)
-        }, [
-          y(d(k), {
-            class: "list__item-icon",
-            size: s.iconSize || 20,
-            color: "#262626"
-          }, {
-            default: v(() => [
-              (a(), b(S(s.icon)))
-            ]),
-            _: 2
-          }, 1032, ["size"]),
-          p("span", null, N(s.label), 1)
-        ], 8, pe))
-      ], 64))), 128))
-    ]));
-  }
-}), he = /* @__PURE__ */ I(ye, [["__scopeId", "data-v-70783670"]]), ge = { class: "navbar-box__footer__left" }, me = { class: "name-first" }, ve = { class: "name-text" }, be = { class: "user-id" }, xe = /* @__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 = e, o = n, l = O(null), h = O(!1), s = (r) => r && r[0] ? r[0] : "", g = (r) => {
-      r || (l.value = setTimeout(() => {
-        h.value = !1;
-      }, t.popupDelay)), r && (h.value = r, clearTimeout(l.value));
-    }, c = (r, u) => {
-      h.value = !1, o("action-click", r, u);
-    };
-    return (r, u) => (a(), m(A, null, [
-      e.userInfo ? (a(), m("div", {
-        key: 0,
-        class: "navbar-box__footer",
-        style: L({ width: e.navFooterWidth + "px" }),
-        onMouseenter: u[0] || (u[0] = (i) => g(!0)),
-        onMouseleave: u[1] || (u[1] = (i) => g(!1))
-      }, [
-        p("div", ge, [
-          p("div", me, N(s(e.userInfo?.name)), 1),
-          p("div", null, [
-            p("div", ve, N(e.userInfo?.name), 1),
-            p("div", be, N(e.userInfo?.bnid || e.userInfo?.id || ""), 1)
-          ])
-        ]),
-        y(d(k), {
-          size: 12,
-          class: "navbar-box__footer__right"
-        }, {
-          default: v(() => [
-            y(d(q))
-          ]),
-          _: 1
-        })
-      ], 36)) : x("", !0),
-      y(B, { name: "fade" }, {
-        default: v(() => [
-          K(p("div", {
-            class: "footer-popup content-bg",
-            style: L({ left: e.popupLeft + "px" }),
-            onMouseenter: u[2] || (u[2] = (i) => g(!0)),
-            onMouseleave: u[3] || (u[3] = (i) => g(!1))
-          }, [
-            y(he, {
-              actions: e.actions,
-              onActionClick: c
-            }, null, 8, ["actions"])
-          ], 36), [
-            [W, h.value]
-          ])
-        ]),
-        _: 1
-      })
-    ], 64));
-  }
-}), Ne = /* @__PURE__ */ I(xe, [["__scopeId", "data-v-7c19e7c4"]]), ke = { class: "sidebar pd-l-12 pd-r-12 flex flex-col overflow-hidden" }, Ie = /* @__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: () => j
-    },
-    // 菜单项高度
-    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 = (c, r) => {
-      t("node-click", c, r);
-    }, h = (c, r) => {
-      t("node-expand", c, r);
-    }, s = (c, r) => {
-      t("node-collapse", c, r);
-    }, g = (c, r) => {
-      t("user-action-click", c, r);
-    };
-    return (c, r) => (a(), m(A, null, [
-      p("div", ke, [
-        y(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"]),
-        y(de, {
-          "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: h,
-          onNodeCollapse: s
-        }, 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(Ne, {
-        key: 0,
-        "popup-left": e.popupLeft,
-        "user-info": e.userInfo,
-        actions: e.userActions,
-        "popup-delay": e.popupDelay,
-        "nav-footer-width": e.navFooterWidth,
-        onActionClick: g
-      }, null, 8, ["popup-left", "user-info", "actions", "popup-delay", "nav-footer-width"])) : x("", !0)
-    ], 64));
-  }
-}), Re = /* @__PURE__ */ I(Ie, [["__scopeId", "data-v-c565b1a5"]]);
-export {
-  M,
-  C as N,
-  we as S,
-  j as T,
-  _ as a,
-  ne as b,
-  z as c,
-  Me as d,
-  Te as e,
-  le as f,
-  oe as g,
-  w as h,
-  ee as i,
-  Ce as j,
-  ie as k,
-  Re as l,
-  ae as m,
-  je as n,
-  re as p,
-  te as t
-};