base6-ui 2.0.28 → 2.0.30

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

@@ -0,0 +1,151 @@
+import { BODEN_PLATFORM_ENUM, BODEN_PLATFORM_NAME_ENUM, BODEN_PLATFORM_FEATURE } from './constant';
+import { PlatformItem } 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 popoverX: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly popoverY: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly onTogglePlatform: import('vue').PropType<(code: BODEN_PLATFORM_ENUM, name: BODEN_PLATFORM_NAME_ENUM) => void>;
+}>, {
+    tabValue: import('vue').Ref<"" | BODEN_PLATFORM_FEATURE, "" | BODEN_PLATFORM_FEATURE>;
+    dropDownVisible: import('vue').ComputedRef<boolean>;
+    navStyleCssVar: import('vue').ComputedRef<{
+        '--boden-platform-navigation-option-title-color': string;
+        '--boden-platform-navigation-option-title-color-hover': string;
+        '--boden-platform-navigation-option-title-color-disabled': string;
+        '--boden-platform-navigation-option-description-color': string;
+        '--boden-platform-navigation-option-description-color-disabled': string;
+        '--boden-platform-navigation-option-color-hover': string;
+        '--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;
+        tabTextColorLine: string;
+        tabTextColorActiveLine: string;
+        tabTextColorHoverLine: string;
+        tabTextColorDisabledLine: string;
+        tabTextColorSegment: string;
+        tabTextColorActiveSegment: string;
+        tabTextColorHoverSegment: string;
+        tabTextColorDisabledSegment: string;
+        tabTextColorBar: string;
+        tabTextColorActiveBar: string;
+        tabTextColorHoverBar: string;
+        tabTextColorDisabledBar: string;
+        tabTextColorCard: string;
+        tabTextColorHoverCard: string;
+        tabTextColorActiveCard: string;
+        tabTextColorDisabledCard: string;
+        barColor: string;
+        closeIconColor: string;
+        closeIconColorHover: string;
+        closeIconColorPressed: string;
+        closeColorHover: string;
+        closeColorPressed: string;
+        closeBorderRadius: string;
+        tabColor: string;
+        tabColorSegment: string;
+        tabBorderColor: string;
+        tabFontWeightActive: string;
+        tabFontWeight: string;
+        tabBorderRadius: string;
+        paneTextColor: string;
+        fontWeightStrong: string;
+        tabFontSizeSmall: string;
+        tabFontSizeMedium: string;
+        tabFontSizeLarge: string;
+        tabGapSmallLine: string;
+        tabGapMediumLine: string;
+        tabGapLargeLine: string;
+        tabGapSmallLineVertical: string;
+        tabGapMediumLineVertical: string;
+        tabGapLargeLineVertical: string;
+        tabPaddingSmallLine: string;
+        tabPaddingMediumLine: string;
+        tabPaddingLargeLine: string;
+        tabPaddingVerticalSmallLine: string;
+        tabPaddingVerticalMediumLine: string;
+        tabPaddingVerticalLargeLine: string;
+        tabGapSmallBar: string;
+        tabGapMediumBar: string;
+        tabGapLargeBar: string;
+        tabGapSmallBarVertical: string;
+        tabGapMediumBarVertical: string;
+        tabGapLargeBarVertical: string;
+        tabPaddingSmallBar: string;
+        tabPaddingMediumBar: string;
+        tabPaddingLargeBar: string;
+        tabPaddingVerticalSmallBar: string;
+        tabPaddingVerticalMediumBar: string;
+        tabPaddingVerticalLargeBar: string;
+        tabGapSmallCard: string;
+        tabGapMediumCard: string;
+        tabGapLargeCard: string;
+        tabGapSmallCardVertical: string;
+        tabGapMediumCardVertical: string;
+        tabGapLargeCardVertical: string;
+        tabPaddingSmallCard: string;
+        tabPaddingMediumCard: string;
+        tabPaddingLargeCard: string;
+        tabPaddingSmallSegment: string;
+        tabPaddingMediumSegment: string;
+        tabPaddingLargeSegment: string;
+        tabPaddingVerticalLargeSegment: string;
+        tabPaddingVerticalSmallCard: string;
+        tabPaddingVerticalMediumCard: string;
+        tabPaddingVerticalLargeCard: string;
+        tabPaddingVerticalSmallSegment: string;
+        tabPaddingVerticalMediumSegment: string;
+        tabGapSmallSegment: string;
+        tabGapMediumSegment: string;
+        tabGapLargeSegment: string;
+        tabGapSmallSegmentVertical: string;
+        tabGapMediumSegmentVertical: string;
+        tabGapLargeSegmentVertical: string;
+        panePaddingSmall: string;
+        panePaddingMedium: string;
+        panePaddingLarge: string;
+        closeSize: string;
+        closeIconSize: string;
+    }, any>> | undefined>;
+    isDisabled: (platformCode: BODEN_PLATFORM_ENUM) => boolean;
+    onClick: (platform: PlatformItem) => void;
+    onMouseLeave: () => void;
+    onPopoverMouseenter: () => void;
+    onBeforeLeave: () => boolean;
+    setTabValue: (value: BODEN_PLATFORM_FEATURE) => 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 popoverX: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly popoverY: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly onTogglePlatform: import('vue').PropType<(code: BODEN_PLATFORM_ENUM, name: BODEN_PLATFORM_NAME_ENUM) => void>;
+}>> & Readonly<{}>, {
+    readonly platformUrlMap: Partial<Record<BODEN_PLATFORM_ENUM, string>>;
+    readonly popoverX: number;
+    readonly popoverY: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,196 @@
+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 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({
+  name: "BodenPlatformHeaderNavigation",
+  props: $,
+  setup(s) {
+    y("-platform-header-navigation", w);
+    const c = H(), a = D(""), m = d(() => {
+      const {
+        name: r = "light"
+      } = c?.mergedThemeRef.value || {};
+      return r !== "light";
+    }), f = d(() => U(m.value)), p = d(() => x(m.value)), u = d(() => 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 = () => {
+      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) => {
+        const {
+          platformId: I,
+          moduleName: _
+        } = r;
+        N(I) || s.onTogglePlatform?.(I, _);
+      },
+      onMouseLeave: () => {
+        v(), e = setTimeout(() => {
+          a.value = "", e = void 0;
+        }, 300);
+      },
+      onPopoverMouseenter: () => {
+        v();
+      },
+      onBeforeLeave: () => (v(), !0),
+      setTabValue: B
+    };
+  },
+  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,
+      trigger: "hover",
+      onUpdateValue: this.setTabValue,
+      onBeforeLeave: f,
+      themeOverrides: this.tabThemeOverrides
+    }, {
+      onMouseleave: m
+    }), {
+      default: () => c.map((e) => o(A, {
+        key: e.value,
+        name: e.value
+      }, {
+        default: () => e.label
+      }))
+    }), o(L, g({
+      class: [`${i}-platform-header-dropdown`],
+      trigger: "manual",
+      placement: "bottom",
+      show: s,
+      "show-arrow": !1,
+      width: 666,
+      x: p.popoverX,
+      y: p.popoverY,
+      "theme-overrides": {
+        padding: "32px",
+        space: "0",
+        borderRadius: "10px"
+      }
+    }, {
+      onMouseenter: this.onPopoverMouseenter,
+      onMouseleave: m
+    }), {
+      default: () => o("div", {
+        style: this.navStyleCssVar
+      }, [this.platformNav.map((e) => o("div", {
+        class: [`${i}-platform-option`, this.isDisabled(e.platformId) && `${i}-platform-option--disabled`],
+        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)])]))])
+    })]);
+  }
+});
+export {
+  me as default
+};

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

@@ -0,0 +1,2 @@
+declare const _default: import('css-render').CNode;
+export default _default;

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

@@ -0,0 +1,81 @@
+import { c as o, cB as t, cM as a, cNotM as r, cE as i } from "../../../../_utils/cssr.mjs";
+const e = o([
+  t(
+    "platform-header-navigation",
+    {
+      height: "100%"
+    },
+    [
+      o(".n-tabs", {
+        height: "100%"
+      }, [
+        o(".n-tabs-nav--top", {
+          height: "100%"
+        }),
+        o(".v-x-scroll", {
+          height: "100%"
+        })
+      ])
+    ]
+  ),
+  t("platform-header-dropdown", {
+    height: "auto"
+  }, [
+    t("platform-option", {
+      display: "flex",
+      alignItems: "center",
+      padding: "0px 12px",
+      margin: "8px 0",
+      borderRadius: "5px",
+      overflow: "hidden"
+    }, [
+      a("disabled", {
+        cursor: "not-allowed"
+      }, [
+        i("logo", { opacity: "var(--boden-platform-navigation-option-icon-disabled-opacity)" }),
+        o(".title", { color: "var(--boden-platform-navigation-option-title-color-disabled)" }),
+        o(".description", { color: "var(--boden-platform-navigation-option-description-color-disabled)" })
+      ]),
+      r("disabled", [
+        o("&:hover", {
+          backgroundColor: "var(--boden-platform-navigation-option-color-hover)",
+          cursor: "pointer"
+        }, [
+          o(".title", { color: "var(--boden-platform-navigation-option-title-color-hover)" }),
+          i("arrow", {
+            opacity: "1"
+          })
+        ])
+      ]),
+      i("logo", { marginTop: "16px" }),
+      i("content", {
+        display: "flex",
+        flexDirection: "column",
+        margin: "0 8px 0 6px",
+        gap: "4px",
+        overflow: "hidden"
+      }),
+      o(".title", {
+        lineHeight: "20px",
+        fontSize: "14px",
+        fontFamily: "MiSansMedium",
+        color: "var(--boden-platform-navigation-option-title-color)"
+      }),
+      o(".description", {
+        lineHeight: "16px",
+        fontSize: "12px",
+        color: "var(--boden-platform-navigation-option-description-color)"
+      }),
+      i("arrow", {
+        display: "flex",
+        opacity: "0",
+        color: "var(--boden-platform-navigation-option-icon-hover)",
+        cursor: "pointer",
+        marginLeft: "auto"
+      })
+    ])
+  ])
+]);
+export {
+  e as default
+};

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

@@ -0,0 +1,12 @@
+import { TabsProps } from 'naive-ui';
+export declare const createNavCssVar: (isDarkMode: boolean) => {
+    '--boden-platform-navigation-option-title-color': string;
+    '--boden-platform-navigation-option-title-color-hover': string;
+    '--boden-platform-navigation-option-title-color-disabled': string;
+    '--boden-platform-navigation-option-description-color': string;
+    '--boden-platform-navigation-option-description-color-disabled': string;
+    '--boden-platform-navigation-option-color-hover': string;
+    '--boden-platform-navigation-option-icon-hover': string;
+    '--boden-platform-navigation-option-icon-disabled-opacity': number;
+};
+export declare const createTabThemeOverrides: (isDarkMode: boolean) => TabsProps["themeOverrides"];

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

@@ -0,0 +1,71 @@
+import t from "../../../config/themes/token/dark.mjs";
+import i from "../../../config/themes/token/light.mjs";
+import p from "../../../config/themes/color/dark.mjs";
+import r from "../../../config/themes/color/light.mjs";
+import "../../../config/themes/components/alert/light.mjs";
+import "../../../config/themes/components/button/light.mjs";
+import "../../../config/themes/components/card/light.mjs";
+import "../../../config/themes/components/cascader/light.mjs";
+import "../../../config/themes/components/dataTable/light.mjs";
+import "../../../config/themes/components/datePicker/light.mjs";
+import "../../../config/themes/components/checkbox/light.mjs";
+import "../../../config/themes/components/divider/light.mjs";
+import "../../../config/themes/components/dialog/light.mjs";
+import "../../../config/themes/components/dropdown/light.mjs";
+import "../../../config/themes/components/form/light.mjs";
+import "../../../config/themes/components/input/light.mjs";
+import "../../../config/themes/components/inputNumber/light.mjs";
+import "../../../config/themes/components/layout/light.mjs";
+import "../../../config/themes/components/menu/light.mjs";
+import "../../../config/themes/components/popover/light.mjs";
+import "../../../config/themes/components/progress/light.mjs";
+import "../../../config/themes/components/radio/light.mjs";
+import "../../../config/themes/components/select/light.mjs";
+import "../../../config/themes/components/slider/light.mjs";
+import "../../../config/themes/components/switch/light.mjs";
+import "../../../config/themes/components/tag/light.mjs";
+import "../../../config/themes/components/transfer/light.mjs";
+import "../../../config/themes/components/baseComponent/light.mjs";
+import "../../../config/themes/common/light.mjs";
+import "../../../config/themes/components/alert/dark.mjs";
+import "../../../config/themes/components/button/dark.mjs";
+import "../../../config/themes/components/card/dark.mjs";
+import "../../../config/themes/components/cascader/dark.mjs";
+import "../../../config/themes/components/checkbox/dark.mjs";
+import "../../../config/themes/components/dataTable/dark.mjs";
+import "../../../config/themes/components/datePicker/dark.mjs";
+import "../../../config/themes/components/dialog/dark.mjs";
+import "../../../config/themes/components/dropdown/dark.mjs";
+import "../../../config/themes/components/form/dark.mjs";
+import "../../../config/themes/components/input/dark.mjs";
+import "../../../config/themes/components/inputNumber/dark.mjs";
+import "../../../config/themes/components/layout/dark.mjs";
+import "../../../config/themes/components/menu/dark.mjs";
+import "../../../config/themes/components/popover/dark.mjs";
+import "../../../config/themes/components/progress/dark.mjs";
+import "../../../config/themes/components/radio/dark.mjs";
+import "../../../config/themes/components/select/dark.mjs";
+import "../../../config/themes/components/slider/dark.mjs";
+import "../../../config/themes/components/switch/dark.mjs";
+import "../../../config/themes/components/tag/dark.mjs";
+import "../../../config/themes/components/transfer/dark.mjs";
+import "../../../config/themes/components/baseComponent/dark.mjs";
+import "../../../config/themes/common/dark.mjs";
+import "../../../config/themes/components/charts/dark.mjs";
+import "../../../config/themes/components/charts/light.mjs";
+const no = (o) => ({
+  "--boden-platform-navigation-option-title-color": o ? t["color-text-1"] : r["color-gray-10"],
+  "--boden-platform-navigation-option-title-color-hover": o ? p["color-primary-6"] : r["color-primary-6"],
+  "--boden-platform-navigation-option-title-color-disabled": o ? t["color-text-3"] : i["color-text-3"],
+  "--boden-platform-navigation-option-description-color": o ? t["color-text-3"] : i["color-text-3"],
+  "--boden-platform-navigation-option-description-color-disabled": o ? t["color-text-4"] : i["color-text-4"],
+  "--boden-platform-navigation-option-color-hover": o ? p["color-primary-1"] : r["color-primary-1"],
+  "--boden-platform-navigation-option-icon-hover": o ? p["color-primary-6"] : r["color-primary-6"],
+  "--boden-platform-navigation-option-icon-disabled-opacity": 0.6
+}), ao = (o) => ({
+  tabTextColorBar: o ? t["color-text-1"] : i["color-text-1"]
+});
+export {
+  no as createNavCssVar,
+  ao as createTabThemeOverrides
+};

package/es/components/platform-navigation/index.d.ts

@@ -1,2 +1,2 @@
 export { default as BodenPlatformNavigation } from './index.vue';
-export { type BodenPlatformNavigationProps, type BodenPlatformNavigationInstance, BODEN_PLATFORM_ENUM, BODEN_PLATFORM_NAME_ENUM } from './interface';
+export { type BodenPlatformNavigationProps, type BodenPlatformNavigationInstance } from './interface';

package/es/components/platform-navigation/index.vue.d.ts

@@ -1,4 +1,5 @@
-import { BodenPlatformNavigationProps, BODEN_PLATFORM_ENUM } from './interface';
+import { BodenPlatformNavigationProps } from './interface';
+import { BODEN_PLATFORM_ENUM } from '../platform-header-navigation';
 declare const _default: import('vue').DefineComponent<BodenPlatformNavigationProps, {
     updateShow: (value: boolean) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

package/es/components/platform-navigation/index.vue.mjs

@@ -2,7 +2,7 @@ import o from "./index.vue2.mjs";
 /* empty css            */
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d7f37bb4"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5a55f5a1"]]);
 export {
   i as default
 };