base6-ui 2.0.7 → 2.0.8

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
 };