base6-ui 2.0.6 → 2.0.7

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

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

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/product-introduction/constants.d.ts

@@ -1,2 +1,2 @@
-import { ProductIntroductionProps } from './types';
-export declare const DEFAULT_PRODUCT_INTRODUCTION_PROPS: ProductIntroductionProps;
+import { BodenProductIntroductionProps } from './interface';
+export declare const DEFAULT_PRODUCT_INTRODUCTION_PROPS: BodenProductIntroductionProps;

package/es/components/product-introduction/index.d.ts

@@ -1 +1,2 @@
 export { default as BodenProductIntroduction } from './index.vue';
+export type { BodenProductIntroductionProps, ProductItem } from './interface';

package/es/components/product-introduction/index.vue.d.ts

@@ -1,5 +1,9 @@
-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 { BodenProductIntroductionProps } from './interface';
+declare const _default: import('vue').DefineComponent<BodenProductIntroductionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    togglePlatform: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<BodenProductIntroductionProps> & Readonly<{
+    onTogglePlatform?: ((...args: any[]) => any) | undefined;
+}>, {
     x: number;
     y: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/es/components/product-introduction/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 a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-11e4376e"]]);
 export {
-  c as default
+  a as default
 };

package/es/components/product-introduction/index.vue2.mjs

@@ -1,163 +1,179 @@
-import { NPopover as T, NCard as M, NButton as O } from "naive-ui";
-import { defineComponent as V, mergeDefaults as z, ref as h, computed as v, resolveComponent as A, createElementBlock as u, openBlock as r, createVNode as l, createBlock as b, withModifiers as k, normalizeStyle as L, withCtx as p, createElementVNode as e, toDisplayString as m, unref as U, Fragment as y, renderList as g, createCommentVNode as $, createTextVNode as P, Teleport as E, withDirectives as F, vShow as j } from "vue";
-import q from "../nav-icon/index.vue.mjs";
-import { useLocale as G } from "../../hooks/useLocale.mjs";
-import H from "../../hooks/useNaiveConfigProvideContext.mjs";
-import J from "../../assets/cover/base-ads.png.mjs";
-import K from "../../assets/cover/base-studio.png.mjs";
-import Q from "../../assets/cover/base-multimodal.png.mjs";
-import { createCardThemeOverrides as W, createPopoverCssVar as X } from "./cssVar.mjs";
-import { DEFAULT_PRODUCT_INTRODUCTION_PROPS as Y } from "./constants.mjs";
-const Z = { class: "header" }, oo = { class: "content-wrap" }, eo = { class: "content-item-header" }, to = { class: "icon" }, no = { class: "title" }, io = { class: "description" }, ro = {
+import { NPopover as V, NCard as z, NButton as A } from "naive-ui";
+import { defineComponent as L, mergeDefaults as U, ref as h, computed as v, resolveComponent as E, createElementBlock as u, openBlock as c, createVNode as d, createBlock as b, withModifiers as y, normalizeStyle as M, withCtx as p, createElementVNode as e, toDisplayString as m, unref as F, Fragment as g, renderList as P, createCommentVNode as j, createTextVNode as C, Teleport as q, withDirectives as G, vShow as H } from "vue";
+import J from "../nav-icon/index.vue.mjs";
+import { useLocale as K } from "../../hooks/useLocale.mjs";
+import Q from "../../hooks/useNaiveConfigProvideContext.mjs";
+import W from "../../assets/cover/base-ads.png.mjs";
+import X from "../../assets/cover/base-studio.png.mjs";
+import Y from "../../assets/cover/base-multimodal.png.mjs";
+import Z from "../../assets/cover/source-robot.png.mjs";
+import { createCardThemeOverrides as oo, createPopoverCssVar as eo } from "./cssVar.mjs";
+import { DEFAULT_PRODUCT_INTRODUCTION_PROPS as to } from "./constants.mjs";
+const no = { class: "header" }, io = { class: "content-wrap" }, ro = { class: "content-item-header" }, so = { class: "icon" }, co = ["onClick"], lo = { class: "description" }, ao = {
   key: 0,
   class: "content-child-wrap"
-}, so = ["src"], lo = { class: "to-use" }, co = { class: "boden-product-introduction-panel-mask" }, yo = /* @__PURE__ */ V({
+}, uo = ["src"], po = { class: "to-use" }, mo = { class: "boden-product-introduction-panel-mask" }, wo = /* @__PURE__ */ L({
   __name: "index",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ U({
     x: {},
     y: {}
-  }, Y),
-  setup(f) {
-    const I = H(), { t: o } = G(), c = h(null), n = h(!1), s = v(() => {
+  }, to),
+  emits: ["togglePlatform"],
+  setup(f, { emit: I }) {
+    const D = I, w = Q(), { t: o } = K(), a = h(null), n = h(!1), l = v(() => {
       const {
-        name: d = "light"
-      } = I?.mergedThemeRef.value || {};
-      return d !== "light";
-    }), C = [
+        name: r = "light"
+      } = w?.mergedThemeRef.value || {};
+      return r !== "light";
+    }), B = [
       {
-        key: "base1",
+        key: "base",
         title: o("boden.productIntroduction.BasePlatform"),
         description: o("boden.productIntroduction.BasePlatformDescription"),
-        icon: `logo-base${s.value ? "-dark" : ""}`,
+        icon: `logo-base${l.value ? "-dark" : ""}`,
         children: [
           {
-            key: "base1-1",
+            key: "ads",
             title: o("boden.productIntroduction.AdsPlatform"),
             description: o("boden.productIntroduction.AdsPlatformDescription"),
-            icon: J
+            icon: W
           },
           {
-            key: "base1-2",
+            key: "studio",
             title: o("boden.productIntroduction.StudioPlatform"),
             description: o("boden.productIntroduction.StudioPlatformDescription"),
-            icon: K
+            icon: X
           },
           {
-            key: "base1-2",
-            title: o("boden.productIntroduction.MultiModalPlatform"),
-            description: o("boden.productIntroduction.MultiModalPlatformDescription"),
-            icon: Q
+            key: "omni",
+            title: o("boden.productIntroduction.OmniPlatform"),
+            description: o("boden.productIntroduction.OmniPlatformDescription"),
+            icon: Y
           }
         ]
       },
       {
-        key: "base2",
+        key: "blink",
         title: o("boden.productIntroduction.BlinkPlatform"),
-        description: o("boden.productIntroduction.BasePlatformDescription"),
-        icon: `logo-blink${s.value ? "-dark" : ""}`
+        description: o("boden.productIntroduction.BlinkPlatformDescription"),
+        icon: `logo-base${l.value ? "-dark" : ""}`
       },
       {
-        key: "base3",
-        title: o("boden.productIntroduction.BcollectionPlatform"),
-        description: o("boden.productIntroduction.BcollectionPlatformDescription"),
-        icon: `logo-bcollection${s.value ? "-dark" : ""}`
+        key: "source",
+        title: o("boden.productIntroduction.SourcePlatform"),
+        description: o("boden.productIntroduction.SourcePlatformDescription"),
+        icon: `logo-base${l.value ? "-dark" : ""}`,
+        children: [
+          {
+            key: "robot",
+            title: o("boden.productIntroduction.RobotPlatform"),
+            description: o("boden.productIntroduction.RobotPlatformDescription"),
+            icon: Z
+          }
+        ]
       }
-    ], B = v(() => W(s.value)), w = v(() => X(s.value)), D = () => {
+    ], N = v(() => oo(l.value)), R = v(() => eo(l.value)), S = () => {
       n.value = !n.value;
-    }, N = (d) => {
-      c.value && c.value.instRef && c.value.instRef.contains(d.target) || (n.value = !1);
+    }, k = (r) => {
+      D("togglePlatform", r);
+    }, x = (r) => {
+      a.value && a.value.instRef && a.value.instRef.contains(r.target) || (n.value = !1);
     };
-    return (d, i) => {
-      const _ = A("svg-icon"), x = O, R = M, S = T;
-      return r(), u("div", null, [
-        l(q, {
+    return (r, i) => {
+      const _ = E("svg-icon"), O = A, T = z, $ = V;
+      return c(), u("div", null, [
+        d(J, {
           ref_key: "triggerInstRef",
-          ref: c,
+          ref: a,
           active: n.value,
-          onClick: k(D, ["stop"])
+          onClick: y(S, ["stop"])
         }, null, 8, ["active"]),
-        l(S, {
+        d($, {
           "content-class": "boden-product-introduction-panel-popover",
           trigger: "manual",
           show: n.value,
           "onUpdate:show": i[2] || (i[2] = (t) => n.value = t),
-          style: L(w.value),
+          style: M(R.value),
           "show-arrow": !1,
           width: 1058,
           scrollable: "",
           x: f.x,
           y: f.y,
           "theme-overrides": { padding: "0", space: "0", borderRadius: "3px" },
-          onClickoutside: N
+          onClickoutside: x
         }, {
           default: p(() => [
             e("div", {
               class: "boden-product-introduction-panel",
-              onClick: i[1] || (i[1] = k(() => {
+              onClick: i[1] || (i[1] = y(() => {
               }, ["stop"]))
             }, [
-              e("div", Z, [
-                e("div", null, m(U(o)("boden.productIntroduction.allProducts")), 1),
-                l(_, {
+              e("div", no, [
+                e("div", null, m(F(o)("boden.productIntroduction.allProducts")), 1),
+                d(_, {
                   icon: "operate-close",
                   size: "16",
                   onClick: i[0] || (i[0] = (t) => n.value = !1)
                 })
               ]),
-              e("div", oo, [
-                (r(), u(y, null, g(C, (t) => e("div", {
+              e("div", io, [
+                (c(), u(g, null, P(B, (t) => e("div", {
                   key: t.key,
                   class: "content-item"
                 }, [
-                  e("div", eo, [
-                    e("div", to, [
-                      l(_, {
+                  e("div", ro, [
+                    e("div", so, [
+                      d(_, {
                         icon: t.icon,
                         size: "32"
                       }, null, 8, ["icon"])
                     ]),
-                    e("div", no, m(t.title), 1),
-                    e("div", io, m(t.description), 1)
+                    e("div", {
+                      class: "title",
+                      onClick: (s) => k(t.key)
+                    }, m(t.title), 9, co),
+                    e("div", lo, m(t.description), 1)
                   ]),
-                  t.children && t.children.length ? (r(), u("div", ro, [
-                    (r(!0), u(y, null, g(t.children, (a) => (r(), b(R, {
-                      key: a.key,
-                      title: a.title,
-                      "theme-overrides": B.value
+                  t.children && t.children.length ? (c(), u("div", ao, [
+                    (c(!0), u(g, null, P(t.children, (s) => (c(), b(T, {
+                      key: s.key,
+                      title: s.title,
+                      "theme-overrides": N.value
                     }, {
                       cover: p(() => [
                         e("img", {
-                          src: a.icon,
+                          src: s.icon,
                           alt: ""
-                        }, null, 8, so)
+                        }, null, 8, uo)
                       ]),
                       default: p(() => [
-                        P(" " + m(a.description) + " ", 1),
-                        e("div", lo, [
-                          l(x, {
+                        C(" " + m(s.description) + " ", 1),
+                        e("div", po, [
+                          d(O, {
                             round: "",
                             size: "tiny",
-                            type: "primary"
+                            type: "primary",
+                            onClick: (vo) => k(s.key)
                           }, {
                             default: p(() => [...i[3] || (i[3] = [
-                              P("开始使用", -1)
+                              C("开始使用", -1)
                             ])]),
                             _: 1
-                          })
+                          }, 8, ["onClick"])
                         ])
                       ]),
                       _: 2
                     }, 1032, ["title", "theme-overrides"]))), 128))
-                  ])) : $("", !0)
+                  ])) : j("", !0)
                 ])), 64))
               ])
             ])
           ]),
           _: 1
         }, 8, ["show", "style", "x", "y"]),
-        (r(), b(E, { to: "body" }, [
-          F(e("div", co, null, 512), [
-            [j, n.value]
+        (c(), b(q, { to: "body" }, [
+          G(e("div", mo, null, 512), [
+            [H, n.value]
           ])
         ]))
       ]);
@@ -165,5 +181,5 @@ const Z = { class: "header" }, oo = { class: "content-wrap" }, eo = { class: "co
   }
 });
 export {
-  yo as default
+  wo as default
 };

package/es/components/product-introduction/interface.d.ts

@@ -0,0 +1,20 @@
+import { PopoverProps } from 'naive-ui';
+export type BodenProductIntroductionProps = {
+    x?: PopoverProps['x'];
+    y?: PopoverProps['y'];
+};
+export type SubProductItem = {
+    key: string;
+    title: string;
+    description: string;
+    imgSrc: string;
+    href?: string;
+};
+export type ProductItem = {
+    key: string;
+    title: string;
+    description: string;
+    svgIcon: string;
+    href?: string;
+    children?: Array<SubProductItem>;
+};