aibox-custom-component-packages 0.0.8 → 0.0.9

package/es/CustomSidebar.mjs

@@ -1,717 +1,2 @@
-import { w as B } from "./chunks/index.bCzIhWFw.js";
-import { createElementBlock as y, openBlock as a, createVNode as h, createElementVNode as d, createBlock as g, createCommentVNode as I, unref as u, withCtx as m, normalizeStyle as O, toDisplayString as N, resolveDynamicComponent as C, ref as E, watch as D, nextTick as K, normalizeClass as T, withModifiers as W, computed as U, markRaw as H, toRaw as V, Fragment as w, renderList as Y, Transition as G, withDirectives as q, vShow as J } from "vue";
-import { ElIcon as k, ElAutoResizer as Q, ElTreeV2 as X } from "element-plus";
-import { AiboxIcon as Z } from "color-message-aibox-vue";
-import { _ as S } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import { IconRenderer as _, iconLibraryMap as ee } from "color-star-custom-components";
-import './assets/CustomSidebar.css';const te = { class: "nav-title overflow-hidden" }, ne = /* @__PURE__ */ Object.assign({
-  name: "NavTitle"
-}, {
-  __name: "NavTitle",
-  props: {
-    // 标题文本
-    title: {
-      type: String,
-      default: ""
-    },
-    // 头部图标尺寸
-    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, f) => (a(), y("div", te, [
-      h(u(k), { size: e.logoSize }, {
-        default: m(() => [
-          h(u(Z))
-        ]),
-        _: 1
-      }, 8, ["size"]),
-      d("span", {
-        class: "weight-500 text-1f2329 title-text",
-        style: O(e.titleStyle)
-      }, N(e.title), 5),
-      e.showToggle ? (a(), g(u(k), {
-        key: 0,
-        size: 18,
-        class: "collapse-unfold-icon",
-        onClick: o
-      }, {
-        default: m(() => [
-          (a(), g(C(e.toggleIcon)))
-        ]),
-        _: 1
-      })) : I("", !0)
-    ]));
-  }
-}), oe = /* @__PURE__ */ S(ne, [["__scopeId", "data-v-52011bbe"]]), M = {
-  DIR: "DIR",
-  // 目录
-  MENU: "MENU",
-  // 菜单
-  BUTTON: "BUTTON"
-  // 按钮
-}, le = /* @__PURE__ */ new Map([
-  ["active", "#3271FE"],
-  ["parent_active", "#3271FE"],
-  ["normal", "#1F2329"]
-]), ie = (e, n) => !Array.isArray(e) || !n ? !1 : e.some((t) => t.path === n ? !0 : t.children?.length > 0 ? ie(t.children, n) : !1), re = (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 ? re(o.children || [], n + 1) : [],
-  level: n
-})), se = (e, n) => e?.children?.length ? e.children.some(
-  (t) => t?.path === n || t.children?.length && se(t, n)
-) : !1, z = (e, n) => e?.children?.length ? e.children.some(
-  (t) => t?.id === n || t.children?.length && z(t, n)
-) : !1, ae = (e, n) => {
-  const t = e?.id === n, o = z(e, n);
-  let l = "normal";
-  return t ? l = "active" : o && (l = "parent_active"), le.get(l);
-}, De = (e, n) => e.includes(n) ? e : [...e, n], Ke = (e, n) => e.filter((t) => t !== n), ce = (e, n, t = []) => e.some((o) => {
-  if (o?.path === n)
-    return !0;
-  if (o.children?.length > 0) {
-    t.push(o.id);
-    const l = ce(o.children, n, t);
-    return l || t.pop(), l;
-  }
-  return !1;
-}), R = (e, n, t = []) => e.some((o) => {
-  if (o?.id === n)
-    return !0;
-  if (o.children?.length > 0) {
-    t.push(o.id);
-    const l = R(o.children, n, t);
-    return l || t.pop(), l;
-  }
-  return !1;
-}), We = (e, n) => {
-  const t = [];
-  return R(e, n, t), t;
-}, ue = (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 = ue(t.children, n);
-      if (o) return o;
-    }
-  }
-  return null;
-}, de = (e) => Array.isArray(e) ? e.map((n) => {
-  const t = { ...n };
-  return t.children && Array.isArray(t.children) && t.children.length > 0 ? t.children = de(t.children) : t.isLeaf = !0, t;
-}) : [], fe = (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 = fe(n.children);
-      if (t) return t;
-    }
-  }
-  return null;
-}, He = ["/404", "/login", "/unauthorized"], j = {
-  label: "name",
-  children: "children",
-  isLeaf: "isLeaf"
-}, P = {
-  PARENT: "parent",
-  LEAF: "leaf"
-}, Ve = {
-  LOADING: "loading",
-  LOADED: "loaded",
-  ERROR: "error"
-}, v = {
-  POPUP: "popup",
-  FOOTER: "footer"
-}, pe = { class: "node-label" }, ye = ["onClick"], he = /* @__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
-    },
-    // 菜单选中背景色
-    selectMenuBg: {
-      type: String,
-      default: "#eaf0fe"
-    },
-    // 展开图标组件
-    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), f = (s) => s?.icon && s.level === 1 || !s.isLeaf, c = (s) => ae(s, t.currentMenuId), b = (s) => {
-      const A = s.isLeaf ? P.LEAF : P.PARENT;
-      o("node-click", s, A);
-    }, i = (s) => {
-      o("node-expand", s.id, s);
-    }, r = (s) => {
-      o("node-collapse", s.id, s);
-    }, x = (s) => {
-      if (!l.value) return;
-      t.expandedKeys.includes(s.data.id) ? l.value.collapseNode(s) : l.value.expandNode(s);
-    };
-    return D(
-      () => t.expandedKeys,
-      (s) => {
-        K(() => {
-          l.value && l.value.setExpandedKeys([...s]);
-        });
-      },
-      { deep: !0 }
-    ), (s, A) => (a(), g(u(Q), { class: "flex-1 overflow-hidden" }, {
-      default: m(({ height: $ }) => [
-        h(u(X), {
-          ref_key: "treeRef",
-          ref: l,
-          "node-key": "id",
-          data: e.menuData,
-          props: e.treeProps,
-          height: $,
-          "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,
-          style: O({ "--select-menu-bg": e.selectMenuBg }),
-          onNodeClick: b,
-          onNodeExpand: i,
-          onNodeCollapse: r,
-          class: "custom-tree"
-        }, {
-          default: m(({ node: L, data: p }) => [
-            d("div", {
-              class: T(["tree-node-content-custom", {
-                "has-children": !p.isLeaf,
-                "is-current": p.id === e.currentMenuId && p.isLeaf,
-                "is-parent-active": u(z)(p, e.currentMenuId) && !p.isLeaf
-              }])
-            }, [
-              f(p) ? (a(), g(u(k), {
-                key: 0,
-                size: e.iconSize,
-                class: "node-icon",
-                color: c(p)
-              }, {
-                default: m(() => [
-                  h(u(_), {
-                    "icon-name": p?.icon,
-                    "icon-library": u(ee).aibox
-                  }, null, 8, ["icon-name", "icon-library"])
-                ]),
-                _: 2
-              }, 1032, ["size", "color"])) : I("", !0),
-              d("span", pe, N(L.label), 1),
-              p.isLeaf ? I("", !0) : (a(), y("div", {
-                key: 1,
-                class: "expand-arrow",
-                onClick: W((Pe) => x(L), ["stop"])
-              }, [
-                h(u(k), {
-                  size: e.iconSize,
-                  color: c(p)
-                }, {
-                  default: m(() => [
-                    (a(), g(C(e.expandedKeys.includes(p.id) ? e.expandedIcon : e.collapsedIcon)))
-                  ]),
-                  _: 2
-                }, 1032, ["size", "color"])
-              ], 8, ye))
-            ], 2)
-          ]),
-          _: 1
-        }, 8, ["data", "props", "height", "current-node-key", "expanded-keys", "item-size", "indent", "style"])
-      ]),
-      _: 1
-    }));
-  }
-}), me = /* @__PURE__ */ S(he, [["__scopeId", "data-v-cf335707"]]), ge = { class: "user-info-card__avatar" }, ve = { class: "user-info-card__avatar-text" }, Ie = { class: "user-info-card__details" }, be = { class: "user-info-card__name" }, xe = {
-  key: 0,
-  class: "user-info-card__bnid"
-}, Ne = /* @__PURE__ */ Object.assign({
-  name: "UserInfoCard"
-}, {
-  __name: "UserInfoCard",
-  props: {
-    // 用户信息对象
-    userInfo: {
-      type: Object,
-      default: () => ({})
-    },
-    // 展示类型：USER_INFO_CARD_TYPES.POPUP | USER_INFO_CARD_TYPES.FOOTER
-    type: {
-      type: String,
-      default: v.POPUP,
-      validator: (e) => Object.values(v).includes(e)
-    }
-  },
-  setup(e) {
-    const n = e, t = U(() => n.userInfo?.name?.charAt(0)?.toUpperCase() || "");
-    return (o, l) => (a(), y("div", {
-      class: T(["user-info-card", `user-info-card--${e.type}`])
-    }, [
-      d("div", ge, [
-        d("span", ve, N(t.value), 1)
-      ]),
-      d("div", Ie, [
-        d("div", be, N(e.userInfo?.name || ""), 1),
-        e.type === u(v).POPUP ? (a(), y("div", xe, N(e.userInfo?.bnid || e.userInfo?.id || ""), 1)) : I("", !0)
-      ])
-    ], 2));
-  }
-}), F = /* @__PURE__ */ S(Ne, [["__scopeId", "data-v-00216c75"]]), Se = { class: "user-popup-content" }, ke = ["onClick"], Oe = /* @__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: () => ({})
-    },
-    // 是否显示用户信息卡片
-    showUserInfo: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: ["action-click"],
-  setup(e, { emit: n }) {
-    const t = e, o = n, l = U(() => (t.actions || []).map((c) => ({
-      ...c,
-      icon: H(V(c?.icon))
-    }))), f = (c) => {
-      o("action-click", c.key, c);
-    };
-    return (c, b) => (a(), y("div", Se, [
-      e.showUserInfo ? (a(), g(F, {
-        key: 0,
-        userInfo: e.userInfo,
-        type: u(v).POPUP,
-        class: "user-info-card"
-      }, null, 8, ["userInfo", "type"])) : I("", !0),
-      d("div", {
-        class: T({
-          "popup-list": e.showUserInfo
-        })
-      }, [
-        (a(!0), y(w, null, Y(l.value, (i, r) => (a(), y(w, { key: r }, [
-          i.hidden ? I("", !0) : (a(), y("div", {
-            key: 0,
-            class: "list__item",
-            onClick: (x) => f(i)
-          }, [
-            h(u(k), {
-              class: "list__item-icon",
-              size: i.iconSize || 20,
-              color: "#262626"
-            }, {
-              default: m(() => [
-                (a(), g(C(i.icon), {
-                  size: i.iconSize || 20
-                }, null, 8, ["size"]))
-              ]),
-              _: 2
-            }, 1032, ["size"]),
-            d("span", null, N(i.label), 1)
-          ], 8, ke))
-        ], 64))), 128))
-      ], 2)
-    ]));
-  }
-}), Ae = /* @__PURE__ */ S(Oe, [["__scopeId", "data-v-4c9300a2"]]), Ee = { class: "navbar-box__footer__left" }, we = /* @__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
-    },
-    // 底栏用户信息卡片展示类型
-    userInfoCardType: {
-      type: String,
-      default: v.FOOTER,
-      validator: (e) => Object.values(v).includes(e)
-    },
-    // 是否在弹窗中显示用户信息卡片
-    showPopupUserInfo: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: ["action-click"],
-  setup(e, { emit: n }) {
-    const t = e, o = n, l = E(null), f = E(!1), c = (i) => {
-      i || (l.value = setTimeout(() => {
-        f.value = !1;
-      }, t.popupDelay)), i && (f.value = i, clearTimeout(l.value));
-    }, b = (i, r) => {
-      f.value = !1, o("action-click", i, r);
-    };
-    return (i, r) => (a(), y(w, null, [
-      e.userInfo ? (a(), y("div", {
-        key: 0,
-        class: "navbar-box__footer flex items-center",
-        style: O({ width: e.navFooterWidth + "px" }),
-        onMouseenter: r[0] || (r[0] = (x) => c(!0)),
-        onMouseleave: r[1] || (r[1] = (x) => c(!1))
-      }, [
-        d("div", Ee, [
-          h(F, {
-            userInfo: e.userInfo,
-            type: e.userInfoCardType
-          }, null, 8, ["userInfo", "type"])
-        ])
-      ], 36)) : I("", !0),
-      h(G, { name: "fade" }, {
-        default: m(() => [
-          q(d("div", {
-            class: "footer-popup content-bg",
-            style: O({ left: e.popupLeft + "px" }),
-            onMouseenter: r[2] || (r[2] = (x) => c(!0)),
-            onMouseleave: r[3] || (r[3] = (x) => c(!1))
-          }, [
-            h(Ae, {
-              actions: e.actions,
-              userInfo: e.userInfo,
-              showUserInfo: e.showPopupUserInfo,
-              onActionClick: b
-            }, null, 8, ["actions", "userInfo", "showUserInfo"])
-          ], 36), [
-            [J, f.value]
-          ])
-        ]),
-        _: 1
-      })
-    ], 64));
-  }
-}), Ce = /* @__PURE__ */ S(we, [["__scopeId", "data-v-2b4a0a2b"]]), Te = { class: "sidebar flex h-full flex-col" }, ze = { class: "flex-1 overflow-hidden flex flex-col pd-l-12 pd-r-12" }, Le = /* @__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: ""
-    },
-    // 是否显示折叠按钮
-    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
-    },
-    // 菜单选中背景色
-    selectMenuBg: {
-      type: String,
-      default: "#eaf0fe"
-    },
-    // 标题样式
-    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
-    },
-    // 底栏用户信息卡片展示类型
-    userInfoCardType: {
-      type: String,
-      default: v.FOOTER,
-      validator: (e) => Object.values(v).includes(e)
-    },
-    // 是否在弹窗中显示用户信息卡片
-    showPopupUserInfo: {
-      type: Boolean,
-      default: !0
-    },
-    // Logo 尺寸
-    logoSize: {
-      type: Number,
-      default: 30
-    }
-  },
-  emits: [
-    "toggle",
-    "node-click",
-    "node-expand",
-    "node-collapse",
-    "user-action-click"
-  ],
-  setup(e, { emit: n }) {
-    const t = n, o = () => {
-      t("toggle");
-    }, l = (i, r) => {
-      t("node-click", i, r);
-    }, f = (i, r) => {
-      t("node-expand", i, r);
-    }, c = (i, r) => {
-      t("node-collapse", i, r);
-    }, b = (i, r) => {
-      t("user-action-click", i, r);
-    };
-    return (i, r) => (a(), y("div", Te, [
-      d("div", ze, [
-        h(oe, {
-          "title-style": e.titleStyle,
-          title: e.title,
-          "logo-size": e.logoSize,
-          "show-toggle": e.showToggle,
-          "toggle-icon": e.toggleIcon,
-          onToggle: o
-        }, null, 8, ["title-style", "title", "logo-size", "show-toggle", "toggle-icon"]),
-        h(me, {
-          "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,
-          "select-menu-bg": e.selectMenuBg,
-          "expanded-icon": e.expandedIcon,
-          "collapsed-icon": e.collapsedIcon,
-          "icon-renderer": e.iconRenderer,
-          "icon-library": e.iconLibrary,
-          onNodeClick: l,
-          onNodeExpand: f,
-          onNodeCollapse: c
-        }, null, 8, ["menu-data", "current-menu-id", "expanded-keys", "tree-props", "item-height", "indent", "icon-size", "select-menu-bg", "expanded-icon", "collapsed-icon", "icon-renderer", "icon-library"])
-      ]),
-      e.showFooter ? (a(), g(Ce, {
-        key: 0,
-        "popup-left": e.popupLeft,
-        "user-info": e.userInfo,
-        actions: e.userActions,
-        "popup-delay": e.popupDelay,
-        "nav-footer-width": e.navFooterWidth,
-        "user-info-card-type": e.userInfoCardType,
-        "show-popup-user-info": e.showPopupUserInfo,
-        onActionClick: b
-      }, null, 8, ["popup-left", "user-info", "actions", "popup-delay", "nav-footer-width", "user-info-card-type", "show-popup-user-info"])) : I("", !0)
-    ]));
-  }
-}), Me = /* @__PURE__ */ S(Le, [["__scopeId", "data-v-b8991280"]]), Ye = B(Me);
-export {
-  Ye as CustomSidebar,
-  le as MENU_COLOR_STRATEGY,
-  Ve as MENU_LOADING_STATES,
-  M as MENU_TYPE,
-  P as NODE_CLICK_TYPES,
-  He as SPECIAL_ROUTES,
-  j as TREE_PROPS,
-  v as USER_INFO_CARD_TYPES,
-  Ke as collapseNodeKeys,
-  Ye as default,
-  De as expandNodeKeys,
-  ce as findExpandPath,
-  R as findExpandPathById,
-  ue as findMenuByPath,
-  fe as getFirstLeafMenu,
-  ae as getMenuIconColorById,
-  We as getParentNodeIdsById,
-  z as isParentMenuActive,
-  se as isParentRouteActive,
-  ie as isPathInMenu,
-  de as processMenuTreeWithLeaf,
-  re as transformMenuData
-};
+import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, x as y, y as b } from "./chunks/CustomSidebar.BSGAhmVY.js";
+export { g as CustomSidebar, g as default, h as MENU_COLOR_STRATEGY, d as MENU_LOADING_STATES, r as MENU_TYPE, m as NODE_CLICK_TYPES, c as SPECIAL_ROUTES, t as TREE_PROPS, f as USER_INFO_CARD_TYPES, l as collapseNodeKeys, _ as expandNodeKeys, i as findExpandPath, a as findExpandPathById, p as findMenuByPath, u as getFirstLeafMenu, s as getMenuIconColorById, o as getParentNodeIdsById, e as isParentMenuActive, v as isParentRouteActive, b as isPathInMenu, n as processMenuTreeWithLeaf, y as transformMenuData };