@web_xiaobai/business-ui 0.0.19 → 0.0.20

package/dist/_extendThemeOverrides/TenantPanel.d.ts

@@ -1,15 +1,17 @@
 export interface TenantPanelThemeOverrides {
     reminderTextColor?: string;
     reminderTextSize?: string;
-    tenantOptionTitleSize?: string;
+    tenantOptionLabelSize?: string;
+    tenantOptionSubLabelSize?: string;
     tenantOptionPrefixIconSize?: string;
     tenantOptionColor?: string;
-    tenantOptionTitleColor?: string;
+    tenantOptionLabelColor?: string;
+    tenantOptionSubLabelColor?: string;
     tenantOptionBorder?: string;
     tenantOptionHoverColor?: string;
-    tenantOptionHoverTitleColor?: string;
+    tenantOptionHoverLabelColor?: string;
     tenantOptionHoverBorder?: string;
     tenantOptionActiveColor?: string;
-    tenantOptionActiveTitleColor?: string;
+    tenantOptionActiveLabelColor?: string;
     tenantOptionActiveBorder?: string;
 }

package/dist/boden-business-ui.es.js

@@ -39763,7 +39763,7 @@ function _sfc_render$6(e, t, n, r, i, a) {
 				onClick: e.handleAdd
 			}, {
 				icon: withCtx(() => [createVNode(o, null, {
-					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(e.AddIcon)))]),
+					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(e.TopIcon)))]),
 					_: 1
 				})]),
 				_: 1
@@ -40320,7 +40320,7 @@ var BodenStepsCommon = {
 	borderWidthSmall: "1px",
 	borderWidthMedium: "2px"
 };
-({ ...BodenStepsCommon }), light_default$1.textColor3, light_default.primaryColor6, light_default.errorColor6, light_default.primaryColor6, light_default$1.textColor3, light_default.primaryColor6, light_default.errorColor6, light_default.primaryColor6, light_default$1.fillColor3, light_default$1.fillColor3, light_default.primaryColor6, light_default$1.fillColor3, light_default$1.textColor1, light_default$1.textColor1, light_default$1.textColor1, light_default$1.textColor1, light_default$1.textColor3, light_default$1.textColor3, light_default$1.textColor3, light_default$1.textColor3, { ...BodenStepsExtendCommon }, cB$2("steps", {}, [
+({ ...BodenStepsCommon }), light_default$1.textColor5, light_default$1.textColor3, light_default.primaryColor6, light_default.errorColor6, light_default.primaryColor6, light_default$1.textColor3, light_default.primaryColor6, light_default.errorColor6, light_default.primaryColor6, light_default$1.fillColor3, light_default$1.fillColor3, light_default.primaryColor6, light_default$1.fillColor3, light_default$1.textColor1, light_default$1.textColor1, light_default$1.textColor1, light_default$1.textColor1, light_default$1.textColor3, light_default$1.textColor3, light_default$1.textColor3, light_default$1.textColor3, { ...BodenStepsExtendCommon }, cB$2("steps", {}, [
 	c$4("&.n-steps--vertical", {}, [c$4("& > .n-step", {}, [c$4("& > .n-step-indicator", {}, [c$4(".n-step-splitor", { width: "var(--boden-steps-splitor-width)" })])])]),
 	c$4(".n-step-indicator", { boxShadow: "0 0 0 var(--boden-steps-border-width) var(--n-indicator-border-color)" }),
 	c$4(".n-step-line", {}, [c$4(".n-step-splitor", { height: "var(--boden-steps-splitor-width)" })]),
@@ -40328,7 +40328,7 @@ var BodenStepsCommon = {
 		fontSize: "var(--boden-steps-description-font-size)",
 		marginTop: "var(--boden-steps-step-gap)"
 	})])
-]), require_lodash$1(), Object, { ...BodenStepsCommon }, dark_default$1.textColor3, dark_default$1.textColor3, dark_default.primaryColor6, dark_default.errorColor6, dark_default.primaryColor6, dark_default$1.textColor3, dark_default.primaryColor6, dark_default.errorColor6, dark_default.primaryColor6, dark_default$1.fillColor3, dark_default$1.fillColor3, dark_default.primaryColor6, dark_default$1.fillColor3, dark_default$1.textColor1, dark_default$1.textColor1, dark_default$1.textColor1, dark_default$1.textColor1, dark_default$1.textColor3, dark_default$1.textColor3, dark_default$1.textColor3, dark_default$1.textColor3, { ...BodenStepsExtendCommon };
+]), require_lodash$1(), Object, { ...BodenStepsCommon }, dark_default$1.textColor5, dark_default$1.textColor3, dark_default.primaryColor6, dark_default.errorColor6, dark_default.primaryColor6, dark_default$1.textColor3, dark_default.primaryColor6, dark_default.errorColor6, dark_default.primaryColor6, dark_default$1.fillColor3, dark_default$1.fillColor3, dark_default.primaryColor6, dark_default$1.fillColor3, dark_default$1.textColor1, dark_default$1.textColor1, dark_default$1.textColor1, dark_default$1.textColor1, dark_default$1.textColor3, dark_default$1.textColor3, dark_default$1.textColor3, dark_default$1.textColor3, { ...BodenStepsExtendCommon };
 var index_cssr_default$12 = cB$2("icon", { display: "inline-flex" }, [cB$2("svg", {
 	verticalAlign: "-0.15em",
 	fill: "currentColor",
@@ -40556,7 +40556,7 @@ var BodenTabsCommon = {
 	closeIconSize: "12px",
 	tabFontSizeCard: "90px",
 	closeBorderRadius: "",
-	tabBorderRadius: "5px",
+	tabBorderRadius: "10px",
 	fontWeightStrong: "500"
 }, BodenTabsExtendCommon = {
 	tabBarActiveHeightSmall: "3px",
@@ -40565,8 +40565,8 @@ var BodenTabsCommon = {
 	tabBarActiveBorderRadiusSmall: "3px",
 	tabBarActiveBorderRadiusMedium: "3px",
 	tabBarActiveBorderRadiusLarge: "3px",
-	tabBorderRadiusSmallBodenCard: "6px",
-	tabBorderRadiusMediumBodenCard: "8px",
+	tabBorderRadiusSmallBodenCard: "10px",
+	tabBorderRadiusMediumBodenCard: "10px",
 	tabBorderRadiusLargeBodenCard: "10px",
 	tabGapSmallBodenCard: "12px",
 	tabGapMediumBodenCard: "12px",
@@ -40613,6 +40613,8 @@ var BodenTabsCommon = {
 	tabTextColorActiveCard: light_default.primaryColor6,
 	tabTextColorHoverCard: light_default.primaryColor5,
 	tabTextColorDisabledCard: light_default$1.textColor4,
+	colorSegment: light_default$1.bgColor3,
+	tabColorSegment: light_default.primaryColor2,
 	barColor: light_default.primaryColor6,
 	closeIconColor: light_default$1.textColor2,
 	closeIconColorHover: light_default$1.textColor2,
@@ -40773,7 +40775,28 @@ defineComponent({
 			currentCloseable: f
 		};
 	}
-}), { ...BodenTabsCommon }, dark_default$1.textColor2, dark_default.primaryColor6, dark_default.primaryColor5, dark_default$1.textColor4, dark_default$1.textColor2, dark_default.primaryColor6, dark_default.primaryColor5, dark_default$1.textColor4, dark_default$1.textColor2, dark_default.primaryColor6, dark_default.primaryColor5, dark_default$1.textColor4, dark_default$1.textColor2, dark_default.primaryColor6, dark_default.primaryColor5, dark_default$1.textColor4, dark_default.primaryColor6, dark_default$1.textColor2, dark_default$1.textColor2, dark_default$1.textColor2, { ...BodenTabsExtendCommon }, dark_default$1.textColor2, dark_default$1.textColor4, dark_default$1.textColorWhite, dark_default$1.textColorWhite, dark_default$1.textColor4, dark_default$1.textColor2, dark_default$1.textColor4, dark_default$1.textColorWhite, dark_default$1.textColorWhite, dark_default$1.textColor4;
+}), { ...BodenTabsCommon }, dark_default$1.textColor2, dark_default.primaryColor6, dark_default.primaryColor5, dark_default$1.textColor4, dark_default$1.textColor2, dark_default$1.textColor1, dark_default$1.textColor1, dark_default$1.textColor4, dark_default$1.textColor2, dark_default.primaryColor6, dark_default.primaryColor5, dark_default$1.textColor4, dark_default$1.textColor2, dark_default.primaryColor6, dark_default.primaryColor5, dark_default$1.textColor4, dark_default$1.fillColor5, dark_default.primaryColor6, dark_default$1.textColor2, dark_default$1.textColor2, dark_default$1.textColor2, { ...BodenTabsExtendCommon }, dark_default$1.textColor2, dark_default$1.textColor4, dark_default$1.textColorWhite, dark_default$1.textColorWhite, dark_default$1.textColor4, dark_default$1.textColor2, dark_default$1.textColor4, dark_default$1.textColorWhite, dark_default$1.textColorWhite, dark_default$1.textColor4;
+var bodenTagProps = (() => ({
+	...tagProps,
+	icon: {
+		type: [String, Function],
+		default: void 0
+	},
+	size: {
+		type: String,
+		default: "medium"
+	},
+	extendThemeOverrides: {
+		type: Object,
+		default: () => ({})
+	}
+}))(), index_cssr_default$9 = cB$2("tag", "", []);
+function useCssVarsHook$3$1(e, t) {
+	return { cssVarsRef: computed(() => {
+		let { [createKey("borderRadius", t)]: n } = e.value;
+		return { "--n-border-radius": n };
+	}) };
+}
 var BodenTagCommon = {
 	colorBordered: "#0000",
 	colorBorderedError: "#0000",
@@ -40858,27 +40881,13 @@ var BodenTagCommon = {
 	closeIconColorPressedError: light_default.errorColor4,
 	closeColorHoverError: "",
 	closeColorPressedError: ""
-}, BodenTagExtendLight = { ...BodenTagExtendCommon }, bodenTagProps = (() => ({
-	...tagProps,
-	size: {
-		type: String,
-		default: "medium"
-	},
-	extendThemeOverrides: {
-		type: Object,
-		default: () => ({})
-	}
-}))(), index_cssr_default$9 = cB$2("tag", "", []);
-function useCssVarsHook$3$1(e, t) {
-	return { cssVarsRef: computed(() => {
-		let { [createKey("borderRadius", t)]: n } = e.value;
-		return { "--n-border-radius": n };
-	}) };
-}
-var import_lodash$7 = /* @__PURE__ */ __toESM(require_lodash$1());
+}, BodenTagExtendLight = { ...BodenTagExtendCommon }, import_lodash$7 = /* @__PURE__ */ __toESM(require_lodash$1());
 defineComponent({
 	name: "BodenTag",
-	components: { NTag: Tag_default$1 },
+	components: {
+		NTag: Tag_default$1,
+		BodenIcon: SvgIcon_default
+	},
 	props: bodenTagProps,
 	setup(e, { attrs: t, expose: n }) {
 		n({}), use_theme_default$2("-tag", index_cssr_default$9);
@@ -41430,31 +41439,34 @@ const BodenHeaderPlatformNavigationCommon = {
 	textColor: dark_default$1.textColor1
 }, BodenTenantPanelCommon = {
 	reminderTextSize: "14px",
-	tenantOptionTitleSize: "16px",
+	tenantOptionLabelSize: "16px",
+	tenantOptionSubLabelSize: "12px",
 	tenantOptionPrefixIconSize: "18px"
 }, BodenTenantPanelLight = {
 	...BodenTenantPanelCommon,
 	reminderTextColor: light_default$1.textColor2,
 	tenantOptionColor: light_default$1.fillColor5,
-	tenantOptionTitleColor: "#000000",
+	tenantOptionLabelColor: "#000000",
+	tenantOptionSubLabelColor: light_default$1.textColor2,
 	tenantOptionBorder: `1px solid ${light_default$1.borderColor1}`,
 	tenantOptionHoverColor: light_default.primaryColor2,
-	tenantOptionHoverTitleColor: light_default.primaryColor6,
+	tenantOptionHoverLabelColor: light_default.primaryColor6,
 	tenantOptionHoverBorder: `1px solid ${light_default.primaryColor6}`,
 	tenantOptionActiveColor: light_default.primaryColor2,
-	tenantOptionActiveTitleColor: light_default.primaryColor6,
+	tenantOptionActiveLabelColor: light_default.primaryColor6,
 	tenantOptionActiveBorder: `1px solid ${light_default.primaryColor6}`
 }, BodenTenantPanelDark = {
 	...BodenTenantPanelCommon,
 	reminderTextColor: dark_default$1.textColor2,
 	tenantOptionColor: dark_default$1.fillColor5,
-	tenantOptionTitleColor: "#FFFFFF",
+	tenantOptionLabelColor: "#FFFFFF",
+	tenantOptionSubLabelColor: dark_default$1.textColor2,
 	tenantOptionBorder: `1px solid ${dark_default$1.borderColor1}`,
 	tenantOptionHoverColor: dark_default.primaryColor2,
-	tenantOptionHoverTitleColor: dark_default.primaryColor6,
+	tenantOptionHoverLabelColor: dark_default.primaryColor6,
 	tenantOptionHoverBorder: `1px solid ${dark_default.primaryColor6}`,
 	tenantOptionActiveColor: dark_default.primaryColor2,
-	tenantOptionActiveTitleColor: dark_default.primaryColor6,
+	tenantOptionActiveLabelColor: dark_default.primaryColor6,
 	tenantOptionActiveBorder: `1px solid ${dark_default.primaryColor6}`
 }, BodenTenantJoinFormCommon = { tenantJoinFormTipSize: "14px" }, BodenTenantJoinFormLight = {
 	...BodenTenantJoinFormCommon,
@@ -43636,7 +43648,7 @@ var index_cssr_default$3 = cB("layout-sidebar", {
 		headerClass: { default: "" }
 	},
 	setup(e) {
-		let n = e, r = useTemplateRef("headerRef"), i = useTemplateRef("placementHeaderRef"), a = computed(() => {
+		let n = e, r = ref(null), i = ref(null), a = computed(() => {
 			let e = [];
 			return e.push(`${prefix}-page-header`), e.push(n.headerClass), n.isFixed && e.push(`${prefix}-page-header--fixed`), e;
 		}), o = new ResizeObserver((e) => {
@@ -43671,7 +43683,7 @@ const bodenPageContainerProps = (() => ({
 	},
 	headerPadding: {
 		type: String,
-		default: "12px 24px 12px 24px"
+		default: "16px 24px 16px 24px"
 	},
 	contentPadding: {
 		type: String,
@@ -43705,8 +43717,8 @@ var index_cssr_default$2 = cB("page-container", {
 		c("&::-webkit-scrollbar-track-piece", "\n            background-color: rgba(0, 0, 0, 0);\n            border-radius: 0;\n            "),
 		cB("page-content", "\n          flex: unset;\n          overflow: visible\n        ")
 	]),
-	cB("page-header", "\n        background-color: var(--boden-business-page-container-color);\n        padding: var(--boden-business-page-header-padding);\n      ", [cM("fixed", "\n          position: absolute;\n          top: -1px;\n          left: -1px;\n          right: 0;\n          z-index: 5\n        ")]),
-	cB("page-content", "\n        flex: 1;\n        overflow: hidden;\n      ", [cM("padding", { padding: "var(--boden-business-page-content-padding)" })])
+	cB("page-header", "\n        background-color: var(--boden-business-page-container-color);\n        padding: var(--boden-business-page-header-padding-top) var(--boden-business-page-header-padding-left) var(--boden-business-page-header-padding-bottom) var(--boden-business-page-header-padding-left);\n      ", [cM("fixed", "\n          position: absolute;\n          top: -1px;\n          left: -1px;\n          right: 0;\n          z-index: 5\n        ")]),
+	cB("page-content", "\n        flex: 1;\n        overflow: hidden;\n      ", [cM("padding", { padding: "var(--boden-business-page-content-padding-top) var(--boden-business-page-content-padding-left) var(--boden-business-page-content-padding-bottom) var(--boden-business-page-content-padding-left)" })])
 ])]);
 function getPadding(e) {
 	let t = e.trim().split(/\s+/g), n = { top: t[0] };
@@ -43723,14 +43735,15 @@ function getPadding(e) {
 		case 4:
 			n.right = t[1], n.bottom = t[2], n.left = t[3];
 			break;
-		default: throw Error(`[getPadding]:${e} is not a valid value.`);
+		default: n.right = "0px", n.bottom = "0px", n.left = "0px";
 	}
 	return n;
 }
 function useCssVarsHook$1(e, t) {
 	let n = computed(() => {
-		let { left: e, top: n, bottom: r } = getPadding(t.contentPadding ?? "");
+		let { left: e, top: n, bottom: r, right: i } = getPadding(t.contentPadding ?? "");
 		return {
+			right: i,
 			left: e,
 			top: n,
 			bottom: r
@@ -43738,11 +43751,12 @@ function useCssVarsHook$1(e, t) {
 	});
 	return {
 		cssVarsRef: computed(() => {
-			let { color: r, borderColor: i, borderRadius: a } = e.value;
+			let { color: r, borderColor: i, borderRadius: a } = e.value, { top: o, left: s, bottom: l } = getPadding(t.headerPadding ?? "");
 			return {
 				"--boden-business-page-container-padding": t.containerPadding,
-				"--boden-business-page-header-padding": t.headerPadding,
-				"--boden-business-page-content-padding": t.contentPadding,
+				"--boden-business-page-header-padding-top": o,
+				"--boden-business-page-header-padding-left": s,
+				"--boden-business-page-header-padding-bottom": l,
 				"--boden-business-page-content-padding-left": n.value.left,
 				"--boden-business-page-content-padding-top": n.value.top,
 				"--boden-business-page-content-padding-bottom": n.value.bottom,
@@ -43757,26 +43771,28 @@ function useCssVarsHook$1(e, t) {
 var import_lodash$2 = /* @__PURE__ */ __toESM$1(require_lodash()), PageContainer_vue_vue_type_script_lang_default = defineComponent({
 	name: "BodenPageContainer",
 	props: bodenPageContainerProps,
+	slots: Object,
 	setup(e, { attrs: t, expose: n }) {
 		n({}), use_theme_default("-page-container", index_cssr_default$2);
 		let r = useBodenBusinessConfigProvideContext(), i = computed(() => {
 			let t = r.mergedBusinessThemeOverridesRef.value?.PageContainer ?? BodenPageContainerLight;
 			return (0, import_lodash$2.default)({}, t ?? {}, e.extendThemeOverrides ?? {});
-		}), { cssVarsRef: a, contentPadding: o } = useCssVarsHook$1(i, e), s = computed(() => e.scrollMode === "content"), u = computed(() => {
+		}), { cssVarsRef: a, contentPadding: o } = useCssVarsHook$1(i, e), s = computed(() => o.value), u = computed(() => e.scrollMode === "content"), d = computed(() => {
 			let e = [];
 			return e.push(`${prefix}-page-container`), e;
-		}), d = computed(() => {
+		}), f = computed(() => {
 			let t = [];
 			return t.push(`${prefix}-page-content-wrap`), e.scrollMode !== "none" && t.push(`${prefix}-page-content-wrap--scroll`), t;
 		});
 		return {
 			attrs: t,
 			prefix,
-			containerClass: u,
-			containerContentWrapClass: d,
-			isFixedHeader: s,
+			containerClass: d,
+			containerContentWrapClass: f,
+			isFixedHeader: u,
 			cssVarsRef: a,
-			contentPadding: o
+			contentPadding: o,
+			paddingProps: s
 		};
 	}
 });
@@ -43792,10 +43808,7 @@ function _sfc_render(e, t, n, r, i, a) {
 		default: withCtx(() => [renderSlot(e.$slots, "header")]),
 		_: 3
 	}, 8, ["is-fixed"])) : createCommentVNode("", !0), createVNode(s, { "use-padding": e.useContentPadding }, {
-		default: withCtx(() => [e.$slots.default ? renderSlot(e.$slots, "default", {
-			key: 0,
-			padding: e.contentPadding
-		}) : createCommentVNode("", !0)]),
+		default: withCtx(() => [renderSlot(e.$slots, "default", { padding: e.paddingProps })]),
 		_: 3
 	}, 8, ["use-padding"])], 2)], 6);
 }
@@ -43874,9 +43887,17 @@ var index_cssr_default$1 = cB("join-tenant-form", {}, [c("*", { boxSizing: "bord
 	name: "BodenTenantItem",
 	props: {
 		label: {
-			type: String || Number,
+			type: String,
 			default: void 0
 		},
+		subLabel: {
+			type: String,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
 		active: {
 			type: Boolean,
 			default: !1
@@ -43886,17 +43907,25 @@ var index_cssr_default$1 = cB("join-tenant-form", {}, [c("*", { boxSizing: "bord
 	slots: Object,
 	setup(e) {
 		return { handleClick: (t) => {
+			if (e.disabled) return;
 			let { onClick: n } = e;
 			n && call(n, t);
 		} };
 	},
 	render() {
 		return createVNode("div", {
-			class: [`${prefix}-tenant-option`, this.active && "boden-business-tenant-option--active"],
+			class: [
+				`${prefix}-tenant-option`,
+				this.disabled && "boden-business-switch-tenant-item--disabled",
+				this.active && "boden-business-tenant-option--active"
+			],
 			onClick: this.handleClick
 		}, [
 			this.$slots.prefixIcon ? this.$slots.prefixIcon() : createVNode("span", { class: `${prefix}-tenant-option__prefixIcon` }, [this.label?.slice(0, 1)]),
-			createVNode("div", { class: `${prefix}-tenant-option__content` }, [createVNode("div", null, [this.label])]),
+			createVNode("div", { class: `${prefix}-tenant-option__content` }, [createVNode("div", { class: "label" }, [this.label]), createVNode("div", {
+				class: "sub-label",
+				style: this.subLabel ? void 0 : { display: "none" }
+			}, [this.subLabel])]),
 			this.active && createVNode(NIcon, {
 				size: 24,
 				component: check_default
@@ -43932,21 +43961,23 @@ const bodenTenantPanelProps = {
 };
 function useCssVarsHook(e) {
 	return { cssVarsRef: computed(() => {
-		let { reminderTextColor: t, reminderTextSize: n, tenantOptionTitleSize: r, tenantOptionPrefixIconSize: i, tenantOptionColor: a, tenantOptionTitleColor: o, tenantOptionBorder: s, tenantOptionHoverColor: l, tenantOptionHoverTitleColor: u, tenantOptionHoverBorder: d, tenantOptionActiveColor: f, tenantOptionActiveTitleColor: p, tenantOptionActiveBorder: m } = e.value;
+		let { reminderTextColor: t, reminderTextSize: n, tenantOptionLabelSize: r, tenantOptionSubLabelSize: i, tenantOptionPrefixIconSize: a, tenantOptionColor: o, tenantOptionLabelColor: s, tenantOptionSubLabelColor: l, tenantOptionBorder: u, tenantOptionHoverColor: d, tenantOptionHoverLabelColor: f, tenantOptionHoverBorder: p, tenantOptionActiveColor: m, tenantOptionActiveLabelColor: g, tenantOptionActiveBorder: _ } = e.value;
 		return {
 			"--boden-business-tenant-reminder-color": t,
 			"--boden-business-tenant-reminder-size": n,
-			"--boden-business-tenant-option-title-size": r,
-			"--boden-business-tenant-option-prefix-icon-size": i,
-			"--boden-business-tenant-option-color": a,
-			"--boden-business-tenant-option-title-color": o,
-			"--boden-business-tenant-option-border": s,
-			"--boden-business-tenant-option-color-hover": l,
-			"--boden-business-tenant-option-title-color-hover": u,
-			"--boden-business-tenant-option-border-hover": d,
-			"--boden-business-tenant-option-color-active": f,
-			"--boden-business-tenant-option-title-color-active": p,
-			"--boden-business-tenant-option-border-active": m
+			"--boden-business-tenant-option-label-size": r,
+			"--boden-business-tenant-option-sub-label-size": i,
+			"--boden-business-tenant-option-prefix-icon-size": a,
+			"--boden-business-tenant-option-color": o,
+			"--boden-business-tenant-option-label-color": s,
+			"--boden-business-tenant-option-sub-label-color": l,
+			"--boden-business-tenant-option-border": u,
+			"--boden-business-tenant-option-color-hover": d,
+			"--boden-business-tenant-option-label-color-hover": f,
+			"--boden-business-tenant-option-border-hover": p,
+			"--boden-business-tenant-option-color-active": m,
+			"--boden-business-tenant-option-label-color-active": g,
+			"--boden-business-tenant-option-border-active": _
 		};
 	}) };
 }
@@ -43976,26 +44007,18 @@ var index_cssr_default = cB("tenant-panel-container", {}, [
 		padding: "12px",
 		borderRadius: "10px",
 		gap: "8px",
-		color: "var(--boden-business-tenant-option-title-color)",
 		background: "var(--boden-business-tenant-option-color)",
 		border: "var(--boden-business-tenant-option-border)",
 		overflow: "hidden"
 	}, [
 		c("& + .boden-business-tenant-option", { marginTop: "10px" }),
-		c("&:hover", {
-			border: "var(--boden-business-tenant-option-border-hover)",
-			color: "var(--boden-business-tenant-option-title-color-hover)",
-			cursor: "pointer"
-		}),
-		cM("active", {
-			border: "var(--boden-business-tenant-option-border-active)",
-			color: "var(--boden-business-tenant-option-title-color-active)",
-			background: "var(--boden-business-tenant-option-color-active)"
-		}),
-		cE("content", {
-			fontSize: "var(--boden-business-tenant-option-title-size)",
-			flex: 1
-		}),
+		cE("content", { flex: 1 }, [c("> .label", {
+			fontSize: "var(--boden-business-tenant-option-label-size)",
+			color: "var(--boden-business-tenant-option-label-color)"
+		}), c("> .sub-label", {
+			fontSize: "var(--boden-business-tenant-option-sub-label-size)",
+			color: "var(--boden-business-tenant-option-sub-label-color)"
+		})]),
 		cE("addIcon", {
 			display: "flex",
 			alignItems: "center",
@@ -44019,6 +44042,19 @@ var index_cssr_default = cB("tenant-panel-container", {}, [
 			fontFamily: "MiSansMedium",
 			background: "#0151FF",
 			color: "#FFF"
+		}),
+		cNotM("disabled", {}, [c("&:hover", {
+			border: "var(--boden-business-tenant-option-border-hover)",
+			cursor: "pointer"
+		}, [cE("content > .label", { color: "var(--boden-business-tenant-option-label-color-hover)" })])]),
+		cM("active", {
+			border: "var(--boden-business-tenant-option-border-active)",
+			color: "var(--boden-business-tenant-option-label-color-active)",
+			background: "var(--boden-business-tenant-option-color-active)"
+		}),
+		cM("disabled", {
+			opacity: "0.5",
+			cursor: "not-allowed"
 		})
 	])
 ]), import_lodash = /* @__PURE__ */ __toESM$1(require_lodash());
@@ -44061,7 +44097,9 @@ var TenantPanel_default = /* @__PURE__ */ defineComponent({
 			createVNode(Scrollbar_default, null, _isSlot(e = this.tenantOptions.map((e) => createVNode(TenantItem_default, {
 				key: e.value,
 				label: e.label,
+				subLabel: e.subLabel,
 				active: e.value === this.temTenantValue,
+				disabled: e.disabled,
 				onClick: () => this.setTemTenantValue(e.value)
 			}, null))) ? e : { default: () => [e] }),
 			createVNode("div", { class: `${prefix}-join-tenant-content-line` }, [createVNode(TenantItem_default, {
@@ -44079,4 +44117,4 @@ var TenantPanel_default = /* @__PURE__ */ defineComponent({
 		e.component(t.name || "", t);
 	});
 } };
-export { ALL_LAYOUT_ACTIONS, BODEN_PLATFORM_ENUM, BODEN_PLATFORM_FEATURE, BODEN_PLATFORM_NAME_ENUM, ConfigProvider_default as BodenBusinessConfigProvider, HeaderPlatformNavigation_default as BodenHeaderPlatformNavigation, TenantJoinForm_default as BodenJoinTenantForm, LayoutActionLang_default as BodenLayoutActionLang, LayoutActionTheme_default as BodenLayoutActionTheme, LayoutActionUser_default as BodenLayoutActionUser, LayoutActionWrap_default as BodenLayoutActionWrap, LayoutActions_default as BodenLayoutActions, LayoutHeader_default as BodenLayoutHeader, LayoutLogo_default as BodenLayoutLogo, LayoutSidebar_default as BodenLayoutSidebar, PageContainer_default as BodenPageContainer, TenantPanel_default as BodenTenantPanel, LAYOUT_ACTIONS_TYPE, LOCAL, USER_DROPDOWN_ENUM, UserDropdownOptions, bodenBusinessConfigProviderProps, bodenPlatformHeaderNavigationProps, bodenPlatformNavigation, bodenTenantPanelProps, src_default as default };
+export { ALL_LAYOUT_ACTIONS, BODEN_PLATFORM_ENUM, BODEN_PLATFORM_FEATURE, BODEN_PLATFORM_NAME_ENUM, ConfigProvider_default as BodenBusinessConfigProvider, HeaderPlatformNavigation_default as BodenHeaderPlatformNavigation, TenantJoinForm_default as BodenJoinTenantForm, LayoutActionLang_default as BodenLayoutActionLang, LayoutActionTheme_default as BodenLayoutActionTheme, LayoutActionUser_default as BodenLayoutActionUser, LayoutActionWrap_default as BodenLayoutActionWrap, LayoutActions_default as BodenLayoutActions, LayoutHeader_default as BodenLayoutHeader, LayoutLogo_default as BodenLayoutLogo, LayoutSidebar_default as BodenLayoutSidebar, PageContainer_default as BodenPageContainer, TenantPanel_default as BodenTenantPanel, LAYOUT_ACTIONS_TYPE, LOCAL, USER_DROPDOWN_ENUM, UserDropdownOptions, bodenBusinessConfigProviderProps, bodenPageContainerProps, bodenPlatformHeaderNavigationProps, bodenPlatformNavigation, bodenTenantPanelProps, src_default as default };