aibox-custom-component-packages 0.0.10 → 0.0.12

package/es/CustomSidebar.mjs

@@ -1,2 +1,2 @@
-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";
+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.BF2dzN8s.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 };

package/es/SourcePublish.mjs

@@ -3,5 +3,5 @@ import { r as e } from "./chunks/config.BEZNFeRN.js";
 import "./chunks/AvailableRangePreview.WFzbRasx.js";
 import { _ as t, a 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, y } from "./chunks/config.LzgBLhTz.js";
 import "./chunks/AiboxTable.CDqNvRfJ.js";
-import { a as b, c as x, i as S, n as C, o as w, r as T, s as E, t as D } from "./chunks/SourcePublish.DkyY1KEk.js";
+import { a as b, c as x, i as S, n as C, o as w, r as T, s as E, t as D } from "./chunks/SourcePublish.C97G36H2.js";
 export { g as API_CHANNEL_TYPES, d as AUTHORIZED_CHANNEL_TYPES, b as ApiTooltip, m as CHANNEL_ICON_CONFIG, w as FeishuTooltip, c as INACTIVE_ENUM, n as INACTIVE_LIST, f as LIBRARY_PAGE, h as OFFICIAL_LABEL, r as OPEN_STATUS_VALUE, e as PUBLISH_STATUS, l as PUBLISH_STATUS_COLORS, _ as PUBLISH_STATUS_ICONS, i as PUBLISH_STATUS_TEXT, a as PUBLISH_STATUS_TYPE, p as PUBLISH_TYPE_ICON_MAPPING, E as PermissionSetting, x as PublishIcon, S as PublishSettings, u as RELEASE_CHANNEL_CONFIG, s as RELEASE_CHANNEL_TYPE, o as STORE_CHANNEL_TYPES, t as STORE_DETAIL_TYPE, D as SourcePublish, D as default, v as getChannelsByType, y as serviceTypeMap, T as useServiceConfig, C as useStoreDetailType };

package/es/assets/CustomSidebar.css

@@ -1 +1 @@
-.nav-title[data-v-52011bbe]{justify-content:space-between;align-items:center;height:72px;padding-left:2px;padding-right:8px;display:flex}.nav-title .title-text[data-v-52011bbe]{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-title .collapse-unfold-icon[data-v-52011bbe]{cursor:pointer;flex-shrink:0;justify-content:center;transition:transform .2s;display:flex}.custom-tree[data-v-cf335707]{background-color:#0000}.custom-tree[data-v-cf335707] .el-tree-node__expand-icon{display:none}.custom-tree[data-v-cf335707] .el-tree-node__content{box-sizing:border-box;height:var(--item-height)!important;min-height:calc(var(--item-height,36px) - 8px)!important}.custom-tree[data-v-cf335707] .el-tree-node.is-current .el-tree-node__content{background:var(--select-menu-bg,#eaf0fe);border-radius:8px}.custom-tree .tree-node-content-custom[data-v-cf335707]{color:#262626;box-sizing:border-box;cursor:pointer;border-radius:8px;align-items:center;width:100%;padding:9px 12px;font-size:14px;font-weight:400;transition:all .3s;display:flex;height:calc(var(--item-height) - 8px)!important;min-height:calc(var(--item-height,36px) - 8px)!important}.custom-tree .tree-node-content-custom.is-current[data-v-cf335707]{color:#3271fe}.custom-tree .tree-node-content-custom.is-parent-active[data-v-cf335707]{color:#3271fe;background:0 0;border-radius:8px}.custom-tree .tree-node-content-custom .expand-arrow[data-v-cf335707]{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s;display:flex}.custom-tree .tree-node-content-custom .node-icon[data-v-cf335707]{flex-shrink:0;justify-content:flex-start;width:24px}.custom-tree .tree-node-content-custom .node-label[data-v-cf335707]{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.user-info-card[data-v-00216c75]{align-items:center;display:flex}.user-info-card__avatar[data-v-00216c75]{background:#3965ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-info-card__avatar-text[data-v-00216c75]{color:#fff;font-weight:500}.user-info-card__details[data-v-00216c75]{flex:1;overflow:hidden}.user-info-card__name[data-v-00216c75],.user-info-card__bnid[data-v-00216c75]{white-space:nowrap;text-overflow:ellipsis;width:100%;font-weight:400;overflow:hidden}.user-info-card--popup .user-info-card__avatar[data-v-00216c75]{width:30px;height:30px;margin-right:14px}.user-info-card--popup .user-info-card__avatar-text[data-v-00216c75]{font-size:16px}.user-info-card--popup .user-info-card__name[data-v-00216c75]{color:#262626;font-size:14px;line-height:16px}.user-info-card--popup .user-info-card__bnid[data-v-00216c75]{color:#a8abb2;font-size:12px;line-height:18px}.user-info-card--footer[data-v-00216c75]{gap:6px}.user-info-card--footer .user-info-card__avatar[data-v-00216c75]{width:22px;height:22px}.user-info-card--footer .user-info-card__avatar-text[data-v-00216c75]{font-size:12px}.user-popup-content[data-v-4c9300a2]{padding:8px}.user-popup-content .user-info-card[data-v-4c9300a2]{padding:8px 3px 12px}.user-popup-content .popup-list[data-v-4c9300a2]{border-top:1px solid #eff2f5;padding-top:12px}.user-popup-content .list__item[data-v-4c9300a2]{cursor:pointer;color:#262626;border-radius:8px;align-items:center;gap:6px;height:42px;padding:0 12px;font-size:14px;font-weight:400;transition:background-color .2s;display:flex}.user-popup-content .list__item[data-v-4c9300a2]:hover{background:#f0f0f0}.user-popup-content .list__item-icon[data-v-4c9300a2]{text-align:center;align-items:center;display:flex}.navbar-box__footer[data-v-2b4a0a2b]{cursor:pointer;border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;width:100%;padding:10px 8px;display:flex;position:relative;bottom:0;overflow:hidden}.navbar-box__footer__left[data-v-2b4a0a2b]{flex:1;align-items:center;display:flex;overflow:hidden}.footer-popup[data-v-2b4a0a2b]{z-index:2001;width:300px;position:fixed;bottom:0}.footer-popup .footer-popup__content[data-v-2b4a0a2b]{width:100%;height:100%}.content-bg[data-v-2b4a0a2b]{-webkit-backdrop-filter:blur(16px);background:#f7f7f7b3;border:1px solid #fffc;border-radius:12px}.fade-enter-from[data-v-2b4a0a2b],.fade-leave-to[data-v-2b4a0a2b]{opacity:0}.fade-enter-active[data-v-2b4a0a2b],.fade-leave-active[data-v-2b4a0a2b]{transition:opacity .3s}.fade-enter-to[data-v-2b4a0a2b],.fade-leave-from[data-v-2b4a0a2b]{opacity:1}.sidebar[data-v-b8991280]{min-width:240px;transition:width .3s;position:relative}.sidebar[data-v-b8991280] .el-tree{--el-tree-node-hover-bg-color:transparent!important}
+.nav-title[data-v-52011bbe]{justify-content:space-between;align-items:center;height:72px;padding-left:2px;padding-right:8px;display:flex}.nav-title .title-text[data-v-52011bbe]{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-title .collapse-unfold-icon[data-v-52011bbe]{cursor:pointer;flex-shrink:0;justify-content:center;transition:transform .2s;display:flex}.custom-tree[data-v-cf335707]{background-color:#0000}.custom-tree[data-v-cf335707] .el-tree-node__expand-icon{display:none}.custom-tree[data-v-cf335707] .el-tree-node__content{box-sizing:border-box;height:var(--item-height)!important;min-height:calc(var(--item-height,36px) - 8px)!important}.custom-tree[data-v-cf335707] .el-tree-node.is-current .el-tree-node__content{background:var(--select-menu-bg,#eaf0fe);border-radius:8px}.custom-tree .tree-node-content-custom[data-v-cf335707]{color:#262626;box-sizing:border-box;cursor:pointer;border-radius:8px;align-items:center;width:100%;padding:9px 12px;font-size:14px;font-weight:400;transition:all .3s;display:flex;height:calc(var(--item-height) - 8px)!important;min-height:calc(var(--item-height,36px) - 8px)!important}.custom-tree .tree-node-content-custom.is-current[data-v-cf335707]{color:#3271fe}.custom-tree .tree-node-content-custom.is-parent-active[data-v-cf335707]{color:#3271fe;background:0 0;border-radius:8px}.custom-tree .tree-node-content-custom .expand-arrow[data-v-cf335707]{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s;display:flex}.custom-tree .tree-node-content-custom .node-icon[data-v-cf335707]{flex-shrink:0;justify-content:flex-start;width:24px}.custom-tree .tree-node-content-custom .node-label[data-v-cf335707]{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.user-info-card[data-v-00216c75]{align-items:center;display:flex}.user-info-card__avatar[data-v-00216c75]{background:#3965ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-info-card__avatar-text[data-v-00216c75]{color:#fff;font-weight:500}.user-info-card__details[data-v-00216c75]{flex:1;overflow:hidden}.user-info-card__name[data-v-00216c75],.user-info-card__bnid[data-v-00216c75]{white-space:nowrap;text-overflow:ellipsis;width:100%;font-weight:400;overflow:hidden}.user-info-card--popup .user-info-card__avatar[data-v-00216c75]{width:30px;height:30px;margin-right:14px}.user-info-card--popup .user-info-card__avatar-text[data-v-00216c75]{font-size:16px}.user-info-card--popup .user-info-card__name[data-v-00216c75]{color:#262626;font-size:14px;line-height:16px}.user-info-card--popup .user-info-card__bnid[data-v-00216c75]{color:#a8abb2;font-size:12px;line-height:18px}.user-info-card--footer[data-v-00216c75]{gap:6px}.user-info-card--footer .user-info-card__avatar[data-v-00216c75]{width:22px;height:22px}.user-info-card--footer .user-info-card__avatar-text[data-v-00216c75]{font-size:12px}.user-popup-content[data-v-4c9300a2]{padding:8px}.user-popup-content .user-info-card[data-v-4c9300a2]{padding:8px 3px 12px}.user-popup-content .popup-list[data-v-4c9300a2]{border-top:1px solid #eff2f5;padding-top:12px}.user-popup-content .list__item[data-v-4c9300a2]{cursor:pointer;color:#262626;border-radius:8px;align-items:center;gap:6px;height:42px;padding:0 12px;font-size:14px;font-weight:400;transition:background-color .2s;display:flex}.user-popup-content .list__item[data-v-4c9300a2]:hover{background:#f0f0f0}.user-popup-content .list__item-icon[data-v-4c9300a2]{text-align:center;align-items:center;display:flex}.navbar-box__footer[data-v-b1713bc6]{cursor:pointer;border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;width:100%;padding:10px 8px;display:flex;position:relative;bottom:0;overflow:hidden}.navbar-box__footer__left[data-v-b1713bc6]{flex:1;align-items:center;display:flex;overflow:hidden}.footer-popup[data-v-b1713bc6]{z-index:2001;width:300px;position:fixed;bottom:0}.footer-popup .footer-popup__content[data-v-b1713bc6]{width:100%;height:100%}.content-bg[data-v-b1713bc6]{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f7f7b3;border:1px solid #fffc;border-radius:12px}.fade-enter-from[data-v-b1713bc6],.fade-leave-to[data-v-b1713bc6]{opacity:0}.fade-enter-active[data-v-b1713bc6],.fade-leave-active[data-v-b1713bc6]{transition:opacity .3s}.fade-enter-to[data-v-b1713bc6],.fade-leave-from[data-v-b1713bc6]{opacity:1}.sidebar[data-v-b8991280]{min-width:240px;transition:width .3s;position:relative}.sidebar[data-v-b8991280] .el-tree{--el-tree-node-hover-bg-color:transparent!important}

package/es/assets/SourcePublish.css

@@ -1 +1 @@
-.style-title[data-v-58195e4c]{margin:24px 0 16px;font-size:18px;font-weight:500}.card-container[data-v-d8a76b28]{background:#fff;border:1px solid #f0f0f0;border-radius:10px;padding:16px}.channel-icon[data-v-197d4379]{width:34px;height:34px}.gap-6[data-v-637dc461]{gap:6px}.gap-12[data-v-637dc461]{gap:12px}.publish-settings[data-v-5cc3cfd2]{width:100%}.publish-settings .channel-name[data-v-5cc3cfd2]{align-items:center;display:flex}.publish-settings .channel-name .channel-title[data-v-5cc3cfd2]{margin-left:10px;line-height:18px}.publish-settings .channel-name .channel-title__name[data-v-5cc3cfd2]{font-size:14px}.publish-settings .channel-name .channel-title__desc[data-v-5cc3cfd2]{color:var(--color-text-light1);font-size:13px}.publish-settings .action-container[data-v-5cc3cfd2]{text-align:right;justify-content:flex-end;align-items:center;gap:10px;width:100%;display:flex}.publish-settings .select-label[data-v-5cc3cfd2]{color:#262626}.publish-settings .divider[data-v-5cc3cfd2]{border-right:1px solid #f0f0f0;height:12px;margin:0 2px}.publish-settings .expand-content[data-v-5cc3cfd2]{background:#fff;flex-direction:column;gap:20px;padding:20px 16px;display:flex}.publish-settings[data-v-5cc3cfd2] .no-expand .el-table__expand-icon{display:none!important}.publish-container[data-v-609bc4d0]{background-color:#f7f8fa;height:100%}.publish-container__back[data-v-609bc4d0]{justify-content:space-between;align-items:center;width:100%;display:flex}.publish-container__form[data-v-609bc4d0]{width:800px;height:calc(100% - 70px);margin:0 auto;overflow:auto}.publish-container__form .channel-name[data-v-609bc4d0]{align-items:center;display:flex}.publish-container__form .channel-name .channel-icon[data-v-609bc4d0]{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.publish-container__form .channel-name .channel-title[data-v-609bc4d0]{margin-left:10px;line-height:18px}.publish-container__form .channel-name .channel-title__name[data-v-609bc4d0]{font-size:14px}.publish-container__form .channel-name .channel-title__desc[data-v-609bc4d0]{color:var(--color-text-light1);font-size:13px}.publish-container__config[data-v-609bc4d0]{background:#fafafa;border-radius:4px;justify-content:space-between;align-items:center;width:100%;padding:7px 20px;display:flex}.publish-container__config p[data-v-609bc4d0]{align-items:center;display:flex}.publish-container__config p img[data-v-609bc4d0]{margin-right:10px}.publish-container__required[data-v-609bc4d0]{color:var(--el-color-danger);font-size:14px}.publish-container[data-v-609bc4d0] .el-form .el-form-item:last-child{margin-bottom:0}.publish-container[data-v-609bc4d0] .card-container:last-child{padding:0 16px 16px}.backend-system[data-v-609bc4d0]{background-color:#0000}.backend-system .publish-container__form[data-v-609bc4d0]{height:auto}
+.style-title[data-v-58195e4c]{margin:24px 0 16px;font-size:18px;font-weight:500}.card-container[data-v-d8a76b28]{background:#fff;border:1px solid #f0f0f0;border-radius:10px;padding:16px}.channel-icon[data-v-197d4379]{width:34px;height:34px}.gap-6[data-v-637dc461]{gap:6px}.gap-12[data-v-637dc461]{gap:12px}.publish-settings[data-v-5cc3cfd2]{width:100%}.publish-settings .channel-name[data-v-5cc3cfd2]{align-items:center;display:flex}.publish-settings .channel-name .channel-title[data-v-5cc3cfd2]{margin-left:10px;line-height:18px}.publish-settings .channel-name .channel-title__name[data-v-5cc3cfd2]{font-size:14px}.publish-settings .channel-name .channel-title__desc[data-v-5cc3cfd2]{color:var(--color-text-light1);font-size:13px}.publish-settings .action-container[data-v-5cc3cfd2]{text-align:right;justify-content:flex-end;align-items:center;gap:10px;width:100%;display:flex}.publish-settings .select-label[data-v-5cc3cfd2]{color:#262626}.publish-settings .divider[data-v-5cc3cfd2]{border-right:1px solid #f0f0f0;height:12px;margin:0 2px}.publish-settings .expand-content[data-v-5cc3cfd2]{background:#fff;flex-direction:column;gap:20px;padding:20px 16px;display:flex}.publish-settings[data-v-5cc3cfd2] .no-expand .el-table__expand-icon{display:none!important}.publish-container[data-v-b1dfb898]{background-color:#f7f8fa;height:100%}.publish-container__back[data-v-b1dfb898]{justify-content:space-between;align-items:center;width:100%;display:flex}.publish-container__form[data-v-b1dfb898]{width:800px;height:calc(100% - 70px);margin:0 auto;overflow:auto}.publish-container__form .channel-name[data-v-b1dfb898]{align-items:center;display:flex}.publish-container__form .channel-name .channel-icon[data-v-b1dfb898]{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.publish-container__form .channel-name .channel-title[data-v-b1dfb898]{margin-left:10px;line-height:18px}.publish-container__form .channel-name .channel-title__name[data-v-b1dfb898]{font-size:14px}.publish-container__form .channel-name .channel-title__desc[data-v-b1dfb898]{color:var(--color-text-light1);font-size:13px}.publish-container__config[data-v-b1dfb898]{background:#fafafa;border-radius:4px;justify-content:space-between;align-items:center;width:100%;padding:7px 20px;display:flex}.publish-container__config p[data-v-b1dfb898]{align-items:center;display:flex}.publish-container__config p img[data-v-b1dfb898]{margin-right:10px}.publish-container__required[data-v-b1dfb898]{color:var(--el-color-danger);font-size:14px}.publish-container[data-v-b1dfb898] .el-form .el-form-item:last-child{margin-bottom:0}.publish-container[data-v-b1dfb898] .card-container:last-child{padding:0 16px 16px}.backend-system[data-v-b1dfb898]{background-color:#0000}.backend-system .publish-container__form[data-v-b1dfb898]{height:auto}

package/es/chunks/CustomSidebar.BF2dzN8s.js

@@ -0,0 +1,585 @@
+import { t as e } from "./withinstall.dLh4K-0g.js";
+import { t } from "./_plugin-vue_export-helper.Ct3qlEzt.js";
+import { Fragment as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, markRaw as u, nextTick as d, normalizeClass as f, normalizeStyle as p, openBlock as m, ref as h, renderList as g, resolveDynamicComponent as _, toDisplayString as v, toRaw as y, unref as b, vShow as x, watch as S, withCtx as C, withDirectives as w, withModifiers as T } from "vue";
+import { ElAutoResizer as E, ElIcon as D, ElTreeV2 as O } from "element-plus";
+import { AiboxIcon as k } from "color-message-aibox-vue";
+import { IconRenderer as A, iconLibraryMap as j } from "color-star-custom-components";
+import '../assets/CustomSidebar.css';//#region components/CustomSidebar/components/NavTitle.vue
+var M = { class: "nav-title overflow-hidden" }, ee = /* @__PURE__ */ t(/* @__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: t }) {
+		let n = t, r = () => {
+			n("toggle");
+		};
+		return (t, n) => (m(), s("div", M, [
+			l(b(D), { size: e.logoSize }, {
+				default: C(() => [l(b(k))]),
+				_: 1
+			}, 8, ["size"]),
+			c("span", {
+				class: "weight-500 text-1f2329 title-text",
+				style: p(e.titleStyle)
+			}, v(e.title), 5),
+			e.showToggle ? (m(), a(b(D), {
+				key: 0,
+				size: 18,
+				class: "collapse-unfold-icon",
+				onClick: r
+			}, {
+				default: C(() => [(m(), a(_(e.toggleIcon)))]),
+				_: 1
+			})) : o("", !0)
+		]));
+	}
+}), [["__scopeId", "data-v-52011bbe"]]), N = {
+	DIR: "DIR",
+	MENU: "MENU",
+	BUTTON: "BUTTON"
+}, P = new Map([
+	["active", "#3271FE"],
+	["parent_active", "#3271FE"],
+	["normal", "#1F2329"]
+]), F = (e, t) => !Array.isArray(e) || !t ? !1 : e.some((e) => e.path === t ? !0 : e.children?.length > 0 ? F(e.children, t) : !1), I = (e, t = 1) => e.filter((e) => [N.DIR, N.MENU].includes(e.type)).map((e) => ({
+	...e,
+	id: e.bnid,
+	name: e.name,
+	path: e?.path || "",
+	children: e.children?.length > 0 ? I(e.children || [], t + 1) : [],
+	level: t
+})), L = (e, t) => e?.children?.length ? e.children.some((e) => e?.path === t || e.children?.length && L(e, t)) : !1, R = (e, t) => e?.children?.length ? e.children.some((e) => e?.id === t || e.children?.length && R(e, t)) : !1, z = (e, t) => {
+	let n = e?.id === t, r = R(e, t), i = "normal";
+	return n ? i = "active" : r && (i = "parent_active"), P.get(i);
+}, B = (e, t) => e.includes(t) ? e : [...e, t], te = (e, t) => e.filter((e) => e !== t), V = (e, t, n = []) => e.some((e) => {
+	if (e?.path === t) return !0;
+	if (e.children?.length > 0) {
+		n.push(e.id);
+		let r = V(e.children, t, n);
+		return !r && n.pop(), r;
+	}
+	return !1;
+}), H = (e, t, n = []) => e.some((e) => {
+	if (e?.id === t) return !0;
+	if (e.children?.length > 0) {
+		n.push(e.id);
+		let r = H(e.children, t, n);
+		return !r && n.pop(), r;
+	}
+	return !1;
+}), U = (e, t) => {
+	let n = [];
+	return H(e, t, n), n;
+}, W = (e, t) => {
+	if (!Array.isArray(e) || !t) return null;
+	for (let n of e) {
+		if (n.path === t) return n;
+		if (n.children?.length > 0) {
+			let e = W(n.children, t);
+			if (e) return e;
+		}
+	}
+	return null;
+}, G = (e) => Array.isArray(e) ? e.map((e) => {
+	let t = { ...e };
+	return t.children && Array.isArray(t.children) && t.children.length > 0 ? t.children = G(t.children) : t.isLeaf = !0, t;
+}) : [], K = (e) => {
+	if (!Array.isArray(e) || e.length === 0) return null;
+	for (let t of e) {
+		if (t.isLeaf && t.path) return t;
+		if (t.children?.length > 0) {
+			let e = K(t.children);
+			if (e) return e;
+		}
+	}
+	return null;
+}, q = [
+	"/404",
+	"/login",
+	"/unauthorized"
+], J = {
+	label: "name",
+	children: "children",
+	isLeaf: "isLeaf"
+}, Y = {
+	PARENT: "parent",
+	LEAF: "leaf"
+}, X = {
+	LOADING: "loading",
+	LOADED: "loaded",
+	ERROR: "error"
+}, Z = {
+	POPUP: "popup",
+	FOOTER: "footer"
+}, ne = { class: "node-label" }, re = ["onClick"], ie = /* @__PURE__ */ t(/* @__PURE__ */ Object.assign({ name: "MenuList" }, {
+	__name: "MenuList",
+	props: {
+		menuData: {
+			type: Array,
+			default: () => []
+		},
+		currentMenuId: {
+			type: String,
+			default: null
+		},
+		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
+		}
+	},
+	emits: [
+		"node-click",
+		"node-expand",
+		"node-collapse"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = h(null), u = (e) => e?.icon && e.level === 1 || !e.isLeaf, g = (e) => z(e, n.currentMenuId), y = (e) => {
+			r("node-click", e, e.isLeaf ? Y.LEAF : Y.PARENT);
+		}, x = (e) => {
+			r("node-expand", e.id, e);
+		}, w = (e) => {
+			r("node-collapse", e.id, e);
+		}, k = (e) => {
+			i.value && (n.expandedKeys.includes(e.data.id) ? i.value.collapseNode(e) : i.value.expandNode(e));
+		};
+		return S(() => n.expandedKeys, (e) => {
+			d(() => {
+				i.value && i.value.setExpandedKeys([...e]);
+			});
+		}, { deep: !0 }), (t, n) => (m(), a(b(E), { class: "flex-1 overflow-hidden" }, {
+			default: C(({ height: t }) => [l(b(O), {
+				ref_key: "treeRef",
+				ref: i,
+				"node-key": "id",
+				data: e.menuData,
+				props: e.treeProps,
+				height: t,
+				"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: p({ "--select-menu-bg": e.selectMenuBg }),
+				onNodeClick: y,
+				onNodeExpand: x,
+				onNodeCollapse: w,
+				class: "custom-tree"
+			}, {
+				default: C(({ node: t, data: n }) => [c("div", { class: f(["tree-node-content-custom", {
+					"has-children": !n.isLeaf,
+					"is-current": n.id === e.currentMenuId && n.isLeaf,
+					"is-parent-active": b(R)(n, e.currentMenuId) && !n.isLeaf
+				}]) }, [
+					u(n) ? (m(), a(b(D), {
+						key: 0,
+						size: e.iconSize,
+						class: "node-icon",
+						color: g(n)
+					}, {
+						default: C(() => [l(b(A), {
+							"icon-name": n?.icon,
+							"icon-library": b(j).aibox
+						}, null, 8, ["icon-name", "icon-library"])]),
+						_: 2
+					}, 1032, ["size", "color"])) : o("", !0),
+					c("span", ne, v(t.label), 1),
+					n.isLeaf ? o("", !0) : (m(), s("div", {
+						key: 1,
+						class: "expand-arrow",
+						onClick: T((e) => k(t), ["stop"])
+					}, [l(b(D), {
+						size: e.iconSize,
+						color: g(n)
+					}, {
+						default: C(() => [(m(), a(_(e.expandedKeys.includes(n.id) ? e.expandedIcon : e.collapsedIcon)))]),
+						_: 2
+					}, 1032, ["size", "color"])], 8, re))
+				], 2)]),
+				_: 1
+			}, 8, [
+				"data",
+				"props",
+				"height",
+				"current-node-key",
+				"expanded-keys",
+				"item-size",
+				"indent",
+				"style"
+			])]),
+			_: 1
+		}));
+	}
+}), [["__scopeId", "data-v-cf335707"]]), ae = { class: "user-info-card__avatar" }, oe = { class: "user-info-card__avatar-text" }, se = { class: "user-info-card__details" }, ce = { class: "user-info-card__name" }, le = {
+	key: 0,
+	class: "user-info-card__bnid"
+}, Q = /* @__PURE__ */ t(/* @__PURE__ */ Object.assign({ name: "UserInfoCard" }, {
+	__name: "UserInfoCard",
+	props: {
+		userInfo: {
+			type: Object,
+			default: () => ({})
+		},
+		type: {
+			type: String,
+			default: Z.POPUP,
+			validator: (e) => Object.values(Z).includes(e)
+		}
+	},
+	setup(e) {
+		let t = e, n = i(() => t.userInfo?.name?.charAt(0)?.toUpperCase() || "");
+		return (t, r) => (m(), s("div", { class: f(["user-info-card", `user-info-card--${e.type}`]) }, [c("div", ae, [c("span", oe, v(n.value), 1)]), c("div", se, [c("div", ce, v(e.userInfo?.name || ""), 1), e.type === b(Z).POPUP ? (m(), s("div", le, v(e.userInfo?.bnid || e.userInfo?.id || ""), 1)) : o("", !0)])], 2));
+	}
+}), [["__scopeId", "data-v-00216c75"]]), ue = { class: "user-popup-content" }, $ = ["onClick"], de = /* @__PURE__ */ t(/* @__PURE__ */ Object.assign({ name: "UserPopup" }, {
+	__name: "UserPopup",
+	props: {
+		actions: {
+			type: Array,
+			default: () => [],
+			validator: (e) => e.every((e) => e.key && (e.icon || e.iconName))
+		},
+		userInfo: {
+			type: Object,
+			default: () => ({})
+		},
+		showUserInfo: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["action-click"],
+	setup(e, { emit: t }) {
+		let r = e, d = t, p = i(() => (r.actions || []).map((e) => ({
+			...e,
+			icon: u(y(e?.icon))
+		}))), h = (e) => {
+			d("action-click", e.key, e);
+		};
+		return (t, r) => (m(), s("div", ue, [e.showUserInfo ? (m(), a(Q, {
+			key: 0,
+			userInfo: e.userInfo,
+			type: b(Z).POPUP,
+			class: "user-info-card"
+		}, null, 8, ["userInfo", "type"])) : o("", !0), c("div", { class: f({ "popup-list": e.showUserInfo }) }, [(m(!0), s(n, null, g(p.value, (e, t) => (m(), s(n, { key: t }, [e.hidden ? o("", !0) : (m(), s("div", {
+			key: 0,
+			class: "list__item",
+			onClick: (t) => h(e)
+		}, [l(b(D), {
+			class: "list__item-icon",
+			size: e.iconSize || 20,
+			color: "#262626"
+		}, {
+			default: C(() => [(m(), a(_(e.icon), { size: e.iconSize || 20 }, null, 8, ["size"]))]),
+			_: 2
+		}, 1032, ["size"]), c("span", null, v(e.label), 1)], 8, $))], 64))), 128))], 2)]));
+	}
+}), [["__scopeId", "data-v-4c9300a2"]]), fe = { class: "navbar-box__footer__left" }, pe = /* @__PURE__ */ t(/* @__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: Z.FOOTER,
+			validator: (e) => Object.values(Z).includes(e)
+		},
+		showPopupUserInfo: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["action-click"],
+	setup(e, { emit: t }) {
+		let i = e, a = t, u = h(null), d = h(!1), f = (e) => {
+			e || (u.value = setTimeout(() => {
+				d.value = !1;
+			}, i.popupDelay)), e && (d.value = e, clearTimeout(u.value));
+		}, g = (e, t) => {
+			d.value = !1, a("action-click", e, t);
+		};
+		return (t, i) => (m(), s(n, null, [e.userInfo ? (m(), s("div", {
+			key: 0,
+			class: "navbar-box__footer flex items-center",
+			style: p({ width: e.navFooterWidth + "px" }),
+			onMouseenter: i[0] ||= (e) => f(!0),
+			onMouseleave: i[1] ||= (e) => f(!1)
+		}, [c("div", fe, [l(Q, {
+			userInfo: e.userInfo,
+			type: e.userInfoCardType
+		}, null, 8, ["userInfo", "type"])])], 36)) : o("", !0), l(r, { name: "fade" }, {
+			default: C(() => [w(c("div", {
+				class: "footer-popup content-bg",
+				style: p({ left: e.popupLeft + "px" }),
+				onMouseenter: i[2] ||= (e) => f(!0),
+				onMouseleave: i[3] ||= (e) => f(!1)
+			}, [l(de, {
+				actions: e.actions,
+				userInfo: e.userInfo,
+				showUserInfo: e.showPopupUserInfo,
+				onActionClick: g
+			}, null, 8, [
+				"actions",
+				"userInfo",
+				"showUserInfo"
+			])], 36), [[x, d.value]])]),
+			_: 1
+		})], 64));
+	}
+}), [["__scopeId", "data-v-b1713bc6"]]), me = { class: "sidebar flex h-full flex-col" }, he = { class: "flex-1 overflow-hidden flex flex-col pd-l-12 pd-r-12" }, ge = e(/* @__PURE__ */ t(/* @__PURE__ */ Object.assign({ name: "CustomSidebar" }, {
+	__name: "layout",
+	props: {
+		menuData: {
+			type: Array,
+			default: () => []
+		},
+		currentMenuId: {
+			type: String,
+			default: null
+		},
+		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: Z.FOOTER,
+			validator: (e) => Object.values(Z).includes(e)
+		},
+		showPopupUserInfo: {
+			type: Boolean,
+			default: !0
+		},
+		logoSize: {
+			type: Number,
+			default: 30
+		}
+	},
+	emits: [
+		"toggle",
+		"node-click",
+		"node-expand",
+		"node-collapse",
+		"user-action-click"
+	],
+	setup(e, { emit: t }) {
+		let n = t, r = () => {
+			n("toggle");
+		}, i = (e, t) => {
+			n("node-click", e, t);
+		}, u = (e, t) => {
+			n("node-expand", e, t);
+		}, d = (e, t) => {
+			n("node-collapse", e, t);
+		}, f = (e, t) => {
+			n("user-action-click", e, t);
+		};
+		return (t, n) => (m(), s("div", me, [c("div", he, [l(ee, {
+			"title-style": e.titleStyle,
+			title: e.title,
+			"logo-size": e.logoSize,
+			"show-toggle": e.showToggle,
+			"toggle-icon": e.toggleIcon,
+			onToggle: r
+		}, null, 8, [
+			"title-style",
+			"title",
+			"logo-size",
+			"show-toggle",
+			"toggle-icon"
+		]), l(ie, {
+			"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: i,
+			onNodeExpand: u,
+			onNodeCollapse: d
+		}, 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 ? (m(), a(pe, {
+			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: f
+		}, null, 8, [
+			"popup-left",
+			"user-info",
+			"actions",
+			"popup-delay",
+			"nav-footer-width",
+			"user-info-card-type",
+			"show-popup-user-info"
+		])) : o("", !0)]));
+	}
+}), [["__scopeId", "data-v-b8991280"]]));
+//#endregion
+export { R as _, J as a, G as b, N as c, V as d, H as f, U as g, z as h, q as i, te as l, K as m, X as n, Z as o, W as p, Y as r, P as s, ge as t, B as u, L as v, I as x, F as y };