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

package/es/chunks/layout.BNqqXOrs.js

@@ -1,639 +0,0 @@
-import { createElementBlock as m, openBlock as a, createCommentVNode as x, createElementVNode as g, createBlock as b, createVNode as p, unref as d, withCtx as v, resolveDynamicComponent as S, normalizeStyle as L, toDisplayString as k, 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 N, 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, y) => (a(), m("div", J, [
-      e.logo ? (a(), m("div", Q, [
-        p(d(N), { size: e.logoSize }, {
-          default: v(() => [
-            (a(), b(S(e.logo)))
-          ]),
-          _: 1
-        }, 8, ["size"])
-      ])) : x("", !0),
-      g("span", {
-        class: "weight-500 text-1f2329 title-text",
-        style: L(e.titleStyle)
-      }, k(e.title), 5),
-      e.showToggle ? (a(), b(d(N), {
-        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);
-}, ze = (e, n) => e.includes(n) ? e : [...e, n], Te = (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;
-}), Me = (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;
-}, Ce = ["/404", "/login", "/unauthorized"], j = {
-  label: "name",
-  children: "children",
-  isLeaf: "isLeaf"
-}, C = {
-  PARENT: "parent",
-  LEAF: "leaf"
-}, we = {
-  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), y = (i) => i?.icon && i.level === 1 || !i.isLeaf, s = (i) => oe(i, t.currentMenuId), h = (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 }) => [
-        p(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: h,
-          onNodeExpand: c,
-          onNodeCollapse: r,
-          class: "custom-tree"
-        }, {
-          default: v(({ node: T, data: f }) => [
-            g("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
-              }])
-            }, [
-              y(f) ? (a(), b(d(N), {
-                key: 0,
-                size: e.iconSize,
-                class: "node-icon",
-                color: s(f)
-              }, {
-                default: v(() => [
-                  p(d(Y), {
-                    "icon-name": f?.icon,
-                    "icon-library": d(G).aibox
-                  }, null, 8, ["icon-name", "icon-library"])
-                ]),
-                _: 2
-              }, 1032, ["size", "color"])) : x("", !0),
-              g("span", ce, k(T.label), 1),
-              f.isLeaf ? x("", !0) : (a(), m("div", {
-                key: 1,
-                class: "expand-arrow",
-                onClick: P((Ie) => u(T), ["stop"])
-              }, [
-                p(d(N), {
-                  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, y) => (a(), m("div", fe, [
-      (a(!0), m(A, null, U(e.actions, (s, h) => (a(), m(A, { key: h }, [
-        s.hidden ? x("", !0) : (a(), m("div", {
-          key: 0,
-          class: "list__item",
-          onClick: (c) => o(s)
-        }, [
-          p(d(N), {
-            class: "list__item-icon",
-            size: s.iconSize || 20,
-            color: "#262626"
-          }, {
-            default: v(() => [
-              (a(), b(S(s.icon)))
-            ]),
-            _: 2
-          }, 1032, ["size"]),
-          g("span", null, k(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 = /* @__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), y = O(!1), s = (r) => r && r[0] ? r[0] : "", h = (r) => {
-      r || (l.value = setTimeout(() => {
-        y.value = !1;
-      }, t.popupDelay)), r && (y.value = r, clearTimeout(l.value));
-    }, c = (r, u) => {
-      y.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) => h(!0)),
-        onMouseleave: u[1] || (u[1] = (i) => h(!1))
-      }, [
-        g("div", ge, [
-          g("div", me, k(s(e.userInfo?.name)), 1),
-          g("div", null, [
-            g("div", ve, k(e.userInfo?.name), 1)
-          ])
-        ]),
-        p(d(N), {
-          size: 12,
-          class: "navbar-box__footer__right"
-        }, {
-          default: v(() => [
-            p(d(q))
-          ]),
-          _: 1
-        })
-      ], 36)) : x("", !0),
-      p(B, { name: "fade" }, {
-        default: v(() => [
-          K(g("div", {
-            class: "footer-popup content-bg",
-            style: L({ left: e.popupLeft + "px" }),
-            onMouseenter: u[2] || (u[2] = (i) => h(!0)),
-            onMouseleave: u[3] || (u[3] = (i) => h(!1))
-          }, [
-            p(he, {
-              actions: e.actions,
-              onActionClick: c
-            }, null, 8, ["actions"])
-          ], 36), [
-            [W, y.value]
-          ])
-        ]),
-        _: 1
-      })
-    ], 64));
-  }
-}), xe = /* @__PURE__ */ I(be, [["__scopeId", "data-v-93817550"]]), Ne = { class: "sidebar pd-l-12 pd-r-12 flex flex-col overflow-hidden" }, ke = /* @__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);
-    }, y = (c, r) => {
-      t("node-expand", c, r);
-    }, s = (c, r) => {
-      t("node-collapse", c, r);
-    }, h = (c, r) => {
-      t("user-action-click", c, r);
-    };
-    return (c, r) => (a(), m(A, null, [
-      g("div", Ne, [
-        p(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"]),
-        p(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: y,
-          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(xe, {
-        key: 0,
-        "popup-left": e.popupLeft,
-        "user-info": e.userInfo,
-        actions: e.userActions,
-        "popup-delay": e.popupDelay,
-        "nav-footer-width": e.navFooterWidth,
-        onActionClick: h
-      }, null, 8, ["popup-left", "user-info", "actions", "popup-delay", "nav-footer-width"])) : x("", !0)
-    ], 64));
-  }
-}), je = /* @__PURE__ */ I(ke, [["__scopeId", "data-v-c565b1a5"]]);
-export {
-  M,
-  C as N,
-  Ce as S,
-  j as T,
-  _ as a,
-  ne as b,
-  z as c,
-  Te as d,
-  ze as e,
-  le as f,
-  oe as g,
-  w as h,
-  ee as i,
-  Me as j,
-  ie as k,
-  je as l,
-  ae as m,
-  we as n,
-  re as p,
-  te as t
-};

package/es/chunks/layout.C6AMos7n.js

@@ -1,17 +0,0 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.Cf-_TWPK.js";
-import { createElementBlock, createElementVNode, openBlock, renderSlot, toDisplayString } from "vue";
-import '../assets/layout.css';var _hoisted_1 = { class: "custom-title flex items-center w-full overflow-hidden w-full pd-b-12" }, _hoisted_2 = { class: "title-text fz-14 weight-500 pd-l-8 text-1f2329" }, _hoisted_3 = { class: "title-actions flex-1 overflow-hidden flex items-center justify-end" }, layout_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ Object.assign({ name: "CustomTitle" }, {
-	__name: "layout",
-	props: { title: {
-		type: String,
-		default: ""
-	} },
-	setup(e) {
-		return (l, u) => (openBlock(), createElementBlock("div", _hoisted_1, [
-			u[0] ||= createElementVNode("div", { class: "title-icon bg-3271fe radius-2" }, null, -1),
-			createElementVNode("div", _hoisted_2, toDisplayString(e.title), 1),
-			createElementVNode("div", _hoisted_3, [renderSlot(l.$slots, "default", {}, void 0, !0)])
-		]));
-	}
-}), [["__scopeId", "data-v-8cf278a1"]]);
-export { layout_default as t };