base6-ui 2.0.6 → 2.0.8

package/es/components/global-header/title.vue2.mjs

@@ -1,43 +1,52 @@
-import { NDivider as m } from "naive-ui";
-import { defineComponent as h, computed as n, createElementBlock as a, createCommentVNode as t, openBlock as r, createBlock as f, Fragment as g, createVNode as d, createSlots as p, withCtx as v, renderSlot as k } from "vue";
-import y from "../product-introduction/index.vue.mjs";
-import S from "../logo/index.vue.mjs";
-import w from "../../hooks/useNaiveConfigProvideContext.mjs";
-const B = {
+import { NDivider as h } from "naive-ui";
+import { defineComponent as v, computed as a, createElementBlock as d, createCommentVNode as t, openBlock as r, createBlock as k, Fragment as C, createVNode as g, unref as P, createSlots as y, withCtx as D, renderSlot as S } from "vue";
+import b from "../platform-navigation/index.vue.mjs";
+import w from "../logo/index.vue.mjs";
+import B from "../../hooks/useNaiveConfigProvideContext.mjs";
+const L = {
   key: 0,
   class: "boden-global-header-title-container"
-}, b = /* @__PURE__ */ h({
+}, H = /* @__PURE__ */ v({
   __name: "title",
   props: {
     headerHeight: {},
     isShowProductIntroduction: { type: Boolean, default: !0 },
-    isShowLogo: { type: Boolean, default: !0 }
+    isShowLogo: { type: Boolean, default: !0 },
+    productIntroductionTriggerDisabled: { type: Boolean, default: !1 },
+    platformCode: { default: () => [] }
   },
-  setup(e) {
-    const i = e, c = w(), s = n(() => {
-      const { name: o = "light" } = c?.mergedThemeRef.value || {};
-      return o !== "light";
-    }), l = n(
+  emits: ["toggleLogo", "togglePlatform"],
+  setup(o, { emit: s }) {
+    const i = o, l = s, m = B(), c = a(() => {
+      const { name: e = "light" } = m?.mergedThemeRef.value || {};
+      return e !== "light";
+    }), u = a(
       () => i.isShowLogo || i.isShowProductIntroduction
-    );
-    return (o, C) => {
-      const u = m;
-      return l.value ? (r(), a("div", B, [
-        e.isShowProductIntroduction ? (r(), a(g, { key: 0 }, [
-          d(y, {
-            y: e.headerHeight,
-            class: "pl-[20px]"
-          }, null, 8, ["y"]),
-          d(u, { vertical: "" })
+    ), f = (e) => {
+      l("togglePlatform", e);
+    };
+    return (e, n) => {
+      const p = h;
+      return u.value ? (r(), d("div", L, [
+        o.isShowProductIntroduction ? (r(), d(C, { key: 0 }, [
+          g(P(b), {
+            class: "pl-[20px]",
+            y: o.headerHeight,
+            platformCode: o.platformCode,
+            triggerDisabled: o.productIntroductionTriggerDisabled,
+            onTogglePlatform: f
+          }, null, 8, ["y", "platformCode", "triggerDisabled"]),
+          g(p, { vertical: "" })
         ], 64)) : t("", !0),
-        e.isShowLogo ? (r(), f(S, {
+        o.isShowLogo ? (r(), k(w, {
           key: 1,
-          isDarkMode: s.value
-        }, p({ _: 2 }, [
-          o.$slots.logo ? {
+          isDarkMode: c.value,
+          onToggleLogo: n[0] || (n[0] = (N) => l("toggleLogo"))
+        }, y({ _: 2 }, [
+          e.$slots.logo ? {
             name: "default",
-            fn: v(() => [
-              k(o.$slots, "logo", {}, void 0, !0)
+            fn: D(() => [
+              S(e.$slots, "logo", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
@@ -47,5 +56,5 @@ const B = {
   }
 });
 export {
-  b as default
+  H as default
 };

package/es/components/index.d.ts

@@ -5,13 +5,12 @@ export * from './config-provider';
 export * from './data-table';
 export * from './dialog';
 export * from './input-number';
-export * from './BaseLayout';
 export * from './global-header';
 export * from './layout';
 export * from './logo';
 export * from './nav-icon';
 export * from './radio';
-export * from './product-introduction';
+export * from './platform-navigation';
 export { default as BodenProgress } from './progress';
 export * from './select';
 export * from './slider';

package/es/components/nav-icon/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index.vue2.mjs";
 /* empty css            */
-import a from "../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-13f95baf"]]);
+import t from "../../_virtual/_plugin-vue_export-helper.mjs";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b2c44205"]]);
 export {
   m as default
 };

package/es/components/nav-icon/index.vue2.mjs

@@ -1,37 +1,39 @@
-import { defineComponent as p, ref as v, computed as r, createElementBlock as t, openBlock as n, normalizeStyle as g, normalizeClass as k, Fragment as C, renderList as y } from "vue";
-import _ from "../../hooks/useNaiveConfigProvideContext.mjs";
-import { getNavIconStyleCssVar as h } from "./cssVar.mjs";
-const z = /* @__PURE__ */ p({
+import { defineComponent as v, ref as g, computed as s, createElementBlock as n, openBlock as o, normalizeStyle as k, normalizeClass as y, Fragment as C, renderList as b } from "vue";
+import h from "../../hooks/useNaiveConfigProvideContext.mjs";
+import { getNavIconStyleCssVar as x } from "./cssVar.mjs";
+const z = /* @__PURE__ */ v({
   __name: "index",
   props: {
-    active: { type: Boolean, default: !1 }
+    active: { type: Boolean, default: !1 },
+    disabled: { type: Boolean }
   },
   emits: ["click"],
-  setup(s, { expose: i, emit: l }) {
-    const a = l, o = v(null), c = _(), m = r(() => {
+  setup(t, { expose: l, emit: r }) {
+    const a = t, c = r, i = g(null), d = h(), m = s(() => {
       const {
         name: e = "light"
-      } = c?.mergedThemeRef.value || {};
+      } = d?.mergedThemeRef.value || {};
       return e !== "light";
-    }), f = r(() => h(m.value)), u = (e) => {
-      a("click", e);
+    }), f = s(() => x(m.value)), u = (e) => {
+      a.disabled || c("click", e);
     };
-    return i({
-      instRef: o
-    }), (e, x) => (n(), t("div", {
+    return l({
+      instRef: i
+    }), (e, B) => (o(), n("div", {
       ref_key: "instRef",
-      ref: o,
-      class: k([
+      ref: i,
+      class: y([
         "boden-nav-icon",
         {
-          "is-toggle": s.active
+          "is-toggle": t.active,
+          "is-disabled": t.disabled
         }
       ]),
-      style: g(f.value),
+      style: k(f.value),
       onClick: u
     }, [
-      (n(!0), t(C, null, y(Array(3), (B, d) => (n(), t("span", {
-        key: d,
+      (o(!0), n(C, null, b(Array(3), (_, p) => (o(), n("span", {
+        key: p,
         class: "line"
       }))), 128))
     ], 6));

package/es/components/nav-icon/type.d.ts

@@ -1,3 +1,4 @@
 export type BodenNavIconProps = {
     active?: boolean;
+    disabled?: boolean;
 };

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

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

package/{lib/components/product-introduction → es/components/platform-navigation}/index.vue.d.ts

@@ -1,7 +1,13 @@
-import { ProductIntroductionProps } from './types';
-declare const _default: import('vue').DefineComponent<ProductIntroductionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ProductIntroductionProps> & Readonly<{}>, {
+import { BodenPlatformNavigationProps, PLATFORM_ENUM } from './interface';
+declare const _default: import('vue').DefineComponent<BodenPlatformNavigationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    togglePlatform: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<BodenPlatformNavigationProps> & Readonly<{
+    onTogglePlatform?: ((...args: any[]) => any) | undefined;
+}>, {
     x: number;
     y: number;
+    platformCode: PLATFORM_ENUM[];
+    triggerDisabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     triggerInstRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('..').BodenNavIconProps> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;

package/es/components/{product-introduction → 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 c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4d740412"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5775127f"]]);
 export {
-  c as default
+  i as default
 };

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

@@ -0,0 +1,194 @@
+import { NPopover as z, NCard as E, NButton as $ } from "naive-ui";
+import { defineComponent as F, ref as h, computed as v, resolveComponent as U, createElementBlock as c, openBlock as r, createVNode as a, createBlock as y, withModifiers as _, normalizeStyle as K, withCtx as m, createElementVNode as t, toDisplayString as p, unref as j, Fragment as I, renderList as P, createCommentVNode as C, createTextVNode as S, Teleport as q, withDirectives as G, vShow as H } from "vue";
+import J from "../nav-icon/index.vue.mjs";
+import { useLocale as Q } from "../../hooks/useLocale.mjs";
+import W from "../../hooks/useNaiveConfigProvideContext.mjs";
+import X from "../../assets/cover/base-ads.png.mjs";
+import Y from "../../assets/cover/base-studio.png.mjs";
+import Z from "../../assets/cover/base-multimodal.png.mjs";
+import ee from "../../assets/cover/source-robot.png.mjs";
+import { createCardThemeOverrides as oe, createPopoverCssVar as te } from "./cssVar.mjs";
+import { PLATFORM_ENUM as f } from "./interface.mjs";
+const ne = { class: "header" }, ie = { class: "platform-wrap" }, re = { class: "platform-item-header" }, se = { class: "icon" }, de = ["onClick"], le = { class: "description" }, ce = {
+  key: 0,
+  class: "platform-child-wrap"
+}, ae = ["src"], ue = {
+  key: 0,
+  class: "to-use"
+}, me = { class: "boden-platform-navigation-panel-mask" }, Se = /* @__PURE__ */ F({
+  __name: "index",
+  props: {
+    platformCode: { default: () => [] },
+    triggerDisabled: { type: Boolean, default: !1 },
+    x: { default: 0 },
+    y: { default: 0 }
+  },
+  emits: ["togglePlatform"],
+  setup(l, { emit: B }) {
+    const w = l, D = B, N = W(), { t: e } = Q(), u = h(null), n = h(!1), g = v(() => {
+      const {
+        name: s = "light"
+      } = N?.mergedThemeRef.value || {};
+      return s !== "light";
+    }), x = [
+      {
+        id: f.BASE,
+        key: "base",
+        title: e("boden.productIntroduction.BasePlatform"),
+        description: e("boden.productIntroduction.BasePlatformDescription"),
+        svgIcon: "logo-base",
+        children: [
+          {
+            key: "ads",
+            title: e("boden.productIntroduction.AdsPlatform"),
+            description: e("boden.productIntroduction.AdsPlatformDescription"),
+            imageSrc: X
+          },
+          {
+            key: "studio",
+            title: e("boden.productIntroduction.StudioPlatform"),
+            description: e("boden.productIntroduction.StudioPlatformDescription"),
+            imageSrc: Y
+          },
+          {
+            key: "omni",
+            title: e("boden.productIntroduction.OmniPlatform"),
+            description: e("boden.productIntroduction.OmniPlatformDescription"),
+            imageSrc: Z
+          }
+        ]
+      },
+      {
+        id: f.BLINK,
+        key: "blink",
+        title: e("boden.productIntroduction.BlinkPlatform"),
+        description: e("boden.productIntroduction.BlinkPlatformDescription"),
+        svgIcon: "logo-base"
+      },
+      {
+        id: f.VLA,
+        key: "source",
+        title: e("boden.productIntroduction.SourcePlatform"),
+        description: e("boden.productIntroduction.SourcePlatformDescription"),
+        svgIcon: "logo-base",
+        children: [
+          {
+            key: "robot",
+            title: e("boden.productIntroduction.RobotPlatform"),
+            description: e("boden.productIntroduction.RobotPlatformDescription"),
+            imageSrc: ee
+          }
+        ]
+      }
+    ], R = v(() => oe(g.value)), A = v(() => te(g.value)), L = () => {
+      w.triggerDisabled || (n.value = !n.value);
+    }, b = (s) => {
+      D("togglePlatform", s);
+    }, O = (s) => {
+      u.value && u.value.instRef && u.value.instRef.contains(s.target) || (n.value = !1);
+    };
+    return (s, i) => {
+      const k = U("svg-icon"), T = $, V = E, M = z;
+      return r(), c("div", null, [
+        a(J, {
+          ref_key: "triggerInstRef",
+          ref: u,
+          active: n.value,
+          disabled: l.triggerDisabled,
+          onClick: _(L, ["stop"])
+        }, null, 8, ["active", "disabled"]),
+        a(M, {
+          "content-class": "boden-platform-navigation-panel-popover",
+          trigger: "manual",
+          show: n.value,
+          "onUpdate:show": i[2] || (i[2] = (o) => n.value = o),
+          style: K(A.value),
+          "show-arrow": !1,
+          width: 1058,
+          scrollable: "",
+          x: l.x,
+          y: l.y,
+          "theme-overrides": { padding: "0", space: "0", borderRadius: "3px" },
+          onClickoutside: O
+        }, {
+          default: m(() => [
+            t("div", {
+              class: "boden-platform-navigation-panel",
+              onClick: i[1] || (i[1] = _(() => {
+              }, ["stop"]))
+            }, [
+              t("div", ne, [
+                t("div", null, p(j(e)("boden.productIntroduction.allProducts")), 1),
+                a(k, {
+                  icon: "operate-close",
+                  size: "16",
+                  onClick: i[0] || (i[0] = (o) => n.value = !1)
+                })
+              ]),
+              t("div", ie, [
+                (r(), c(I, null, P(x, (o) => t("div", {
+                  key: o.key,
+                  class: "platform-item"
+                }, [
+                  t("div", re, [
+                    t("div", se, [
+                      a(k, {
+                        icon: o.svgIcon,
+                        size: "32"
+                      }, null, 8, ["icon"])
+                    ]),
+                    t("div", {
+                      class: "title",
+                      onClick: (d) => b(o.key)
+                    }, p(o.title), 9, de),
+                    t("div", le, p(o.description), 1)
+                  ]),
+                  o.children && o.children.length ? (r(), c("div", ce, [
+                    (r(!0), c(I, null, P(o.children, (d) => (r(), y(V, {
+                      key: d.key,
+                      title: d.title,
+                      "theme-overrides": R.value
+                    }, {
+                      cover: m(() => [
+                        t("img", {
+                          src: d.imageSrc,
+                          alt: ""
+                        }, null, 8, ae)
+                      ]),
+                      default: m(() => [
+                        S(" " + p(d.description) + " ", 1),
+                        l.platformCode?.includes(o.id) ? (r(), c("div", ue, [
+                          a(T, {
+                            round: "",
+                            size: "tiny",
+                            type: "primary",
+                            onClick: (pe) => b(d.key)
+                          }, {
+                            default: m(() => [...i[3] || (i[3] = [
+                              S("开始使用", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["onClick"])
+                        ])) : C("", !0)
+                      ]),
+                      _: 2
+                    }, 1032, ["title", "theme-overrides"]))), 128))
+                  ])) : C("", !0)
+                ])), 64))
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["show", "style", "x", "y"]),
+        (r(), y(q, { to: "body" }, [
+          G(t("div", me, null, 512), [
+            [H, n.value]
+          ])
+        ]))
+      ]);
+    };
+  }
+});
+export {
+  Se as default
+};

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

@@ -0,0 +1,29 @@
+import { PopoverProps } from 'naive-ui';
+export declare const enum PLATFORM_ENUM {
+    BASE = 1,// 标注
+    BLINK = 2,// Blink
+    ACCOUNT = 3,// 账号管理平台
+    VLA = 4
+}
+export type BodenPlatformNavigationProps = {
+    platformCode?: PLATFORM_ENUM[];
+    triggerDisabled?: boolean;
+    x?: PopoverProps['x'];
+    y?: PopoverProps['y'];
+};
+export type SubPlatformItem = {
+    key: string;
+    title: string;
+    description: string;
+    imageSrc: string;
+    href?: string;
+};
+export type PlatformItem = {
+    id: PLATFORM_ENUM;
+    key: string;
+    title: string;
+    description: string;
+    svgIcon: string;
+    href?: string;
+    children?: Array<SubPlatformItem>;
+};

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

@@ -0,0 +1,4 @@
+var B = /* @__PURE__ */ ((r) => (r[r.BASE = 1] = "BASE", r[r.BLINK = 2] = "BLINK", r[r.ACCOUNT = 3] = "ACCOUNT", r[r.VLA = 4] = "VLA", r))(B || {});
+export {
+  B as PLATFORM_ENUM
+};

package/es/config/themes/components/dataTable/common.d.ts

@@ -0,0 +1,2 @@
+import { DataTableProps } from 'naive-ui';
+export declare const DataTableThemeCommon: DataTableProps['themeOverrides'];

package/es/config/themes/components/dataTable/common.mjs

@@ -0,0 +1,11 @@
+const t = {
+  peers: {
+    Scrollbar: {
+      railInsetHorizontalBottom: "auto 2px 0px 2px",
+      railInsetVerticalRight: "2px 0px 2px auto"
+    }
+  }
+};
+export {
+  t as DataTableThemeCommon
+};

package/es/config/themes/components/dataTable/dark.mjs

@@ -1,6 +1,8 @@
 import r from "../../color/dark.mjs";
 import o from "../../token/dark.mjs";
-const e = {
+import { DataTableThemeCommon as t } from "./common.mjs";
+const m = {
+  ...t,
   tdColor: o["bg-color-2"],
   tdColorStriped: o["fill-color-5"],
   tdTextColor: r["color-gray-10"],
@@ -13,5 +15,5 @@ const e = {
   // borderRadius: commonBase['borderRadiusMedium']
 };
 export {
-  e as DataTableThemeDark
+  m as DataTableThemeDark
 };

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

@@ -1,6 +1,8 @@
 import o from "../../color/light.mjs";
 import r from "../../token/light.mjs";
-const e = {
+import { DataTableThemeCommon as t } from "./common.mjs";
+const g = {
+  ...t,
   tdColor: r["bg-color-2"],
   tdColorStriped: o["color-gray-1"],
   tdTextColor: o["color-gray-10"],
@@ -13,5 +15,5 @@ const e = {
   // borderRadius: commonBase['borderRadiusMedium']
 };
 export {
-  e as DataTableThemeLight
+  g as DataTableThemeLight
 };