base6-ui 2.0.30 → 2.0.32

package/es/components/global-header/index.vue.mjs

@@ -1,7 +1,7 @@
 import { defineComponent as S, ref as c, computed as I, createBlock as p, openBlock as s, unref as m, withCtx as i, createVNode as u, renderSlot as g, createCommentVNode as T, createSlots as w } from "vue";
 import B from "./title.vue.mjs";
 import L from "../system-actions/index.vue.mjs";
-/* empty css                                   */
+/* empty css                                    */
 import "../layout/options.mjs";
 /* empty css                    */
 import P from "../layout/header/index.vue.mjs";

package/es/components/layout/components/{WrapHeader.vue2.mjs → WrapHeader.vue.mjs}

@@ -1,5 +1,5 @@
 import a from "./WrapHeader.vue3.mjs";
-/* empty css                */
+/* empty css                 */
 import o from "../../../_virtual/_plugin-vue_export-helper.mjs";
 const d = /* @__PURE__ */ o(a, [["__scopeId", "data-v-a43da04d"]]);
 export {

package/es/components/layout/index.vue2.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as I, mergeDefaults as _, useSlots as E, computed as o, createElementBlock as T, openBlock as u, normalizeStyle as j, createElementVNode as z, normalizeClass as G, unref as M, createBlock as p, createCommentVNode as l, createVNode as P, withCtx as d, renderSlot as c } from "vue";
-import A from "./components/WrapHeader.vue2.mjs";
+import A from "./components/WrapHeader.vue.mjs";
 import N from "./components/WrapTab.vue.mjs";
 import D from "./components/WrapContent.vue.mjs";
 import O from "./components/WrapSlider.vue.mjs";

package/es/components/platform-header-navigation/src/constant.d.ts

@@ -1,3 +1,4 @@
+import { PlatformNavigationItem } from './interface';
 export declare const enum BODEN_PLATFORM_ENUM {
     BASE = 1,// 标注
     BLINK = 2,// Blink
@@ -19,3 +20,4 @@ export declare const enum BODEN_PLATFORM_FEATURE {
     Data_Annotation = 2,
     Data_Management = 3
 }
+export declare const bodenPlatformNavigation: PlatformNavigationItem[];

package/es/components/platform-header-navigation/src/constant.mjs

@@ -1,6 +1,82 @@
-var t = /* @__PURE__ */ ((a) => (a[a.BASE = 1] = "BASE", a[a.BLINK = 2] = "BLINK", a[a.ACCOUNT = 3] = "ACCOUNT", a[a.ROBO = 4] = "ROBO", a[a.FORGE = 5] = "FORGE", a))(t || {}), n = /* @__PURE__ */ ((a) => (a.ADS = "ADS", a.STUDIO = "STUDIO", a.OMNI = "OMNI", a.BLINK = "BLINK", a.ACCOUNT = "ACCOUNT", a.ROBO = "ROBO", a.FORGE = "PS", a))(n || {}), e = /* @__PURE__ */ ((a) => (a[a.Data_Collection = 1] = "Data_Collection", a[a.Data_Annotation = 2] = "Data_Annotation", a[a.Data_Management = 3] = "Data_Management", a))(e || {});
+import { h as t } from "vue";
+import e from "../../../_internal/icons/ads.mjs";
+import n from "../../../_internal/icons/blink.mjs";
+import i from "../../../_internal/icons/forge.mjs";
+import a from "../../../_internal/icons/omni.mjs";
+import r from "../../../_internal/icons/robo.mjs";
+import m from "../../../_internal/icons/studio.mjs";
+var l = /* @__PURE__ */ ((o) => (o[o.BASE = 1] = "BASE", o[o.BLINK = 2] = "BLINK", o[o.ACCOUNT = 3] = "ACCOUNT", o[o.ROBO = 4] = "ROBO", o[o.FORGE = 5] = "FORGE", o))(l || {}), I = /* @__PURE__ */ ((o) => (o.ADS = "ADS", o.STUDIO = "STUDIO", o.OMNI = "OMNI", o.BLINK = "BLINK", o.ACCOUNT = "ACCOUNT", o.ROBO = "ROBO", o.FORGE = "PS", o))(I || {}), p = /* @__PURE__ */ ((o) => (o[o.Data_Collection = 1] = "Data_Collection", o[o.Data_Annotation = 2] = "Data_Annotation", o[o.Data_Management = 3] = "Data_Management", o))(p || {});
+const k = [
+  {
+    key: 1,
+    label: "数据采集",
+    option: [
+      {
+        key: 4,
+        platformId: 4,
+        moduleName: "ROBO",
+        title: "具身智能采集 BRIC Robo",
+        description: "专为具身智能研发打造，支持道场场景管理与多类型机器人组网（机器臂/人形）。",
+        svgIcon: () => t(r)
+      },
+      {
+        key: 5,
+        platformId: 5,
+        moduleName: "PS",
+        title: "图片采集 BRIC Forge",
+        description: "一站式数据采集与编辑平台，支持源图下发与任务化管理，采集人员可基于源图按规范完成图像编辑与蒙版制作。",
+        svgIcon: () => t(i)
+      }
+    ]
+  },
+  {
+    key: 2,
+    label: "数据标注",
+    option: [
+      {
+        key: 1,
+        platformId: 1,
+        moduleName: "ADS",
+        title: "自动驾驶标注平台 BASE ADS",
+        description: "自动驾驶标注平台支持点云、图像等连续的数据的标注与质检。",
+        svgIcon: () => t(e)
+      },
+      {
+        key: 2,
+        platformId: 1,
+        moduleName: "STUDIO",
+        title: "通用标注平台 BASE Studio",
+        description: "通用标注平台，支持图像、音频、文本、视频等多类型数据的标注与质检。",
+        svgIcon: () => t(m)
+      },
+      {
+        key: 3,
+        platformId: 1,
+        moduleName: "OMNI",
+        title: "多模态标注平台 BASE Omni",
+        description: "支持多源异构数据协同标注的智能系统，覆盖图像、视频、音频、文本、点云等多种模态数据类型。",
+        svgIcon: () => t(a)
+      }
+    ]
+  },
+  {
+    key: 3,
+    label: "数据管理",
+    option: [
+      {
+        key: 6,
+        platformId: 2,
+        moduleName: "BLINK",
+        title: "数据管理平台 Blink",
+        description: "一站式数据资产运营与服务中枢，集三大核心能力于一体：数据流转管理、数据集市与智能检索，三者有机协同，打通“管—用—找”关键环节，助力组织高效释放数据价值。",
+        svgIcon: () => t(n)
+      }
+    ]
+  }
+];
 export {
-  t as BODEN_PLATFORM_ENUM,
-  e as BODEN_PLATFORM_FEATURE,
-  n as BODEN_PLATFORM_NAME_ENUM
+  l as BODEN_PLATFORM_ENUM,
+  p as BODEN_PLATFORM_FEATURE,
+  I as BODEN_PLATFORM_NAME_ENUM,
+  k as bodenPlatformNavigation
 };

package/es/components/platform-header-navigation/src/interface.d.ts

@@ -1,18 +1,32 @@
-import { Component, ExtractPublicPropTypes, PropType } from 'vue';
-import { BODEN_PLATFORM_ENUM, BODEN_PLATFORM_NAME_ENUM, BODEN_PLATFORM_FEATURE } from './constant';
-export type PlatformItem = {
-    id: string | number;
-    featureType: BODEN_PLATFORM_FEATURE;
+import { ExtractPublicPropTypes, PropType, VNode, VNodeChild } from 'vue';
+import { BODEN_PLATFORM_ENUM, BODEN_PLATFORM_NAME_ENUM } from './constant';
+export type PlatformRenderOption = {
+    key: string | number;
+    type: 'render';
+    render: () => VNodeChild;
+    [key: string]: unknown;
+};
+export type PlatformOption = {
+    key: string | number;
     platformId: BODEN_PLATFORM_ENUM;
     moduleName: BODEN_PLATFORM_NAME_ENUM;
     title: string;
     description: string;
-    svgIcon: Component | undefined;
+    disabled?: boolean;
+    svgIcon?: () => VNode;
+    [key: string]: unknown;
+};
+export type PlatformNavigationItem = {
+    key: string | number;
+    label: string;
+    i18nKey?: string;
+    option?: Array<PlatformMixedOption>;
 };
+export type PlatformMixedOption = PlatformOption | PlatformRenderOption;
 export declare const bodenPlatformHeaderNavigationProps: {
-    readonly platformUrlMap: {
-        readonly type: PropType<Partial<Record<BODEN_PLATFORM_ENUM, string>>>;
-        readonly default: undefined;
+    readonly platformNavigation: {
+        readonly type: PropType<PlatformNavigationItem[]>;
+        readonly default: () => PlatformNavigationItem[];
     };
     readonly popoverX: {
         readonly type: NumberConstructor;
@@ -22,6 +36,10 @@ export declare const bodenPlatformHeaderNavigationProps: {
         readonly type: NumberConstructor;
         readonly default: 0;
     };
-    readonly onTogglePlatform: PropType<(code: BODEN_PLATFORM_ENUM, name: BODEN_PLATFORM_NAME_ENUM) => void>;
+    readonly renderOption: PropType<(params: {
+        node: VNode;
+        option: PlatformOption;
+    }) => VNodeChild>;
+    readonly onTogglePlatform: PropType<(code: BODEN_PLATFORM_ENUM, name: BODEN_PLATFORM_NAME_ENUM, option: PlatformOption) => void>;
 };
 export type BodenPlatformHeaderNavigationProps = ExtractPublicPropTypes<typeof bodenPlatformHeaderNavigationProps>;

package/es/components/platform-header-navigation/src/interface.mjs

@@ -1,7 +1,8 @@
+import { bodenPlatformNavigation as o } from "./constant.mjs";
 const e = {
-  platformUrlMap: {
-    type: Object,
-    default: void 0
+  platformNavigation: {
+    type: Array,
+    default: () => o
   },
   popoverX: {
     type: Number,
@@ -11,6 +12,7 @@ const e = {
     type: Number,
     default: 0
   },
+  renderOption: Function,
   onTogglePlatform: Function
 };
 export {

package/es/components/platform-header-navigation/src/platform-header-navigation.d.ts

@@ -1,9 +1,8 @@
-import { BODEN_PLATFORM_ENUM, BODEN_PLATFORM_NAME_ENUM, BODEN_PLATFORM_FEATURE } from './constant';
-import { PlatformItem } from './interface';
+import { PlatformOption } from './interface';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    readonly platformUrlMap: {
-        readonly type: import('vue').PropType<Partial<Record<BODEN_PLATFORM_ENUM, string>>>;
-        readonly default: undefined;
+    readonly platformNavigation: {
+        readonly type: import('vue').PropType<import('./interface').PlatformNavigationItem[]>;
+        readonly default: () => import('./interface').PlatformNavigationItem[];
     };
     readonly popoverX: {
         readonly type: NumberConstructor;
@@ -13,9 +12,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly type: NumberConstructor;
         readonly default: 0;
     };
-    readonly onTogglePlatform: import('vue').PropType<(code: BODEN_PLATFORM_ENUM, name: BODEN_PLATFORM_NAME_ENUM) => void>;
+    readonly renderOption: import('vue').PropType<(params: {
+        node: import('vue').VNode;
+        option: PlatformOption;
+    }) => import('vue').VNodeChild>;
+    readonly onTogglePlatform: import('vue').PropType<(code: import('./constant').BODEN_PLATFORM_ENUM, name: import('./constant').BODEN_PLATFORM_NAME_ENUM, option: PlatformOption) => void>;
 }>, {
-    tabValue: import('vue').Ref<"" | BODEN_PLATFORM_FEATURE, "" | BODEN_PLATFORM_FEATURE>;
+    tabValue: import('vue').Ref<string | number, string | number>;
     dropDownVisible: import('vue').ComputedRef<boolean>;
     navStyleCssVar: import('vue').ComputedRef<{
         '--boden-platform-navigation-option-title-color': string;
@@ -27,11 +30,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         '--boden-platform-navigation-option-icon-hover': string;
         '--boden-platform-navigation-option-icon-disabled-opacity': number;
     }>;
-    platformFeatures: {
-        value: BODEN_PLATFORM_FEATURE;
-        label: string;
-    }[];
-    platformNav: PlatformItem[];
     tabThemeOverrides: import('vue').ComputedRef<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Tabs", {
         colorSegment: string;
         tabFontSizeCard: string;
@@ -123,16 +121,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         closeSize: string;
         closeIconSize: string;
     }, any>> | undefined>;
-    isDisabled: (platformCode: BODEN_PLATFORM_ENUM) => boolean;
-    onClick: (platform: PlatformItem) => void;
+    onClick: (platform: PlatformOption) => void;
     onMouseLeave: () => void;
     onPopoverMouseenter: () => void;
     onBeforeLeave: () => boolean;
-    setTabValue: (value: BODEN_PLATFORM_FEATURE) => void;
+    setTabValue: (value: string | number) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    readonly platformUrlMap: {
-        readonly type: import('vue').PropType<Partial<Record<BODEN_PLATFORM_ENUM, string>>>;
-        readonly default: undefined;
+    readonly platformNavigation: {
+        readonly type: import('vue').PropType<import('./interface').PlatformNavigationItem[]>;
+        readonly default: () => import('./interface').PlatformNavigationItem[];
     };
     readonly popoverX: {
         readonly type: NumberConstructor;
@@ -142,9 +139,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly type: NumberConstructor;
         readonly default: 0;
     };
-    readonly onTogglePlatform: import('vue').PropType<(code: BODEN_PLATFORM_ENUM, name: BODEN_PLATFORM_NAME_ENUM) => void>;
+    readonly renderOption: import('vue').PropType<(params: {
+        node: import('vue').VNode;
+        option: PlatformOption;
+    }) => import('vue').VNodeChild>;
+    readonly onTogglePlatform: import('vue').PropType<(code: import('./constant').BODEN_PLATFORM_ENUM, name: import('./constant').BODEN_PLATFORM_NAME_ENUM, option: PlatformOption) => void>;
 }>> & Readonly<{}>, {
-    readonly platformUrlMap: Partial<Record<BODEN_PLATFORM_ENUM, string>>;
+    readonly platformNavigation: import('./interface').PlatformNavigationItem[];
     readonly popoverX: number;
     readonly popoverY: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/platform-header-navigation/src/platform-header-navigation.mjs

@@ -1,156 +1,118 @@
-import { defineComponent as M, createVNode as o, mergeProps as g, ref as D, computed as d } from "vue";
-import { NTabs as O, NTab as A, NPopover as L, NIcon as T, NEllipsis as E } from "naive-ui";
-import { prefix as i } from "../../../_constant/base.mjs";
-import y from "../../../_mixins/use-theme.mjs";
-import C from "../../../_internal/icons/ads.mjs";
+import { defineComponent as N, createVNode as o, mergeProps as v, ref as y, computed as p } from "vue";
+import { NTabs as T, NTab as k, NPopover as C, NIcon as f, NEllipsis as V } from "naive-ui";
+import { prefix as n } from "../../../_constant/base.mjs";
+import M from "../../../_mixins/use-theme.mjs";
 import P from "../../../_internal/icons/arrow-right.mjs";
-import R from "../../../_internal/icons/blink.mjs";
-import S from "../../../_internal/icons/forge.mjs";
-import V from "../../../_internal/icons/omni.mjs";
-import F from "../../../_internal/icons/robo.mjs";
-import k from "../../../_internal/icons/studio.mjs";
-import w from "./styles/index.cssr.mjs";
-import { BODEN_PLATFORM_FEATURE as t, BODEN_PLATFORM_NAME_ENUM as n, BODEN_PLATFORM_ENUM as l } from "./constant.mjs";
-import { bodenPlatformHeaderNavigationProps as $ } from "./interface.mjs";
-import { createNavCssVar as U, createTabThemeOverrides as x } from "./useCssVars.mjs";
-import H from "../../../hooks/useNaiveConfigProvideContext.mjs";
-const me = /* @__PURE__ */ M({
+import $ from "./styles/index.cssr.mjs";
+import { bodenPlatformHeaderNavigationProps as w } from "./interface.mjs";
+import { createNavCssVar as L, createTabThemeOverrides as O } from "./useCssVars.mjs";
+import x from "../../../hooks/useNaiveConfigProvideContext.mjs";
+import { isRenderNode as _ } from "./utils.mjs";
+const F = /* @__PURE__ */ N({
   name: "BodenPlatformHeaderNavigation",
-  props: $,
-  setup(s) {
-    y("-platform-header-navigation", w);
-    const c = H(), a = D(""), m = d(() => {
+  props: w,
+  setup(d) {
+    M("-platform-header-navigation", $);
+    const i = x(), a = y(""), l = p(() => {
       const {
-        name: r = "light"
-      } = c?.mergedThemeRef.value || {};
-      return r !== "light";
-    }), f = d(() => U(m.value)), p = d(() => x(m.value)), u = d(() => a.value !== "");
+        name: s = "light"
+      } = i?.mergedThemeRef.value || {};
+      return s !== "light";
+    }), r = p(() => L(l.value)), m = p(() => O(l.value)), u = p(() => a.value !== "");
     let e;
-    const h = [{
-      value: t.Data_Collection,
-      label: "数据采集"
-    }, {
-      value: t.Data_Annotation,
-      label: "数据标注"
-    }, {
-      value: t.Data_Management,
-      label: "数据管理"
-    }], b = [{
-      id: 1,
-      featureType: t.Data_Annotation,
-      platformId: l.BASE,
-      moduleName: n.ADS,
-      title: "自动驾驶标注平台 BASE ADS",
-      description: "自动驾驶标注平台支持点云、图像等连续的数据的标注与质检。",
-      svgIcon: C
-    }, {
-      id: 2,
-      featureType: t.Data_Annotation,
-      platformId: l.BASE,
-      moduleName: n.STUDIO,
-      title: "通用标注平台 BASE Studio",
-      description: "通用标注平台，支持图像、音频、文本、视频等多类型数据的标注与质检。",
-      svgIcon: k
-    }, {
-      id: 3,
-      featureType: t.Data_Annotation,
-      platformId: l.BASE,
-      moduleName: n.OMNI,
-      title: "多模态标注平台 BASE Omni",
-      description: "支持多源异构数据协同标注的智能系统，覆盖图像、视频、音频、文本、点云等多种模态数据类型。",
-      svgIcon: V
-    }, {
-      id: 4,
-      featureType: t.Data_Collection,
-      platformId: l.ROBO,
-      moduleName: n.ROBO,
-      title: "具身智能采集 BRIC Robo",
-      description: "专为具身智能研发打造，支持道场场景管理与多类型机器人组网（机器臂/人形）。",
-      svgIcon: F
-    }, {
-      id: 5,
-      featureType: t.Data_Collection,
-      platformId: l.FORGE,
-      moduleName: n.FORGE,
-      title: "图片采集 BRIC Forge",
-      description: "一站式数据采集与编辑平台，支持源图下发与任务化管理，采集人员可基于源图按规范完成图像编辑与蒙版制作。",
-      svgIcon: S
-    }, {
-      id: 6,
-      featureType: t.Data_Management,
-      platformId: l.BLINK,
-      moduleName: n.BLINK,
-      title: "数据管理平台 Blink",
-      description: "一站式数据资产运营与服务中枢，集三大核心能力于一体：数据流转管理、数据集市与智能检索，三者有机协同，打通“管—用—找”关键环节，助力组织高效释放数据价值。",
-      svgIcon: R
-    }], B = (r) => {
-      a.value = r;
-    }, v = () => {
+    const t = (s) => {
+      a.value = s;
+    }, c = () => {
       e && clearTimeout(e);
-    }, N = (r) => !s.platformUrlMap || !s.platformUrlMap[r];
+    };
     return {
       tabValue: a,
       dropDownVisible: u,
-      navStyleCssVar: f,
-      platformFeatures: h,
-      platformNav: b,
-      tabThemeOverrides: p,
-      isDisabled: N,
-      onClick: (r) => {
+      navStyleCssVar: r,
+      tabThemeOverrides: m,
+      onClick: (s) => {
         const {
-          platformId: I,
-          moduleName: _
-        } = r;
-        N(I) || s.onTogglePlatform?.(I, _);
+          platformId: h,
+          moduleName: g,
+          disabled: b
+        } = s;
+        b || d.onTogglePlatform?.(h, g, s);
       },
       onMouseLeave: () => {
-        v(), e = setTimeout(() => {
+        c(), e = setTimeout(() => {
           a.value = "", e = void 0;
         }, 300);
       },
       onPopoverMouseenter: () => {
-        v();
+        c();
       },
-      onBeforeLeave: () => (v(), !0),
-      setTabValue: B
+      onBeforeLeave: () => (c(), !0),
+      setTabValue: t
     };
   },
   render() {
     const {
-      dropDownVisible: s,
-      platformFeatures: c,
-      tabValue: a,
-      onMouseLeave: m,
-      onBeforeLeave: f,
-      $props: p,
-      $attrs: u
-    } = this;
-    return o("div", g({
-      class: [`${i}-platform-header-navigation`]
-    }, u), [o(O, g({
-      value: a,
+      dropDownVisible: d,
+      tabValue: i,
+      onMouseLeave: a,
+      onBeforeLeave: l,
+      $props: r,
+      $attrs: m
+    } = this, u = (e) => {
+      const t = o("div", {
+        class: [`${n}-platform-option`, e.disabled && `${n}-platform-option--disabled`],
+        key: e.key,
+        onClick: () => this.onClick(e)
+      }, [o(f, {
+        class: `${n}-platform-option__logo`,
+        size: 46,
+        component: e.svgIcon?.()
+      }, null), o("div", {
+        class: `${n}-platform-option__content`
+      }, [o("div", {
+        class: "title"
+      }, [e.title]), o(V, {
+        class: "description",
+        tooltip: !1
+      }, {
+        default: () => [e.description]
+      })]), o("span", {
+        class: `${n}-platform-option__arrow`
+      }, [o(f, {
+        size: 24,
+        component: P
+      }, null)])]);
+      return r.renderOption ? r.renderOption({
+        node: t,
+        option: e
+      }) : t;
+    };
+    return o("div", v({
+      class: [`${n}-platform-header-navigation`]
+    }, m), [o(T, v({
+      value: i,
       trigger: "hover",
       onUpdateValue: this.setTabValue,
-      onBeforeLeave: f,
+      onBeforeLeave: l,
       themeOverrides: this.tabThemeOverrides
     }, {
-      onMouseleave: m
+      onMouseleave: a
     }), {
-      default: () => c.map((e) => o(A, {
-        key: e.value,
-        name: e.value
+      default: () => r.platformNavigation.map((e) => o(k, {
+        key: e.key,
+        name: e.key
       }, {
         default: () => e.label
       }))
-    }), o(L, g({
-      class: [`${i}-platform-header-dropdown`],
+    }), o(C, v({
+      class: [`${n}-platform-header-dropdown`],
       trigger: "manual",
       placement: "bottom",
-      show: s,
+      show: d,
       "show-arrow": !1,
       width: 666,
-      x: p.popoverX,
-      y: p.popoverY,
+      x: r.popoverX,
+      y: r.popoverY,
       "theme-overrides": {
         padding: "32px",
         space: "0",
@@ -158,39 +120,20 @@ const me = /* @__PURE__ */ M({
       }
     }, {
       onMouseenter: this.onPopoverMouseenter,
-      onMouseleave: m
+      onMouseleave: a
     }), {
       default: () => o("div", {
         style: this.navStyleCssVar
-      }, [this.platformNav.map((e) => o("div", {
-        class: [`${i}-platform-option`, this.isDisabled(e.platformId) && `${i}-platform-option--disabled`],
+      }, [r.platformNavigation.map((e) => o("div", {
+        key: e.key,
+        class: `${n}-platform-panel`,
         style: {
-          display: a !== e.featureType ? "none" : ""
-        },
-        key: e.id,
-        onClick: () => this.onClick(e)
-      }, [o(T, {
-        class: `${i}-platform-option__logo`,
-        size: 46,
-        component: e.svgIcon
-      }, null), o("div", {
-        class: `${i}-platform-option__content`
-      }, [o("div", {
-        class: "title"
-      }, [e.title]), o(E, {
-        class: "description",
-        tooltip: !1
-      }, {
-        default: () => [e.description]
-      })]), o("span", {
-        class: `${i}-platform-option__arrow`
-      }, [o(T, {
-        size: 24,
-        component: P
-      }, null)])]))])
+          display: i !== e.key ? "none" : ""
+        }
+      }, [e.option?.map((t) => _(t) ? t.render() : u(t))]))])
     })]);
   }
 });
 export {
-  me as default
+  F as default
 };

package/es/components/platform-header-navigation/src/styles/index.cssr.mjs

@@ -1,4 +1,4 @@
-import { c as o, cB as t, cM as a, cNotM as r, cE as i } from "../../../../_utils/cssr.mjs";
+import { c as o, cB as t, cM as a, cNotM as n, cE as i } from "../../../../_utils/cssr.mjs";
 const e = o([
   t(
     "platform-header-navigation",
@@ -21,11 +21,15 @@ const e = o([
   t("platform-header-dropdown", {
     height: "auto"
   }, [
+    t("platform-panel", {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }),
     t("platform-option", {
       display: "flex",
       alignItems: "center",
       padding: "0px 12px",
-      margin: "8px 0",
       borderRadius: "5px",
       overflow: "hidden"
     }, [
@@ -36,7 +40,7 @@ const e = o([
         o(".title", { color: "var(--boden-platform-navigation-option-title-color-disabled)" }),
         o(".description", { color: "var(--boden-platform-navigation-option-description-color-disabled)" })
       ]),
-      r("disabled", [
+      n("disabled", [
         o("&:hover", {
           backgroundColor: "var(--boden-platform-navigation-option-color-hover)",
           cursor: "pointer"

package/es/components/platform-header-navigation/src/utils.d.ts

@@ -0,0 +1,2 @@
+import { PlatformRenderOption, PlatformMixedOption } from './interface';
+export declare function isRenderNode(rawNode: PlatformMixedOption): rawNode is PlatformRenderOption;

package/es/components/platform-header-navigation/src/utils.mjs

@@ -0,0 +1,6 @@
+function r(e) {
+  return e.type === "render";
+}
+export {
+  r as isRenderNode
+};

package/es/config/themes/components/baseComponent/light.mjs

@@ -8,7 +8,7 @@ const c = {
   peers: {
     Popover: {
       color: o["color-gray-10"],
-      textColor: e["color-text-1"]
+      textColor: e["color-text-5"]
     }
   }
 }, d = {
@@ -54,7 +54,7 @@ const c = {
   /* 文字颜色 */
   itemTextColor: o["color-gray-10"],
   // itemTextColorPressed: 'red', /* 按下页码文字颜色 */
-  itemTextColorActive: e["color-text-1"],
+  itemTextColorActive: e["color-text-5"],
   /* 当前页码文字颜色 */
   /* 背景颜色 */
   itemColorActive: o["color-primary-6"],
@@ -235,7 +235,7 @@ const c = {
   tabGapSmallSegment: "12px",
   tabGapMediumSegment: "12px ",
   tabGapLargeSegment: "12px ",
-  colorSegment: e["color-text-1"],
+  colorSegment: e["color-text-5"],
   /* Segment 类型背景色 */
   tabColorSegment: o["color-primary-2"],
   /* Segment 类型标签背景色 */
@@ -295,7 +295,7 @@ const c = {
   /* 进行状态指示器背景色 */
   indicatorTextColorWait: o["color-gray-6"],
   /* 等待状态指示器文字颜色 */
-  indicatorTextColorProcess: e["color-text-1"],
+  indicatorTextColorProcess: e["color-text-5"],
   /* 进行状态指示器文字颜色 */
   indicatorTextColorFinish: o["color-primary-6"],
   /* 完成状态指示器文字颜色 */

package/es/config/themes/components/checkbox/light.mjs

@@ -12,7 +12,7 @@ const a = {
   colorChecked: o["color-primary-6"],
   colorDisabled: o["color-gray-3"],
   colorDisabledChecked: o["color-primary-3"],
-  checkMarkColorDisabledChecked: r["color-text-1"],
+  checkMarkColorDisabledChecked: r["color-text-5"],
   textColor: o["color-gray-10"],
   textColorDisabled: o["color-gray-4"]
 };